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
  • Pages:
  • 1
  • 3
CSS Style (ZB); Vote!
Topic Started: Jun 16 2007, 05:23 AM (1,146 Views)
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
I'd *assume* that most skinners here have already taken a peek at the very least (or even attempted to edit it) of Zetaboards' CSS.

With IF about 99% of you are used to it appearing in this format:

Style A
Quote:
 
form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #69788E; margin:0px 10px 0px 10px;background-color:#FAFAFA; min-width: 795px;
max-width: 1400px;}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #69788E; }


The other 1% might find that so annoying they edit it themselves to look like this:

Style B
Quote:
 
form {
display:inline;
}
img  {
vertical-align:middle;
border:0px
}
BODY {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10px;
color: #69788E;
margin:0px 10px 0px 10px;
background-color:#FAFAFA;
min-width: 795px;
max-width: 1400px;
}
TABLE, TR, TD {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10px;
color: #69788E;
}


Then of course the Zetaboards CSS is split up. The top half deals with the style only. The second half contains the structure (padding/margins/widths etc) which I know a few of you do bother editing.

Style C
Quote:
 

/* Style ******************************/

img  {
border:0px
}
BODY {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10px;
color: #69788E;
background-color:#FAFAFA;
}
TABLE, TR, TD {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10px;
color: #69788E;
}

/* Structure ******************************/
form {
display:inline;
}
img  {
vertical-align:middle;
}
BODY {
margin:0px 10px 0px 10px;
min-width: 795px;
max-width: 1400px;
}


Therefore question is...which does everyone prefer? What do feel comfortable using? Note that this isn't a poll I'm doing on behalf of ZB. The CSS for ZB will be staying like it is. What *I* need to know is which CSS styles to post :angel:

I may have skinned ZB but I didn't realise until editing a test board for myself how long it takes...and when you think "grr my padding isn't working...OHHH its somewhere near the end of the style sheet :( *searches*...*searches* Ah finally there it is! :D"

Disclaimer: The ZB css is sexy and yummy...I mean no harm towards it :r
Offline Profile Quote Post Goto Top
 
Replies:
Libby.
私は残念である
[ *  *  *  *  *  * ]
A or B. I tend to use A and change it to style B when I finish and I check I've covered all defaults. Paddings get on my nerves no matter where in the CSS it is. Its much easier with them grouped with the rest of the properties rather then separate at the bottom of the CSS. Its so much easier to do it bit by bit without having to scroll down the CSS just to edit the paddings of something.
Offline Profile Quote Post Goto Top
 
Orbed
Member Avatar
realstuff
[ *  *  *  * ]
Style C.
Offline Profile Quote Post Goto Top
 
Kazuki-ZNR
...
Not that I do much skinning but my personal preference would have been B. It's far easier to locate and relocated when editing when structured that way.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Creative Discussion · Next Topic »
Add Reply
  • Pages:
  • 1
  • 3