Textpattern CMS

#1 2010-10-19 17:28:47

maruchan

Member

From: Ukiah, California

Registered: 2010-06-12

Posts: 596

Website

Implementation advice on my mega menu

OK, I’m working on a new site with a mega menu.

Right now, the code in my menu form is like this:

<ul class="megamenu"><!-- megamenu -->
    <li>
        <a href="http://www.friendlyskies.net/site/">Home</a>
    </li>
    <li>
        <a href="http://www.friendlyskies.net/site/projects">Creativity</a>
        <div class="megadata">
            <p>I'm big into graphics. Layouts, icons, illustration work, animation, you name it.</p></div>
    </li>
    <li>
        <a href="http://www.marccarson.com">Web Design</a>
        <div class="megadata">
            <p><a href="http://www.marccarson.com"><img src="http://www.friendlyskies.net/site/images/39.jpg" style="float:left" /></a>My day job is web design. If you know anyone who needs <strong>good web design</strong> done, please do put them in touch.</p>
        </div>
    </li>
    <li>
        <a href="http://www.friendlyskies.net/site/about-marc">WhoAmI</a>
        <div class="megadata">
            <p><img src="http://www.friendlyskies.net/site/images/38.jpg" style="float:left" />That is my cat. He likes to sit in my chair. You can learn what it's like to sit in my chair if you want. I'll tell you all about it.</p>
        </div>
    </li>
    <li>
        <a href="http://www.friendlyskies.net/aoiforum">Community</a>
        <div class="megadata">
            <p><img src="http://www.friendlyskies.net/site/images/37.jpg" style="float:left" />I run an online community for 3D graphics artists and programmers. More specifically, it's for people who use a software package called "Art of Illusion."</p>
        </div>
    </li>
</ul>

So, what I’m wondering is, what’s the best way to clean this up? Here’s my idea:

• Make a category called “megamenu”
• The form runs through the category, outputs the article title as the link name, article body as the main text in the megamenu, and maybe use custom fields for the image and main link URL.

But: I have no idea how to make that happen with TXP tags.

I’m pretty new to Textpattern so I’d like to hear any advice you might have. This is for my own use, but I have a new client I’ll be using it for.

Thanks!