Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Changing the Banner for each Skin
Topic Started: Mar 15 2006, 09:16 AM (18,514 Views)
Nicola
.....

Changing the Banner for each Skin

This guide should be useful for those using a skin selector to change their forum's skin. This will tell you how to do change the banner with each skin.
  • Note: This will be a bit tricky for 'newbies' to CSS and Div's.
Setting the placement of the Banner

Go to: AdminCP > Images

Within the 'Logo' macro, replace the default code with this:

Quote:
 

<div class="banner" width="100%" >
</div>


Purple is what you will call the CSS class where the banner will go. Name it sometimes that isn't already in your CSS. Banner would be acceptable.

Setting the Banner

If you're using a skin selector, you'll have to add this code to each CSS.

Quote:
 

.banner {
background-image: url(URL of the Banner);
background-repeat: no-repeat;
background-position: center;
height: 150px;
}

Purple is whatever you have specified the class to be in the logo macro.
Red is where you put the image url for your banner. You'll have to change the image url for each skin.
Blue is the position of your banner. You can center it using the code shown.

You can also do:

  • Left
  • Right
  • Bottom
  • Top
  • Top left (etc)
Green MUST be the height of your banner image. This will ensure that the banner is clearly visible.



If you have any questions regarding this documentation, please do not hesitate to PM me :)
Edited by RyanF, May 19 2008, 05:47 AM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Skinning Documentation · Next Topic »
Add Reply