Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
2 Questions
Topic Started: Dec 3 2007, 08:24 PM (565 Views)
Tue
Member Avatar
Member
[ * ]
1. I can try to find this out myself but I'll take the easy way out. What class control the statistic cell? Where it said "Total forum post, Total Members:, etc"
2. This question is to Nicola actually. Is it possible to create a 3 part banner/logo using your border script? I've tried a few approaches but still clueless.
Edited by Tue, Dec 3 2007, 08:27 PM.
Offline Profile Quote Post Goto Top
 
Chris
Member Avatar
Member
[ *  *  *  * ]
1) http://docs.zetaboards.com/_media/skinning/index.png?cache=cache (Look at the bottom)
Offline Profile Quote Post Goto Top
 
Tue
Member Avatar
Member
[ * ]
Chris
Dec 3 2007, 08:32 PM
I did my research before I asked. Looked and nothing there.
Offline Profile Quote Post Goto Top
 
Chris
Member Avatar
Member
[ *  *  *  * ]
Oy your right.. hmm it must be something else, let me look in the Source for a sec..

it is a regular td
Edited by Chris, Dec 3 2007, 08:40 PM.
Offline Profile Quote Post Goto Top
 
.MadX
Member Avatar
Member
[ * ]
it the class:

td
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
It's just a regular TD. I can't get the birthday cell to show on my test board, but if you really wanted to change that cell, the left cells are c_mark, there is #stats_members and #stats_legend, and they're contained in div with the ID of #stats, so #stats td would style it, and you could individually style the others, if that makes sense.

Three part banners isn't something you can do with the #logo, however you could do this:

Quote:
 
<div id="header">
<div id="header_l"><!-- top left corner --></div>
<div id="header_r"><!-- top right corner --></div>
</div>

That'd be the HTML, you could add that to the Theme Layout, the actual banner space in the Theme Settings (and style the #logo accordingly rather than just removing it) or the Board Template etc.

Then the CSS:
Quote:
 
/* repeating background image of the header */
#header {background:url(HEADER_URL);height: 0px;width:100%;}

/* top left corner */
#header_l {background:url(TOPLEFT_URL); height:0px; width:0px;float:left;}
/* top right corner */
#header_r {background:url(TOPRIGHT_URL); height:0px; width:0px;float:right;}

Set the heights accordingly (they should all be the same if you do your images correctly) and the widths, and pop it in the CSS. That's the heder code from my Image border code (needs updating with new CSS changes). The side pieces will er.. hug the sides of the container they're in, the #header, in any browser... yes, IE actually likes it :P

I hope that makes sense, I've just woken up.
Offline Profile Quote Post Goto Top
 
Tue
Member Avatar
Member
[ * ]
Oh that was stupid of me. I have the exact same thing except mine was missing the ";" after the height. No wonder it never shows up. I was trying to do a custom submenu using that code but I guess it's not working; I'll just settle with the 3 parts logo instead.
Thanks for the help.

Also, 2 more questions since I'm already here.
1. I noticed the "code" have it's own class where you can give it special properties. Why not have one for the "quote"? I mean, you can also do it for the area for the quote but I thought it'll be easier to have a class called "quote" for it. (maybe there is one but I didn't notice)
2. How do you remove the background gap between the logo and the top? I've tried adjusting the top margin and the logo margin but they doesn't seem to work.
:)
Edited by Tue, Dec 4 2007, 04:59 AM.
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
For 2, the margin isn't just on the #top like you'd expect (it really ought to be and I've suggested it) it's also on the .drop_menu. I can't find it in the CSS atm (might just keep scrolling past it) or it might not be in there because it's a margin that comes with a <ul>, however if there isn't, add:
Quote:
 

.dropmenu {
margin-bottom: 0;
}

Then remove the 12px bottom margin from the #top, that removes the gap completely. This is why I need to alter my image border doc, because the bottom margin on the right gets in the way of the top right border making it shift to the left instead.

As for the quotes, 'blockquote div' should do the quote and 'blockquote code' should do the code.
Offline Profile Quote Post Goto Top
 
Tue
Member Avatar
Member
[ * ]
Thank You
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Add Reply