Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2007-12-28 07:07:59
- tc03
- Member
- Registered: 2007-11-06
- Posts: 92
header id.s and styles
I want to make a header/nav section like the following from jon tan
<div id=“utilities”>
<ul>
<li class=“home”><a class=“live” href=”/” title=“Return to the home page”>jon tan<em>gerine</em></a></li>
<li class=“xml”><a href=“http://feeds.feedburner.com/jontangerine” title=“Get my feed via Feedburner”><img src=”/i/content/ico14_xml_fa0.gif” alt=“XML feed” /></a></li>
<li><a href=”/log” title=“Web log history”>Log</a></li>
<li><a href=”/about” title=“Personal words and professional profile”>about</a></li>
<li><a href=”/about/aside” title=“Latest bookmarks, tweets and events”>Asides</a></li>
</ul>
</div>
I know I can use a plugin like cbs_navigation_menu, but how can I style them in CSS as I would if they were each separate list items – that is, I would be able to style them each individually. How do I manage that when they are grouped together like this? Or, how could I make a menu form for this list that has a different output – more like the HTML?
Offline
#2 2007-12-28 08:15:05
- tc03
- Member
- Registered: 2007-11-06
- Posts: 92
Re: header id.s and styles
Is it enough to use the
<ul>
<txp:section wraptag=“li” link=1 title=1 name=“jontangerine” />
<txp:section wraptag=“li” link=1 title=1 name=“feeds” />
<txp:section wraptag=“li” link=1 title=1 name=“Log” />
<txp:section wraptag=“li” link=1 title=1 name=“about” />
etc…
</ul>
and the
<txp:section link=1 title=1 name=“about” /> (for example)
for static pages?
Would that allow me to style each ‘element’ individually?
Offline
Re: header id.s and styles
Something like this works for me, maybe you can give it a try…
<txp:section_list wraptag=“ul” break=“li” active_class=“active” default_title=“Home” include_default=“1” sections=“Feeds,Log,About” />
(Check this tag)
Last edited by jordi (2007-12-28 11:32:09)
Offline
Re: header id.s and styles
hi
I’m not sure that I understand correctly but I take it that you would like to know what css you should use for your menu? Or is it that you know how to css it and what you want is a suggestion regarding how each one of thse links have a different colour?
In any case here’s a link which offers free css menus.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Pages: 1