1 CSS (+html) : Menu spécifique 17/12/2008, 21:32
Ce tutoriel a été publié par nirupan sur SOS-Forum. Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum. |
Grace a ce tuto vous allez faire des en-tête de ce type:
Ce tuto est compatible avec toutes les versions de forum FA mais qui est beaucoup plus favoriser pour phpbb2.
En 1er allez dans votre css et collez ce code :
- Code:
#mymenu {
background-image : url('le lien de l'image qui va être en fond');
background-repeat: no-repeat;
width:250px; ( c'est la largeur de votre menu)
height:47px; ( c'est la hauteur de votre menu)
}
#mymenu:hover {
background-image : url('le lien de l'image qui va être en fond au moment du pointage');
background-repeat: no-repeat;
}
#center {
text-align: center;
}
#mymenu a {
color: #lacouleur( au moment du pointage);
}
- Code:
<div id="center"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td><img src="http://votre image qui va être a gauche"></td>
<td><div id="mymenu"><br><a href="#">lien</a><br></div id="mymenu">
<div id="mymenu"><br><a href="#">lien</a><br></div id="mymenu">
<div id="mymenu"><br><a href="#">lien</a><br></div id="mymenu">
<div id="mymenu"><br><a href="#">lien</a><br></div id="mymenu">
<div id="mymenu"><br><a href="#">lien </a><br></div id="mymenu">
</td>
</tr>
</tbody></table></div id="center">
Si vous êtes en phpbb2 utilisez mon tuto de bloc/division pour mettre ce code html ainsi vous aurez un en-tête différent des autre forum.
Faite ce tuto avec un graphiste pour un effet meilleur que mon exemple^^
Allez j'attend vos création...
Dernière édition par nirupan le 17/12/2008, 21:39, édité 3 fois