Table background headers

View previous topic View next topic Go down

Table background headers

Post by Neymar on Sun Jun 24, 2012 12:17 am

I've done little bit of work on the table background headers with a little start from LG. Just to make it look a little better. I'll keep on working on it for now and I'll need to try and work out how to get the top right and left to be sort of curved.
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 12:59 am

Ok, curves done and fixed some of the problems I had with the text.

Only problem now, is this:



Whatever I try to do, I just can't put padding-left: 5px on this thing. This is also making the text, 'Replies' 'Views' and 'Last Post' go slightly out of place.

Also, the new style of table background, can that be applied to the top of each thread like on punbb?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 1:36 am

Actually, the padding-left: 5px moves all the text 5px and not just the text ANNOUNCEMENT & STICKY, meaning replies, views and last post are slightly out of place.

Any way I can moved only the text 'ANNOUNCEMENT & STICKY' and not the rest of the text on the line?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by Otacon_Alonsus on Sun Jun 24, 2012 1:36 am


which code have you been trying to mess with at the moment?
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 1:38 am

I've managed to do it by adding:

ul.topiclist li.header dl dd, ul.topics li.header dl.icon dt {
margin-left: 5px;
}

instead of padding-left

however this still means that the other text on the line is slightly out of place. (edit: realised this is also the case on the forum index)
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by Otacon_Alonsus on Sun Jun 24, 2012 1:42 am


dl.icon dt {
margin-left: 5px;
}

on its own wont work?
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 1:50 am

Otacon_Alonsus wrote:
dl.icon dt {
margin-left: 5px;
}

on its own wont work?

That fixes the forum index.
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 2:17 am

Ok, all we need now is the word 'Topics' to be margin-left:5px

I can't seem to get that though.
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 3:05 am

Still no luck. 'TOPICS' is still refusing to move itself.

This has been added:

ul.topics li.header dl.icon dt {
margin-left: 5px;
}

and nearly every combination of things that can be added has been added. The word 'TOPICS' can move, but only with the rest of the text on the line like 'REPLIES', 'VIEWS' and 'LAST POST'.
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by LGforum on Sun Jun 24, 2012 11:20 pm

This should fix the topics bit on the viewforum pages:
Code:

ul.topics .dterm { margin-left: 5px!important; }
The !important declaration is needed to over power the inline style attribute.
avatar
LGforum
Admin

Posts : 32
Join date : 2012-06-04
Warning : 100%

View user profile

Back to top Go down

Re: Table background headers

Post by Neymar on Sun Jun 24, 2012 11:25 pm

LGforum wrote:This should fix the topics bit on the viewforum pages:
Code:

ul.topics .dterm { margin-left: 5px!important; }
The !important declaration is needed to over power the inline style attribute.

Now I know what !important means. Smile

Thanks LG. For the other thing I asked about, is it possible without template editing?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Table background headers

Post by LGforum on Fri Jun 29, 2012 6:00 am

Neymar wrote:
Thanks LG. For the other thing I asked about, is it possible without template editing?

Explain? Razz
avatar
LGforum
Admin

Posts : 32
Join date : 2012-06-04
Warning : 100%

View user profile

Back to top Go down

Re: Table background headers

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum