25/08/2010
Come inserire in automatico nel menù a tendina "Categorie" e "Archivio"
Cari MyBlogger,
in questo tutorial vi mostriamo come inserire in automatico le categorie e gli archivi del vostro blog nel menù a tendina che abbiamo creato utilizzando soltanto codice HTML e CSS.
Riprendendo il nostro tutorial, basterà inserire nel codice HTML che avete creato, due nuove voci, Categorie e Archivio, inserendo le seguenti righe di codice che permettono di richiamare in automatico quelle informazioni:
<li><a href="#"><strong>Categorie</strong></a>
{categories assign="category"}{if $category.first}
<ul class="menu_body">{/if}<li>
<a href="{$category.url|urlchar|lower}/">{$category.name}</a>
</li> {if $category.last}</ul>{/if} {/categories}
</li>
<li><a href="#"><strong>Archivio</strong></a><ul>
{archives assign="archive" archive_type="@archive_type@"
date_format="@archive_type_format@" limit="10"} {if $archive.first}
{/if}<li><a href="{$archive.url}">{$archive.name}</a></li>
{if $archive.last}<li><a href="{$blog.url}archives/">
{t}All archives{/t}</a></li></ul>{/if}{/archives}
</li>
Prendendo come esempio concreto il menù a tendina inserito nel Blog Redazione, il risultato finale sarà questo:
<ul id="mymenu">
<li>
<a href="http://redazione.myblog.it"><strong>Home</strong></a>
</li>
<li>
<a href="#"><strong>Categorie</strong></a>
{categories assign="category"}{if $category.first}
<ul class="menu_body">{/if}<li>
<a href="{$category.url|urlchar|lower}/">{$category.name}</a>
</li> {if $category.last}</ul>
{/if} {/categories}
</li>
<li>
<a href="#"><strong>Le sezioni di MyBlog.it</strong></a>
<ul>
<li><a href="http://blog.virgilio.it/audioblog.html" target="_blank">
Audio post</a></li>
<li><a href="http://blog.virgilio.it/blog_giorno.html" target="_blank">
Blog del giorno</a></li>
<li><a href="http://blog.virgilio.it/bloglive.html" target="_blank">
Blog live</a></li>
<li><a href="http://blog.virgilio.it/photoblog.html" target="_blank">
Foto post</a></li>
<li><a href="http://blog.virgilio.it/blog_piu_visti.html" target="_blank">
Migliori blog</a></li>
<li><a href="http://blog.virgilio.it/post_piu_visti.html" target="_blank">
Migliori post</a></li>
<li><a href="http://blog.virgilio.it/funzionalita.html" target="_blank">
Tutte le funzionalità</a></li>
<li><a href="http://blog.virgilio.it/tutti_tag.html" target="_blank">
Tutti i tag</a></li>
<li><a href="http://blog.virgilio.it/videoblog.html" target="_blank">
Video post</a></li>
</ul>
</li>
<li>
<a href="#"><strong>Blog e dintorni</strong></a>
<ul>
<li><a href="http://community.virgilio.it/ugc/speciale/blog/"
target="_blank">Blog Magazine</a></li>
<li><a href="http://tecnologia.virgilio.it/" target="_blank">
Consigli per scrivere un blog</a></li>
<li><a href="http://virgiliopeople.virgilio.it/" target="_blank">
Trova Amici</a></li>
<li><a href="http://community.virgilio.it/" target="_blank">
Virgilio Community</a></li>
<li><a href="http://virgilioparliamone.myblog.it/" target="_blank">
Virgilio? Parliamone</a></li>
</ul>
</li>
<li>
<a href="#"><strong>Archivio</strong></a>
<ul>
{archives assign="archive" archive_type="@archive_type@"
date_format="@archive_type_format@" limit="10"} {if $archive.first}
{/if}<li><a href="{$archive.url}">{$archive.name}</a></li>
{if $archive.last}<li><a href="{$blog.url}archives/">{t}All archives{/t}
</a></li></ul>{/if}{/archives}
</li>
</ul>
Buon lavoro!
09:55 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (0) | Segnala
| Tag: tutorial, drop down menu, menu a tendina, automatico, html, css | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook


Scrivi un commento
NB: i commenti di questo blog sono moderati.