Forums » Ideas
extra css hooks
sambody
BELGIUM
2007-04-20 12:14:32
 

I have a request for some extra "css hooks" in the template HTML:

- having a class "siteName" on the paragraph that contains the site name (and get rid of that br following it)
- having a class of "section" (or something similar) to each menu list item that contains a (non clickable) section name.
- having an class for the body tag, depending on the section that we're in. For example, if I would be in section "photo projects", and the body would have a class "photo-projects", I could very easily give a special style to that whole section (font color, background image etc) using css.

These changes wouldn't change the basic html structure, it would just give some extra flexibility.

Maybe I should add it myself, but I don't know in which file I have to look...

Thanks

Vaska
I WROTE THIS
2007-04-20 12:29:54
 

Sure, flexibility is never ending, but there is much more here than you know.

1 - can't do that...it would break things for many, many people...you can do it yourself however.

2 - planned...

3 - you can already change the background color page by page. you can add styles on the fly if you desire. you can add background images already.

In the /studio/site/eatock/readme.txt file there are basic instructions how to create your own template set.

sambody
BELGIUM
2007-04-20 13:24:49
 

1. I found out how to do it: in preferences - pre nav text, I've wrapped the with a div with class="site_name". It replaces the P (and gets rid of the BR if I delete all empty spaces after the div)
2. great
3. That's true. And I was more thinking of changing font colors (together with background), and doing it for a whole section rather than every separate page. But never mind, I'll just use what is available.

Thank you

Vaska
I WROTE THIS
2007-04-20 13:34:32
 

3. There is enough there to do it...it's just not documented yet. You could use a system variable to get the section...such as...mockup of code...

Crap...this thing is editing the code for me...

div id='section_< % section_id % >' ...take out the spaces in the system variable

Be sure you specify #section_1, #section_2, etc in your css.

sambody
BELGIUM
2007-04-20 13:38:03
 

ps: I've tried to update my last post, but the "update" button doesn't do anything. And after reloading the page my editing doesn't show up.(I'm on Firefox 2 on Linux)

I meant "I've wrapped the obj_name with a div" etc.

Vaska
I WROTE THIS
2007-04-20 13:50:44
 

I can see it on the site. But I don't see any changes to the css file.

You should switch the template set to your new template set or to samples - the eatock is hard coded into the system.

sambody
BELGIUM
2007-04-20 13:52:16
 

Ahah! I've added the section_id as a class to the body and it works great.

Thanks, Vaska!

Showing 1 - 7 of 7 posts in Forum > Ideas > extra css hooks
 

You need to be logged in to post.