Game Banner Tutorial - A different way

[jdc20181 213]

Even though they don't offer it anymore you can still make your own banner. This might not be in the right section, but trust me, I know what I am doing - been programming for 2.5 years. 

 

 

 

 

The code is something you will have to engineer yourself - But I am gonna guide you through the entire thing!

 

 

You can use either: 1) The special in game link for referals or  2) Your Profile. 

 

 

 

Step 1: 

 

User Profile:

 

 

 

To get to your user profile Login and click your name. 

 

Screen Shot: http://imgur.com/gallery/HXavg0q

 

 

 

 

or  

 

User Referal:

 

 

 

 

Login > Friends > Invited Users > Link 

 

Screen Shot: http://imgur.com/gallery/mdJHC9u

 

 

 

 

 

Step 2 : Find a Tanki Image

 

 

 

You can use a image from the images here on tanki  or take a screenshot of your tank or whatever. But you  have to use your own image (if you want to)

 

 

 

 

Step 3  Coding :

 

 

 

 

The coding is rather simple, what it does is, its a link, but is visible as a image, just like the old banners. 

 

It is also supported on all platforms, as its a HTML5 standard. 

 

So do the following:

 

<a href="Referal or user link here"> My Tanki Profile or  <img src="My picture"> </a>

 

 

Now the question is how do you resize the image, you need to be familar with pixels in order to do it but you can put in after the

<img

 

like The following:

 

Style="Width:x px; Height: y px;"

 

So its like this:

 

<img src="link to photo" Style="Width:x px; Height: y px;">

 

You do NOT need a normal ending tag on images.

 

 

 

 

 

 

If you got anymore questions or have trouble resizing the image just let me know. 

 

 

 

 - Jdc20181

 

Edit: I don't think putting the style in the <a will work so i edited to put it in the <img tag instead. I have done it myself before, but for the purpose of this tutorial and spur of the moment, don't do it. 

 

 

Last edit for now: 

 

Here is a quick demo I put together rather quickly no design just the banner - the other isn't  showign up atm but this one is linked to my profile - it is to demonstrate the tutorial,  The more px you give the image the wider/taller it will be remember to safely adjust this, and don't over do it. 

 

 

https://jdc20181.github.io/TankiDemo/

Edited January 21, 2017 by jdc20181

[DESTROYER_13 1,019]

Woah much genius up here.

[Skills.n.Girls 767]

I was programming simple things and html things in the past but I stopped since I am busy with more imporatant work. I am going to learn some language codes soon (well I hope) so I must make it up and more learn for the school than playing games :/

 

Anyways good luck with yours :)