| 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: |
| 3-Piece Category Footer; For ZetaBoards! | |
|---|---|
| Tweet Topic Started: Mar 26 2008, 04:17 PM (1,198 Views) | |
| Locke | Mar 26 2008, 04:17 PM Post #1 |
|
That one guy
|
In our collaborative efforts to encourage more people to experiment with ZetaBoards Themes, Nicola has given me permission to post this script here at the SZ. Once you've begun to feel more comfortable with the basics of ZetaBoards, try this out. Everything below is a direct quote to Nicola. ![]() Preview Here. Select the '3-piece c_foot' theme. You'll see a visual difference on the index. This is kinda to go with Choco's 3-Piece h2. Except, this only works for the td.c_foot appearances on the index/category view. The simple reason being, to have it in other places would require lots more CSS and lots of JS, and to be frank...you want something plain for areas where you have text and drop-boxes etc. This is just an aesthetic thing. I want things to be usable, so I'm personally not allowing this for places such as the topic view ![]() Please note: You cannot use transparent images for the left/right images. Also: I would not recommend this if you're new to CSS. The jQuery required: Add to very end of Theme Layout
The last line puts the Administrator/Moderator etc links into the right div, so you need to style that div specifically, which you'll soon see: The CSS:
For the final part, you'd need to adjust the width to accommodate for the links. You will also have to adjust the padding and height accordingly. For example, in my test the image is 30px in height. To center it, I used 8px top padding, which means I had to then only set the height to 22px overall. If you want to style the statistics category foot differently, then add the classes again, but change them to #stats .foot_left for example. |
![]() |
|
| Shav | Mar 26 2008, 06:43 PM Post #2 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]()
|
mite come in handy thanks!
|
![]() |
|
| Sith | Mar 28 2008, 09:23 AM Post #3 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
It's a nice script, it's just a shame the 3-part h2 it goes with is buggy (if that's even a word :P). |
![]() |
|
| Futile | Mar 28 2008, 02:35 PM Post #4 |
![]()
Member
![]() ![]() ![]() ![]()
|
LOL exalent coding Locke i made sumink like dat but not as good kiida lol |
![]() |
|
| Nivexonix | Mar 28 2008, 11:41 PM Post #5 |
![]()
Love
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Glad it is released. Hopefully it will be made useful, and hopefully an entire 3-piece set of coding will be made.
|
![]() |
|
| PoloKid | Mar 29 2008, 03:11 AM Post #6 |
|
Member
![]() ![]() ![]() ![]() ![]()
|
Thanks for releasing it Locke. |
![]() |
|
| Locke | Apr 2 2008, 07:34 PM Post #7 |
|
That one guy
|
I didn't write it (I wouldn't know where to start :P) but I'm sure Nicola appreciates your thanks. It's all about doing what we can to facilitate and encourage more people to try new things. |
![]() |
|
| Arianna | Apr 8 2008, 05:37 PM Post #8 |
|
Never settle for a half measure.
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
I'll be using it, thank you for posting it. |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Creative Discussion · Next Topic » |
| Track Topic · E-mail Topic |
10:35 AM Jul 11
|

Once you've begun to feel more comfortable with the basics of ZetaBoards, try this out. 






![]](http://b1.ifrm.com/0/1/0/p601690/pipright.png)


10:35 AM Jul 11