La date/heure actuelle est Mer 18 Oct 2017 - 11:15 - créer un forum

[Tuto] Installer une barre de navigation complète (v alpha)

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 312, 13, 1416, 17, 18  >

[Tuto] Installer une barre de navigation complète (v alpha)
Auteur Message
Porcép!c





MessagePosté le: Jeu 3 Sep 2009 - 10:10    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

Oui, l'attribut src ne doit contenir que l'adresse de l'image. [url=], c'est juste pour faire un lien sur l'image.

Pour ne plus te planter, le plus simple est de cliquer sur « Plus >> » lorsque tu as envoyé une image, et récupérer seulement le contenu du champ « Adresse de l’image : ».
Auteur Message
Yanizuka


Hors ligne
Invité




MessagePosté le: Lun 28 Sep 2009 - 21:51    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Bonjour à toutes et tous    

Adresse de mon forum : http://riders-lorraine-team.xooit.fr 
Thème graphique du forum : MotoTeam
Votre poste : Admin
Votre navigateur (Modèle et version) : Firefox 3.5
Mon problème concerne : Affichage
Images/Screens relatifs au problème :



Description détaillée du problème :

J'ai transformé mon menu texte en menu image dans mon thème test en suivant un tuto... Ca à l'air de bien fonctionner mais voici le souci :

_ Deux des images on une surlignage qui s'affiche quand on passe le curseur dessus (MP et Déconnexion)
_ Les images ne sont pas centré par rapport à la hauteur de l'image de fond

Bon à mon avis le problème de centrage viens du surlignage de ces deux images... voici le code en question :
Code: Sélectionner - Agrandir




 <div class="menu1">
        <div class="left mainmenu">
            <a href="http://www.google.com/calendar/embed?src=k7dr0cnvrh9dp1t9nspqr8vha4%40group.calendar.google.com&ctz=Europe/Paris" target="Agenda de la Team Lorraine"><img src="http://img7.hostingpics.net/pics/32809Agenda.png" border="0"></a> 
            &nbsp;
            <a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/995541recherche.png" border="0" alt="{L_SEARCH}" /></a>
            &nbsp;
            <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/815256membres.png" border="0" alt="{L_MEMBERLIST}" /></a>
            &nbsp;
                        <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/22139groupes.png" border="0" alt="{L_USERGROUPS}" /></a>
            &nbsp;
            <!-- BEGIN switch_user_logged_in -->
                        <a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/127726profil.png" border="0" alt="{L_PROFILE}" /></a>
                        <!-- END switch_user_logged_in -->
            &nbsp;
            <a href="{U_PRIVATEMSGS}" class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                        <!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" -->
                        <img src="http://img7.hostingpics.net/pics/746792mp.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                        <!-- ELSE -->
                        <img src="http://img7.hostingpics.net/pics/984851mp2.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                        <!-- ENDIF -->
                        <!-- END switch_user_logged_in -->    
                        &nbsp;
        </div>
                <div class="right mainmenu">
                        <a href="{U_LOGIN_LOGOUT}" class="mainmenu">
                        <!-- BEGIN switch_user_logged_out -->
                        <img src="http://img7.hostingpics.net/pics/283925co.png" alt="{L_LOGIN_LOGOUT}" border="0"  />
                        <!-- END switch_user_logged_out -->
                        <!-- BEGIN switch_user_logged_in -->
                        <img src="http://img7.hostingpics.net/pics/611105deco.png" alt="{L_LOGIN_LOGOUT}" border="0"  />
                        <!-- END switch_user_logged_in -->
                        &nbsp;
            <!-- BEGIN switch_user_logged_out -->
                        <a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/27244inscri.png" border="0" alt="{L_REGISTER}" /></a>
                        <!-- END switch_user_logged_out -->
        </div>
    </div>




Donc perso je n'arrive pas à enlever ces surlignages d'images... donc si quelqu'un pouvais me modifier le code pour les supprimer ca sera sympa :p !

Et au passage si il existe un moyen de rapprocher les images les unes des autres aussi en reduisant l'espacement je suis preneur !

Merci d'avance pour l'aide que vous saurez m'apporter   


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 29 Sep 2009 - 07:35    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

bonjour
mets comme ça





Code: Sélectionner - Agrandir

     <div class="menu1">
            <div class="left mainmenu">
                <a href="http://www.google.com/calendar/embed?src=k7dr0cnvrh9dp1t9nspqr8vha4%40group.calendar.google.com&ctz=Europe/Paris" target="Agenda de la Team Lorraine"><img src="http://img7.hostingpics.net/pics/32809Agenda.png" border="0"></a>
                &nbsp;
                <a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/995541recherche.png" border="0" alt="{L_SEARCH}" /></a>
                &nbsp;
                <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/815256membres.png" border="0" alt="{L_MEMBERLIST}" /></a>
                &nbsp;
                            <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/22139groupes.png" border="0" alt="{L_USERGROUPS}" /></a>
                &nbsp;
                <!-- BEGIN switch_user_logged_in -->
                            <a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/127726profil.png" border="0" alt="{L_PROFILE}" /></a>
                            <!-- END switch_user_logged_in -->
                &nbsp;
                <a href="{U_PRIVATEMSGS}" class="mainmenu">
                            <!-- BEGIN switch_user_logged_in -->
                            <!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" -->
                            <img src="http://img7.hostingpics.net/pics/746792mp.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                            <!-- ELSE -->
                            <img src="http://img7.hostingpics.net/pics/984851mp2.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                            <!-- ENDIF -->
                            <!-- END switch_user_logged_in --></a>   
                            &nbsp;
            </div>
                    <div class="right mainmenu">
                            <a href="{U_LOGIN_LOGOUT}" class="mainmenu">
                            <!-- BEGIN switch_user_logged_out -->
                            <img src="http://img7.hostingpics.net/pics/283925co.png" alt="{L_LOGIN_LOGOUT}" border="0"  /><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="http://img7.hostingpics.net/pics/611105deco.png" alt="{L_LOGIN_LOGOUT}" border="0"  /><!-- END switch_user_logged_in --></a>
                           
                <!-- BEGIN switch_user_logged_out -->
                            <a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/27244inscri.png" border="0" alt="{L_REGISTER}" /></a>
                            <!-- END switch_user_logged_out -->
            </div>
        </div>





_______________________


Forum
Auteur Message
Yanizuka


Hors ligne
Invité




MessagePosté le: Mar 29 Sep 2009 - 11:50    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Arf tous cas pour deux [/a] Lol ! En tous cas merci à toi ! Plus de liens surligné pour ces deux images ! Par contre celle-ci sont toujours pas centré par rapport au "menu1", serait tu comment faire cela ? Merci d'avance !

Dernière édition par Yanizuka le Mar 29 Sep 2009 - 12:02; édité 1 fois
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 29 Sep 2009 - 11:53    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Code: Sélectionner - Agrandir
       <div class="menu1">
                <div class="left mainmenu">
                    <a href="http://www.google.com/calendar/embed?src=k7dr0cnvrh9dp1t9nspqr8vha4%40group.calendar.google.com&ctz=Europe/Paris" target="Agenda de la Team Lorraine"><img src="http://img7.hostingpics.net/pics/32809Agenda.png" border="0"></a>
                    &nbsp;
                    <a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/995541recherche.png" border="0" alt="{L_SEARCH}" /></a>
                    &nbsp;
                    <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/815256membres.png" border="0" alt="{L_MEMBERLIST}" /></a>
                    &nbsp;
                                <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/22139groupes.png" border="0" alt="{L_USERGROUPS}" /></a>
                    &nbsp;
                    <!-- BEGIN switch_user_logged_in -->
                                <a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/127726profil.png" border="0" alt="{L_PROFILE}" /></a>
                                <!-- END switch_user_logged_in -->
                    &nbsp;
                    <a href="{U_PRIVATEMSGS}" class="mainmenu">
                                <!-- BEGIN switch_user_logged_in -->
                                <!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" -->
                                <img src="http://img7.hostingpics.net/pics/746792mp.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                                <!-- ELSE -->
                                <img src="http://img7.hostingpics.net/pics/984851mp2.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                                <!-- ENDIF -->
                                <!-- END switch_user_logged_in --></a>   
                                &nbsp;
               
                                <a href="{U_LOGIN_LOGOUT}" class="mainmenu">
                                <!-- BEGIN switch_user_logged_out -->
                                <img src="http://img7.hostingpics.net/pics/283925co.png" alt="{L_LOGIN_LOGOUT}" border="0"  /><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="http://img7.hostingpics.net/pics/611105deco.png" alt="{L_LOGIN_LOGOUT}" border="0"  /><!-- END switch_user_logged_in --></a>
                               
                    <!-- BEGIN switch_user_logged_out -->
                                <a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/27244inscri.png" border="0" alt="{L_REGISTER}" /></a>
                                <!-- END switch_user_logged_out -->
                </div>
            </div>

_______________________


Forum
Auteur Message
Yanizuka


Hors ligne
Invité




MessagePosté le: Mar 29 Sep 2009 - 12:02    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Marche pas, tous qui ce retrouve a gauche et non centré sur la hauteur.
Pas contre jme rend compte que jme suis mal exprimer :

Je cherche à conserver les emplacement des boutons mais de les voir centré sur la hauteur par rapport à l'image de fond.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 29 Sep 2009 - 12:04    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Code: Sélectionner - Agrandir
<div class="menu1" align="center">
                    <div class="left mainmenu" align="center">
                        <a href="http://www.google.com/calendar/embed?src=k7dr0cnvrh9dp1t9nspqr8vha4%40group.calendar.google.com&ctz=Europe/Paris" target="Agenda de la Team Lorraine"><img src="http://img7.hostingpics.net/pics/32809Agenda.png" border="0"></a>
                        &nbsp;
                        <a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/995541recherche.png" border="0" alt="{L_SEARCH}" /></a>
                        &nbsp;
                        <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/815256membres.png" border="0" alt="{L_MEMBERLIST}" /></a>
                        &nbsp;
                                    <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/22139groupes.png" border="0" alt="{L_USERGROUPS}" /></a>
                        &nbsp;
                        <!-- BEGIN switch_user_logged_in -->
                                    <a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/127726profil.png" border="0" alt="{L_PROFILE}" /></a>
                                    <!-- END switch_user_logged_in -->
                        &nbsp;
                        <a href="{U_PRIVATEMSGS}" class="mainmenu">
                                    <!-- BEGIN switch_user_logged_in -->
                                    <!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" -->
                                    <img src="http://img7.hostingpics.net/pics/746792mp.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                                    <!-- ELSE -->
                                    <img src="http://img7.hostingpics.net/pics/984851mp2.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" />
                                    <!-- ENDIF -->
                                    <!-- END switch_user_logged_in --></a>   
                                    &nbsp;
                   
                                    <a href="{U_LOGIN_LOGOUT}" class="mainmenu">
                                    <!-- BEGIN switch_user_logged_out -->
                                    <img src="http://img7.hostingpics.net/pics/283925co.png" alt="{L_LOGIN_LOGOUT}" border="0"  /><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="http://img7.hostingpics.net/pics/611105deco.png" alt="{L_LOGIN_LOGOUT}" border="0"  /><!-- END switch_user_logged_in --></a>
                                   
                        <!-- BEGIN switch_user_logged_out -->
                                    <a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.hostingpics.net/pics/27244inscri.png" border="0" alt="{L_REGISTER}" /></a>
                                    <!-- END switch_user_logged_out -->
                    </div>
                </div>

_______________________


Forum
Auteur Message
Yanizuka


Hors ligne
Invité




MessagePosté le: Mar 29 Sep 2009 - 12:10    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Les align="center" non rien changé :s ! Je crois que je vais devoir faire des images plus grande pour boucher le vide lol !

En tous cas merci de ton aide !


Auteur Message
Yanizuka


Hors ligne
Invité




MessagePosté le: Mar 29 Sep 2009 - 13:04    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Bon ben jme sort en modifiant un peu les styles css ! Donc ca roule ! Merci !

Auteur Message
Bervi


Hors ligne
Invité




MessagePosté le: Mer 28 Oct 2009 - 19:21    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Bonjours superbe tuto cependant j'ai une petite question lorsque l'on installe une barre avec une image pour tous les liens doit-on vraiment avoir une image pour le coin de gauche une pour celui de droite... ?
ne peut-on pas tout simplement installer une seule image?


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 28 Oct 2009 - 19:23    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

bonjour

tu fait comme tu veux si tu veux avoir des coins ou pas
_______________________


Forum
Auteur Message
Bervi


Hors ligne
Invité




MessagePosté le: Mer 28 Oct 2009 - 19:31    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

^^ ok Merci

Auteur Message
purchevalcabre


Hors ligne
Invité




MessagePosté le: Lun 9 Nov 2009 - 23:34    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Bonsoir à tous Wink

Voilà j'ai mit le template comme vous l'avez indiqué, tout fonctionne nikel, sauf que ma barre de navigation est décallé sur la gauche. Que puis-je faire pour centrer tout ça ?

Voici mon template:

Code: Sélectionner - Agrandir
<table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="middle" nowrap="nowrap"><a href="{U_INDEX}" class="mainmenu"><img src="http://img252.imageshack.us/img252/7205/1boutonforumpetit.png" border="0" alt="{L_INDEX}" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img687.imageshack.us/img687/3523/1boutonfaqpetit.png" border="0" alt="{L_FAQ}" /></a><!-- BEGIN switch_user_logged_in --><a href="{U_PROFILE}" class="mainmenu"><img src="http://img265.imageshack.us/img265/9283/1boutonprofilpetit.png" border="0" alt="{L_PROFILE}" /></a><!-- END switch_user_logged_in --><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img213.imageshack.us/img213/8620/1boutonmembrespetit.png" border="0" alt="{L_MEMBERLIST}" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img101.imageshack.us/img101/9465/1boutongroupespetit.png" border="0" alt="{L_USERGROUPS}" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img265.imageshack.us/img265/2847/1boutonrechercherpetit.png" border="0" alt="{L_SEARCH}" /></a><!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" class="mainmenu"><img src="http://img265.imageshack.us/img265/2847/1boutonrechercherpetit.png" border="0" alt="{L_REGISTER}" /></a><!-- END switch_user_logged_out --><a href="{U_PRIVATEMSGS}" class="mainmenu"><!-- BEGIN switch_user_logged_in --><!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" --><img src="http://img265.imageshack.us/img265/858/1boutonmessagespetit.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ELSE --><img src="http://img265.imageshack.us/img265/8030/1nouveaumessageanim.gif" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ENDIF --><!-- END switch_user_logged_in --><!-- BEGIN switch_user_logged_out --><img src="http://img265.imageshack.us/img265/9635/1boutonconnexionpetit.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- END switch_user_logged_out --></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><!-- BEGIN switch_user_logged_out --><img src="http://img265.imageshack.us/img265/9635/1boutonconnexionpetit.png" border="0" alt="{L_LOGIN_LOGOUT}" /><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="http://img687.imageshack.us/img687/4646/1boutondconnexionpetit.png" border="0" alt="{L_LOGIN_LOGOUT}" /><!-- END switch_user_logged_in --></a></td>
               </tr>
            </table>
 

Merci d'avance Cool


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 10 Nov 2009 - 08:36    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

bonjour

je n'ai pas de soucis de barre de navigation sur tes deux forums
tu es sur de bien etre décalé
_______________________


Forum
Auteur Message
purchevalcabre


Hors ligne
Invité




MessagePosté le: Mar 10 Nov 2009 - 22:34    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Ca va, j'ai trouvé pour recentré tout ça Cool

Merci quand même Razz


Auteur Message
ln42
Membre


Hors ligne
Membre

Inscrit le: 13 Nov 2009
Messages: 28
Point(s): 28
Moyenne: 1,00
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

MessagePosté le: Mer 18 Nov 2009 - 01:10    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha) Répondre en citant

Bonsoir,
J'ai fait plusieurs essais de modifications des templates, sans rien réussir à changer.
Comme je suis pas douée et que ça fait plus d'une heure que je lis tous les tuto se rapportant à mon souci, sans succès, je vous demande svp de m'expliquer comment faire pour que ma barre de navigation soit sur une "ligne" et non pas les liens les uns en dessous des autres ?
Je vais me contenter de la même chose que sur cette page, c'est assez simple (et encore si j'y arrive...) pourtant j'ai vu des barres vraiment sympas !
Merci de votre aide
_______________________
(\__/)
(='.'=)
(")_(")
Voici Lapin. Copiez Lapin dans votre signature pour l'aider à concrétiser sa domination du monde


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 11:15    Sujet du message: [Tuto] Installer une barre de navigation complète (v alpha)

Montrer les messages depuis:   
Répondre au sujet Page 13 sur 18 Aller à la page: <  1, 2, 312, 13, 1416, 17, 18  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401