# Best way to build a navigation bar with Radiant CMS?

**URL:** <https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004>\
**Category:** Radiant CMS\
**Created:** [December 11, 2006, 2:55pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004 "2006-12-11T14:55:34Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 11, 2006, 2:55pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/1 "2006-12-11T14:55:34Z")

</div>

@Sean,  
@Ruben,

(sorry for the delay …)  
thanks for your help! I’m trying to build clean CSS code for the site.  
Does anybody know if there are open source CSS builder tools? Perhaps  
the can help me to develop the overall design for the site, so i could  
adjust the resulting CSS code by hand later.

Best regards,  
Andreas S.

---

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 11, 2006, 3:21pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/2 "2006-12-11T15:21:36Z")

</div>

I’m not sure it’s what you’re looking for, but there’s plenty of  
‘open-source’ designs out there at [oswd.org](http://oswd.org) and other places. They come  
with the proper HTML/CSS and sometimes images.

Sean

---

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 11, 2006, 6:08pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/3 "2006-12-11T18:08:01Z")

</div>

+1 Web D. Toolbar. With the ‘Edit CSS’ mode there is almost no  
need for a text editor 🙂

-jamie

---

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 11, 2006, 6:31pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/4 "2006-12-11T18:31:10Z")

</div>

I’ve found that Firefox, combined with FireBug and Web D.  
Toolbar, is  
second to none.

As far as a standalone HTML/CSS editor goes, Aptana has been working  
well  
for me.

---

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 11, 2006, 3:25pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/5 "2006-12-11T15:25:37Z")

</div>

Hello Andreas,

I’ve found that a collection of open source (or closed-source but  
free) tools are needed. I’ve yet to find the “ultimate” CSS/XHMTL app.  
For structural layout I recommend N|vu (both windows and \*IX), for CSS  
any text editor with syntax highlighting can do the job (I use PSPad  
for windows and vim and emacs on \*IX systems.  
One tool that is invaluable is Firefox’s Web D. Tool Bar–the  
best in the biz, period. There are other FF extensions that help  
debugging code (i.e. FireBug, IE Tab, View Source Chart).

---

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 13, 2006, 4:18pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/6 "2006-12-13T16:18:40Z")

</div>

Hello list,

Sean C. schrieb:

> I’m not sure it’s what you’re looking for, but there’s plenty of  
> ‘open-source’ designs out there at [oswd.org](http://oswd.org) [http://oswd.org](http://oswd.org) and other  
> places. They come with the proper HTML/CSS and sometimes images.

thanks, didn’t know that mighty source of great design examples - and  
all open source - very nice.

> One tool that is invaluable is Firefox’s Web D. Tool Bar–the  
> best in the biz, period. There are other FF extensions that help  
> debugging code (i.e. FireBug, IE Tab, View Source Chart).

@Ruben:  
thanks! Firefox’s Web D. Tool Bar … a pleasure to build sites  
with that mighty helper.

It’s really cool to have a place to ask my newbie questions - and get  
helpful answers so quickly!

Best regards,  
Andreas S.

---

<div class="post-metadata">

**Author:** ![andreas](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@andreas](https://www.ruby-forum.com/u/andreas)\
**Post date:** [December 15, 2006, 4:13pm UTC](https://www.ruby-forum.com/t/best-way-to-build-a-navigation-bar-with-radiant-cms/79004/7 "2006-12-15T16:13:04Z")

</div>

I ditto the Web D. toolbar and then I also use HTML-kit  
([http://www.htmlkit.com/](http://www.htmlkit.com/)) for a standalone editor.

On 12/11/06, Andy R. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:

> I’ve found that Firefox, combined with FireBug and Web D. Toolbar, is  
> second to none.
> 
> As far as a standalone HTML/CSS editor goes, Aptana has been working well  
> for me.

–  
Al Steffen  
[http://www.zar-art.com](http://www.zar-art.com)