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
Change Images with Style Sheets
Topic Started: Dec 11 2008, 02:16 AM (461 Views)
tk-425-ZNS
Member
 *  
Is there a way to change board images along with the styles sheets? I want buttons like "add reply" or "new topic" to change along with any new skins I add.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
The only way I can think of would be to apply the image as the background.

Admin CP Posted Image Skinning & Styles Posted Image Images Posted Image Logo
Code:
 
<div class="logo"></div>
Each separate style sheet:
Quote:
 
.logo { background:url(http://i1.ifrm.com/9764/158/upload/p3524781.gif) no-repeat; height:100px; width:100px}
You'll have to specify the height and width of the background image so the image will actually appear in the DIV element.
Offline Profile Quote Post Goto Top
 
tk-425-ZNS
Member
 *  
I've tried that, and the "add reply" button was moved to another location on the page. Not good.

If there's a way around that problem, I'd appreciate it if someone would share it.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
Try this approach instead of the DIV tag.
Code:
 
<img src="http://i2.ifrm.com/4657/197/emo/transparent.gif" class="logo">
Don't bother editing the image URL. It's a transparent image, only there to be used as a "filler".
Offline Profile Quote Post Goto Top
 
tk-425-ZNS
Member
 *  
lol, now the add reply button is an invisible .gif. :p

*Edit: now it works. The css wasn't formatted right. Thanks Cory. :D
Edited by tk-425-ZNS, Dec 12 2008, 01:57 AM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
Glad you managed to get it all figured out. :)
Edited by Cory, Dec 14 2008, 03:40 AM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply