Menu di navigazione con descrizione


Tutorial Menu di navigazione con descrizione

Messaggio Da the crow il Ven 21 Gen 2011 - 1:04

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

Codice:
<style type="text/css">
A:hover {color:white;background-color:royalblue};
</style>
A:hover {color:white;background-color:royalblue};
</style>
<form action=" " name="form1">
<table width="600" border="0" cellspacing="0" cellpadding="5">
<tr bgcolor="#CCCCCC">
<td width="0"><a href="http://http://ilgiornaledibordo.forumattivo.com/page_html.forum?mode=preview"  onMouseOver="form1.description.value='bello ';return true" onMouseOut="form1.description.value='';return true">Forum </a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome</a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome </a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome </a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome </a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome </a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome </a> </td>
<td width="0"><a href="http://url "  onMouseOver="form1.description.value='descrizione';return true" onMouseOut="form1.description.value='';return true">nome </a> </td>
<td width="0">
<input type="text" name="description" size="25" value="">
</td>
</tr>
</table>
</form>


Per domande o chiarimenti Gestire l'aspetto del forum

   Tutoriale da :The crow
Copyrigth © FORUMATTIVO.COM

   

   



Ultima modifica di VIRTUALDEEJAY il Dom 15 Feb 2015 - 20:30, modificato 6 volte (Motivo della modifica : Eliminate immagini non funzionanti)
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial menu a tendina

Messaggio Da the crow il Ven 21 Gen 2011 - 1:21

> [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 (Motivo della modifica : Eliminate immagini non funzionanti)
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Menu con doppia immagine

Messaggio Da the crow il Sab 22 Gen 2011 - 1:12

Codice:

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
image1 = new Image();
image1.src = "http://illiweb.com/fa/admin/icones/loupe.png";
image2 = new Image();
image2.src = "http://illiweb.com/fa/admin/icones/loupe.png";
image3 = new Image();
image3.src = "http://illiweb.com/fa/admin/icones/loupe.png";
image4 = new Image();
image4.src = "http://illiweb.com/fa/admin/icones/loupe.png";
image5 = new Image();
image5.src = "http://illiweb.com/fa/admin/icones/loupe.png";
</script>
</HEAD>
<BODY><div id=EchoTopic>
<a href="http://www.google.it/" onmouseover="image1.src='http://illiweb.com/fa/admin/icones/loupe.png';"
onmouseout="image1.src='http://illiweb.com/fa/admin/icones/small_ico/ico_fb.png';">
<img name="image1" src="http://illiweb.com/fa/admin/icones/small_ico/ico_fb.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image2.src='http://illiweb.com/fa/admin/icones/loupe.png';"
onmouseout="image2.src='http://illiweb.com/fa/admin/icones/small_ico/point_and_reputation.png';">
<img name="image2" src="http://illiweb.com/fa/admin/icones/small_ico/point_and_reputation.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image3.src='http://illiweb.com/fa/admin/icones/loupe.png';"
onmouseout="image3.src='http://illiweb.com/fa/admin/icones/small_ico/jeux.png';">
<img name="image3" src="http://illiweb.com/fa/admin/icones/small_ico/jeux.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image4.src='http://illiweb.com/fa/admin/icones/loupe.png';"
onmouseout="image4.src='http://illiweb.com/fa/admin/icones/small_ico/portail.png';">
<img name="image4" src="http://illiweb.com/fa/admin/icones/small_ico/portail.png" border=0></a>
<a href="http://www.google.it/" onmouseover="image5.src='http://illiweb.com/fa/admin/icones/loupe.png';"
onmouseout="image5.src='http://illiweb.com/fa/admin/icones/small_ico/chatbox.png';">
<img name="image5" src="http://illiweb.com/fa/admin/icones/small_ico/chatbox.png" border=0></a>
</BODY>

Per domande o chiarimenti Gestire l'aspetto del forum
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Re: Menu di navigazione con descrizione

Messaggio Da the crow il Dom 23 Gen 2011 - 16:04

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>



Per domande o chiarimenti Gestire l'aspetto del forum
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum