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:
Multiquote (on) Multiquote (off)
Add Reply
Forum field width and reversing orde of fields?; Making forum name field wider, recent topic field thinner, etc.
Topic Started: Sep 25 2011, 07:47 PM (526 Views)
zombee
Member
[ * ]
I am completely new to CSS (trying to learn) so I don't know if this is practical to arrange. Thanks in advance to anyone who can help me out at all.

Here is a picture I made of what my forums look like now and what I'd like them to look like. I want the forum name/description field to be the widest, and the other fields to be very narrow. Also, ideally, I would like to get rid of the 'x viewers' and 'x topics' fields, but I'll live if this is too complicated.

Posted Image
Offline Profile Quote Post Goto Top
 
jhine
Member
[ * ]
My JavaScript sucks and I've had to obtain help to give help :P Most is my doing and it should work :) Let me know of any problems.
Code:
 
$(function() {
$('td.c_info-v, td.c_info-t').css('display', 'none');
$('td.c_last, td.c_info-r').css({
'min-width': 0,
'width': '20%',
'text-align': 'center',
}).attr({
'rowspan': 2,
});
$('td.c_foot').attr('colspan', 6);
$('td.c_subforum').attr('colspan', $('td.c_subforum').attr('colspan') +1);
$('td.c_info-r').each(function(index) {
$(this).appendTo($(this).parent().prev());
});
});


Edit: Anyone that reads this that fancies tipping me on better solutions, feel free.
Edited by jhine, Sep 30 2011, 05:40 AM.
Offline Profile Quote Post Goto Top
 
zombee
Member
[ * ]
Thank you for responding.

I put this in my 'Edit Theme Appearance' box right under the background color code. Nothing appears to have changed- did I put it in the wrong place?
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

zombee
Sep 29 2011, 04:51 PM
Thank you for responding.

I put this in my 'Edit Theme Appearance' box right under the background color code. Nothing appears to have changed- did I put it in the wrong place?
Try putting it in your Board Template in the Javascrpit box :)
Quote Post Goto Top
 
Quozzo-ZNS
Member Avatar
Member
[ *  * ]
You will need this to adjust the forum icons as some may/may not have subforums.
Code:
 
$('.c_mark').each(function(){
$(this).attr('rowspan',$(this).attr('rowspan')-1);
});
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply