over-blog.com

Options

Fermer

Rechercher Rechercher
Administration
Connexion
Je n'ai pas encore de blog… Créer un blog

www.blogtuto.org

www.blogtuto.org

Accueil Article suivant

Un menu cliquable sous la bannière

Voici donc le menu en question. Il est compatible avec les blogs haut et fort.

 

<!-- menu cliquable -->
<DIV
style="FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: #decbbd; WIDTH: 100%; COLOR: #39002c; FONT-FAMILY: system,geneva; TEXT-ALIGN: left">


<!-- Bouton 1 -->
<SPAN
onmouseover="this.style.background='#61110a'; this.style.color='white'" title="Accueil" style="BACKGROUND: #decbbd; CURSOR: hand; COLOR: #39002c" onclick="top.location.href='http://blogtuto.hautetfort.com/';" onmouseout="this.style.background='#decbbd'; this.style.color='#39002c'">&nbsp;&nbsp;Accueil&nbsp;&nbsp;
</SPAN>
<!-- Bouton 2 -->
<SPAN
onmouseover="this.style.background='#61110a'; this.style.color='white'" title="Accueil" style="BACKGROUND: #decbbd; CURSOR: hand; COLOR: #39002c" onclick="top.location.href='http://blogtuto.hautetfort.com/';" onmouseout="this.style.background='#decbbd'; this.style.color='#39002c'">&nbsp;&nbsp;Accueil&nbsp;&nbsp;
</SPAN>
<!-- Bouton 3 -->
<SPAN
onmouseover="this.style.background='#61110a'; this.style.color='white'" title="Accueil" style="BACKGROUND: #decbbd; CURSOR: hand; COLOR: #39002c" onclick="top.location.href='http://blogtuto.hautetfort.com/';" onmouseout="this.style.background='#decbbd'; this.style.color='#39002c'">&nbsp;&nbsp;Accueil&nbsp;&nbsp;
</SPAN>

 

Alors les explications qui vont avec :

 <!-- menu cliquable -->
<DIV
style="FONT-WEIGHT: bold; <---- style de police (là c'est en gras)

FONT-SIZE: small; <---- taille du texte

BACKGROUND: #decbbd; <---- couleur du fond de toute la ligne

WIDTH: 100%;<--- longueur du menu

COLOR: #39002c; <--- heu...

FONT-FAMILY: system,geneva;<-- police de caractère

TEXT-ALIGN: left"> <!---- alignement du texte dans le menu

 <!-- Bouton 1 -->
<SPAN
onmouseover="this.style.background='#61110a';<-- coleur du fond quand la souris est dessus

this.style.color='white'" <--- couleur du texte au passage de la souris

title="Accueil"<-- nom de la cellule

style="BACKGROUND: #decbbd;<-- couleur du fond quand on arrive sur la page avant que la souris passe dessus

CURSOR: hand;

COLOR: #39002c"

onclick="top.location.href='http://blogtuto.hautetfort.com';"<-- adresse vers laquelle pointe la cellule

onmouseout="this.style.background='#decbbd'; <-- couleur du texte une fois que la souris est passée dessus

this.style.color='#39002c'"> <-- couleur du texte APRES que la souris soit passée dessus

&nbsp;&nbsp;texte de votre cellule&nbsp;&nbsp;
</SPAN>

Publié le 26/08/2008 à 20h39 dans Haut et fort

Accueil

Retour sur le site classique