quarta-feira, 24 de julho de 2013

Menu Drop - código personalizado tatezilla

Código do menu e submenus personalizado:

<div id='menuWrapper'>
<ul class='menu'>
<li class='top'><a class='top_link' href='Link URL'><span>Início</span></a></li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Planner</span></a>
<ul class='sub'>
<li><a href='Link URL'>Agenda</a></li>
<li><a href='Link URL'>Listas</a></li>
<li><a href='Link URL'>Orçamento</a></li>
<li><a href='Link URL'>Timeline</a></li>
</ul>
</li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Decoração</span></a><ul class='sub'><li><a class='fly' href='Link URL'>Cerimônia</a><ul>
<li><a href='Link URL'>Geral</a></li>
<li><a href='Link URL'>Altar</a></li>
<li><a href='Link URL'>Corredor</a></li>
</ul>
</li>
<li class='mid'><a class='fly' href='Link URL'>Festa</a>
<ul>
<li><a href='Link URL'> Geral</a></li>
<li><a class='fly' href='Link URL'>Mesas</a>
<ul>
<li><a href='Link URL'>noivos</a></li>
<li><a href='Link URL'>convidados</a></li>
<li><a href='Link URL'>bolo e doces</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='Link URL'>Impressos</a></li>
</ul>
</li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Fashionismo</span></a>
<ul class='sub'>
<li><a class='fly' href='Link URL'>Noiva</a>
<ul>
<li><a href='Link URL'>vestido</a></li>
<li><a href='Link URL'>buquê</a></li>
<li><a href='Link URL'>penteado</a></li>
<li><a href='Link URL'>maquiagem</a></li>
</ul>
</li>
<li><a href='Link URL'>Noivo</a></li>
<li><a href='Link URL'>Madrinhas</a></li>
<li><a href='Link URL'>Alianças</a></li>
</ul>
</li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Gastronomia</span></a>
<ul class='sub'>
 <li><a href="Link URL" class="fly">Comes</a>
<ul>
<li><a href="Link URL">aperitivos</a></li>
<li><a href="Link URL">principal</a></li>
<li><a href="Link URL">bolo e doces</a></li>
</ul>
</li>
<li><a href='Link URL'>Bebes</a></li>
</ul>
</li>

<li class="top"><a href="Link URL" class="top_link"><span class="down">Entretenimento</span></a>
<ul class="sub">
<li><a href="Link URL">Músicas</a></li>
<li><a href="Link URL">Atividades</a></li>
</ul>
</li>

<li class="top"><a href="Link URL" class="top_link"><span class="down">Fornecedores</span></a>
<ul class="sub">
<li><a href="Link URL">Decoração</a></li>
<li><a href="Link URL">Fashionismo</a></li>
<li><a href="Link URL">Gastronomia</a></li>
<li><a href="Link URL">Entretenimento</a></li>
<li><a href="Link URL">Foto e Vídeo</a></li>
<li><a href="Link URL">Locais</a></li>
<li><a href="Link URL">Hotéis</a></li>
<li><a href="Link URL">Convites</a></li>
<li><a href="Link URL">Lista de Presentes</a></li>
</ul>
</li>

<!-- Search Bar -->
<li>
<form action='/search' id='search' method='get' name='searchForm' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Search here...&quot;;' onfocus='if (this.value == &quot;Search here...&quot;) this.value = &quot;&quot;;' size='28' type='text' value='Search here...'/></form>
</li>

</ul>
</div>

Nenhum comentário :

Postar um comentário