Menu di navigazione con descrizione
Menu di navigazione con descrizione
Menu di navigazione con descrizione |
Questo tutorial permette di inserire un menù con una descrizione che apparirà al passaggio del mouse. >Dove inserirlo: Pannello > Visualizzazione > Prima pagina > Generalita' > Messaggio sull'indice....Contenuto del messassio
Tutoriale da :The crow Copyrigth © FORUMATTIVO.COM |
Ultima modifica di VIRTUALDEEJAY il Dom 15 Feb 2015 - 20:30 - modificato 6 volte. (Motivazione : Eliminate immagini non funzionanti)
menu a tendina
> [wow]custom:Dove inserirlo,,Potete inserirlo dove volete,000000/t[/wow]
- Codice:
<script language="JavaScript">
function goToURL(form)
{
var myindex=form.dropdownmenu.selectedIndex
if(!myindex=="")
{
window.location.href=form.dropdownmenu.options[myindex].value;
}
}
//-->
</script>
<form name="forum ">
<select name="dropdownmenu" size=1 onChange="goToURL(this.form)">
<option selected value="">
forum </option>
<option value="url ">
categoria</option>
<option value="url ">
portale </option>
<option value="galleria ">
faq</option>
<option value="url">
profili</option>
<option value="url">
ciao </option>
</select></form>
Per domande o chiarimenti Gestire l'aspetto del forum |
Ultima modifica di VIRTUALDEEJAY il Dom 15 Feb 2015 - 20:32 - modificato 1 volta. (Motivazione : Eliminate immagini non funzionanti)
Menu con doppia immagine
- Codice:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
image1 = new Image();
image1.src = "http://2img.net/i/fa/admin/icones/loupe.png";
image2 = new Image();
image2.src = "http://2img.net/i/fa/admin/icones/loupe.png";
image3 = new Image();
image3.src = "http://2img.net/i/fa/admin/icones/loupe.png";
image4 = new Image();
image4.src = "http://2img.net/i/fa/admin/icones/loupe.png";
image5 = new Image();
image5.src = "http://2img.net/i/fa/admin/icones/loupe.png";
</script>
</HEAD>
<BODY><div id=EchoTopic>
<a href="http://www.google.it/" onmouseover="image1.src='http://2img.net/i/fa/admin/icones/loupe.png';"
onmouseout="image1.src='http://2img.net/i/fa/admin/icones/small_ico/ico_fb.png';">
<img name="image1" src="http://2img.net/i/fa/admin/icones/small_ico/ico_fb.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image2.src='http://2img.net/i/fa/admin/icones/loupe.png';"
onmouseout="image2.src='http://2img.net/i/fa/admin/icones/small_ico/point_and_reputation.png';">
<img name="image2" src="http://2img.net/i/fa/admin/icones/small_ico/point_and_reputation.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image3.src='http://2img.net/i/fa/admin/icones/loupe.png';"
onmouseout="image3.src='http://2img.net/i/fa/admin/icones/small_ico/jeux.png';">
<img name="image3" src="http://2img.net/i/fa/admin/icones/small_ico/jeux.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image4.src='http://2img.net/i/fa/admin/icones/loupe.png';"
onmouseout="image4.src='http://2img.net/i/fa/admin/icones/small_ico/portail.png';">
<img name="image4" src="http://2img.net/i/fa/admin/icones/small_ico/portail.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image5.src='http://2img.net/i/fa/admin/icones/loupe.png';"
onmouseout="image5.src='http://2img.net/i/fa/admin/icones/small_ico/chatbox.png';">
<img name="image5" src="http://2img.net/i/fa/admin/icones/small_ico/chatbox.png" border=0></a>
</BODY>
![]() | Per domande o chiarimenti Gestire l'aspetto del forum |
Re: Menu di navigazione con descrizione
- Codice:
<div id="barameniu">
<ul>
<li><a href='url'>menu1</a></li>
<li><a href='url'>menu2</a></li>
<li><a href='url'>menu3</a></li>
<li><a href='url '>menu4</a></li>
<li><a href='url '>menu5</a></li>
</ul><style type="text/css" media=screen>
<!--
#barameniu {
margin: 0 auto;
padding: 0;
position: relative;
width: 650px;
height: 30px;
background: #00FF00 url(bg151.png) 0 0 repeat-x;
font: bold 12px tahoma, Arial, Helvetica, sans-serif;
}
#barameniu ul {
margin: 0;
padding: 0;
float: none;
}
#barameniu li {
padding: 0 0 0 0;
margin: 0;
float: left;
border-right:double #FF3366; list-style:none;
}
#barameniu ul li a:link, #barameniu ul li a:active, #barameniu ul li a:visited {
dISPlay: block;
float: left;
padding: 0 20px;
height: 30px;
line-height: 30px;
color: #FFFFFF;
text-decoration: none;
}
#barameniu ul li a:hover {
background: url(bg151hov.png) 0 100% repeat-x;
}
-->
</style>
![-](https://2img.net/i/empty.gif)
» Menù con descrizione
» menu' di navigazione
» Menù di navigazione
» menù navigazione
» Menù di navigazione
» menu' di navigazione
» Menù di navigazione
» menù navigazione
» Menù di navigazione
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.