Forum dei Forum: Aiuto per Forumattivo
Benvenuto sul forum di supporto di Forumattivo .



Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Menu di navigazione con descrizione


Tutorial Menu di navigazione con descrizione

Messaggio Da the crow il Ven 21 Gen 2011, 01: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 (Ragione : Eliminate immagini non funzionanti)
avatar
the crow
Veterano dello staff

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


Vedere 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, 01: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 (Ragione : Eliminate immagini non funzionanti)
avatar
the crow
Veterano dello staff

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


Vedere 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, 01: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


Vedere 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


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum