View Single Post
  #10    
Old October 25th, 2012, 03:58 AM
Counterfeit's Avatar
Counterfeit
 
 
Join Date: Mar 2004
Age: 21
Send a message via Skype™ to Counterfeit
It's lovely, but doesn't fit on a 1024x768 resolution; The banner is single 1100px pixel wide image. :|

Having your banner as one fixed image when it's that big is not only very bad practice, but it's completely unnecessary!

Here is some replacement code and images so that your banner is split into layers, the way it should be:

Example:
Code:
<div style="height: 122px; width: inherit; background-image: url('/images/templates/kantodreamparty/header/background.png');"><div style="height: 122px; width: inherit; background-position: 54%; background-repeat: no-repeat; background-image: url('/images/templates/kantodreamparty/header/exeggutor.png');"><div style="height: 122px; width: inherit; background-position: 31%; background-repeat: no-repeat; background-image: url('/images/templates/kantodreamparty/header/arcanine.png');"><div style="height: 122px; width: inherit; background-position: 18%; background-repeat: no-repeat; background-image: url('/images/templates/kantodreamparty/header/squirtle.png');"><div style="height: 122px; width: inherit; background-position: 1%; background-repeat: no-repeat; background-image: url('/images/templates/kantodreamparty/header/bulbasaur.png');"><div style="height: 122px; width: inherit; background-position: 2%; background-repeat: no-repeat; background-image: url('/images/templates/kantodreamparty/header/charmander.png');"><div style="height: 122px; width: inherit; background-position: 98%; background-repeat: no-repeat; background; background-image: url('/images/templates/kantodreamparty/header/text.png');"></div></div></div></div></div></div></div>
Simply swap out the <img> tag that holds your banner at the moment with the provided code.

A new folder called "header" will also need to be created within the style's folder, in which the images below will need to placed:

background.png
charmander.png
bulbasaur.png
squirtle.png
arcanine.png
exeggutor.png
text.png
__________________
eram quod es, eris quod sum
Reply With Quote