Le Forum GraphCode est la pour vous aider à améliorer votre Forum, Celui-ci étant basé sur l'Entraide, il est nécessaire de faire une recherche avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en exposant clairement votre problème.
Le staff de ce forum ne fourni aucune aide par MP, afin que les solutions profitent au plus grand nombre. Si votre problème nécessite de contacter un membre du staff, vous pouvez voir la composition de celui-ci dans ce sujet : présentation du staff ou Contacté un Administrateur .Si votre sujet et verrouillé (cause absence de réponse ,etc...) vous avez la possibilité de faire une demande de réouverture par MP ( à un membre du staff ), en lui donnant le lien de votre sujet (verrouillé) .
Si vous avez une amélioration à proposer, n'hésitez pas. Pour cela, vous pouvez visiter les Suggestions. Avant de poster votre suggestion, merci d'effectuer une recherche afin d'avoir la certitude que votre suggestion n'existe pas déjà.
utilsez les formulaire prévus à cet effet Formulaire Graphique et le Formulaire de Codage n'hésitez pas à donner le plus de précisions possibles : URL du forum, navigateur utilisé, version du forum, templates modifiées ou non, CSS personnalisé... etc.
Bonjour à tous. Nous recrutons Modérateurs, Graphistes, Explorateurs, Codeurs(HTML, JAVA, PHPBB2 ou 3, Xooit, Forum Actifs) Pour les définitions de chaque poste vous les trouverez dans l'onglet en haut à gauche du forum , dans la section recrutement vous pouvez postuler pour l'un de ces postes....zone recrutement staff
Bonjour. Pour toutes demande de partenariat avec le Forum GraphCode ,rdv sur le poste >>Partenariat
Bonjour. Pour toutes demande de publicité posté sur le Forum GraphCode ,rdv sur le poste >>Votre fiche de publicité
[Résolu] Aide menu navigation rapide sur forum

 
    Index du Forum -> CODE -> Problème codage divers -> Problème codage divers résolus
Auteur Message
soulsavior

 Message :Posté le: Ven 15 Mai - 13:28 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Formulaire de Demande de Code




Bonjour,

Nature de la demande : demande d'aide pour installer un menu de navigation rapide sur forum
Lien du forum concerné : http://lost-battalion.leforum.eu/index.php
 
Description détaillée de la demande : Bonjour! J'aimerai demander un coup de main pour créer sur mon forum un menu de navigation rapide sur toutes les pages de mon forum, un peu comme celui que vous utilisez sur le vôtre, sur le côté gauche du forum...
Voilà une image pour vous donner une idée de ce que je cherche à obtenir:


Je n'ai aucune idée du template à modifier, sur ce coup!
Je modifierai plus tard les images avec les flèches pour la redirection, il y a également 4 liens de redirection puisque j'ai 4 catégories...

Merci d'avance pour l'aide!


Revenir en haut
Visiter le site web du posteur
Publicité

 Message :Posté le: Ven 15 Mai - 13:28 (2015)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?

Revenir en haut
NetZone

 Message :Posté le: Sam 16 Mai - 09:49 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Bonjour,

Pouvez vous à l'aide d'un croquis explicite m'indiquer ce que vous désirez vraiment :

En occurrence le contenu des 4 onglets avec brièvement ce que vous voulez dedans. Pensez, par la même, à mettre les liens concernés car votre forum étant fermé je ne vois pas vos catégories. Merci.

Je reviens vers vous dès lundi après midi au plus tard. Nous sommes en week-end et en famille. ^^

Bien à vous

______________________________________________

Certaines options fonctionnelles sur GraphCode ne sont pas disponibles à la demande.
Les infobulles sur l'index sont concernées.
Merci pour votre compréhension.


Revenir en haut
Visiter le site web du posteur
soulsavior

 Message :Posté le: Sam 16 Mai - 11:10 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Ok, très bien merci!
Je vous remet une image de ce que je voudrait:


Pas de soucis pour les images de redirection dans les 4 cases, je m'en occuperais moi-même via Photoshop, idem pour l'inscription "Navigation"
Je voudrait que lorsqu'on passe sur l’icône de redirection elle s'avance légèrement (comme ici sur le site).
Pour les redirections, c'est simple:
"Navigation" -> Pas de redirection, l'icone ne change pas quand le curseur passe dessus...
Icone 1 (en partant du haut) -> http://lost-battalion.leforum.eu/f66-Univers-Xbox.htm
Icone 2 (en partant du haut) -> http://lost-battalion.leforum.eu/f13-Espace-detente.htm
Icone 3 (en partant du haut) -> http://lost-battalion.leforum.eu/f84-Zone-r-tro-et-Oldies.htm
Icone 4 (en partant du haut) -> http://lost-battalion.leforum.eu/f4-Espaces-des-Membres.htm

J'espère que ces explications seront suffisantes, n'hésitez pas si vous avez plus de questions...
Et encore merci pour tout! Okay

Revenir en haut
Visiter le site web du posteur
NetZone

 Message :Posté le: Sam 16 Mai - 14:21 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Bonjour,


Voici donc un premier jet avant affinage lundi si nécessaire.

Captures de ce que cela donnera sur votre forum :
A vos couleurs, ne tenez pas compte du fond du forum, c'est un thème test.






Pour ce faire, rajoutez ce code (R-Max l'a adapté pour xooit, autant l'utiliser ^^) dans votre css :


/****  volet principal **************************/

#volet_4{

   width: 650px;                        /* Largeur du Volet */
   padding: 7px;                        /* Marge intérieure dans le Volet */
   background: #6CC554;                 /* Couleur de fond du Volet */
   color: #000;                      /* Couleur texte dans Volet */
   height: 270px;                       /* Hauteur du Volet */
border:2px solid #000;
border-radius:15px;
z-index:500;
}

#volet_4 a.ouvrir,
#volet_4 a.fermer {
 padding: 0px 0px;     /* Largeur et hauteur du bloc de Infos et de Fermer */
background-color: #6CC554; border-radius: 25px; border:2px black solid;      /* Couleur des boutons*/
}

#volet_4 {

   position: fixed;    /* Positionnement du Volet */
   left: -680px;          /* Décalage vers la droite */
   z-index:500;
   /* Transition sur le volet */
   -webkit-transition: all 2s ease-in;
   -moz-transition: all 2s ease-in;
   transition: all 2s ease-in;
}

#volet_4 a.ouvrir,
#volet_4 a.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -40px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 80px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}

#volet_4 a.fermer {
   display: none;     /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet_4:{
   left: 20px;         /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet_4:target a.fermer {
   display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet_4:target a.ouvrir {
   display: none;         /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer_4:target #volet_4 {
   left: -680px;          /* Pour que le volet retourne à sa place */
}

#voletfermer_4 {
   position: fixed;
   top: 80px; left: 0;  /* Positionnement haut bas de tout */
}


/***    volet xbox    ***/

#volet{
width: 650px;                        /* Largeur du Volet */
   padding: 3px;                        /* Marge intérieure dans le Volet */
      color: #000;                      /* Couleur texte dans Volet */
   height: 100px;                       /* Hauteur du Volet */

background-color: #77CA62; border-radius: 25px; border:2px black solid;       /* Couleur de fond du Volet */
}

#volet a.ouvrir,
#volet a.fermer {
   border:2px solid #;
   padding: 5px 5px;     /* Largeur et hauteur du bloc de Infos et de Fermer */
   background: #;    /* Couleur de fond de Infos et de Fermer */
   color: #fff;         /* couleur de Infos et de Fermer */
   text-decoration: none;  /* Décoration du texte Infos et de Fermer */
}

#volet {

position: absolute;    /* Positionnement du Volet */
   left: -680px;          /* Décalage de 270px vers la droite */

   /* Transition sur le volet */
   -webkit-transition: all 1.5s ease-in;
   -moz-transition: all 1.5s ease-in;
   transition: all 1.5s ease-in;
}

#volet a.ouvrir,
#volet a.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -72px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 100px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius:0px px px 0px;
   border-radius:0px px px 0px;
}
#volet a:hover.ouvrir,
#volet a:hover.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -75px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 100px;           /* Position haut bas du bloc de Infos et de Fermer */
background:#fff;
 
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius:5px 5px 5px 5px;
   border-radius:5px 5px 5px 5px;
}

#volet a.fermer {
   display: none;     /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet:target {
   left: 100px;
top:70px;
padding:100px;         /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet:target a.fermer {
   display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet:target a.ouvrir {
   display: none;         /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer:target #volet {
   left: -680px;          /* Pour que le volet retourne à sa place */
}

#voletfermer {
   position: fixed;
   top: 65px; left: 0;  /* Positionnement haut bas de tout */
}
/******************************/
/********* volet modo *********/
/******************************/
#volet_1{

   width: 650px;                        /* Largeur du Volet */
   padding: 3px;                        /* Marge intérieure dans le Volet */
   background: #77CA62;                 /* Couleur de fond du Volet */
   color: #000;                      /* Couleur texte dans Volet */
   height: 270px;                       /* Hauteur du Volet */
background-color: #77CA62; border-radius: 25px; border:2px black solid;
}

#volet_1 a.ouvrir,
#volet_1 a.fermer {
   border:2px solid #;
   padding: 5px 5px;     /* Largeur et hauteur du bloc de Infos et de Fermer */
   background: #;    /* Couleur de fond de Infos et de Fermer */
   color: #495cff;         /* couleur de Infos et de Fermer */
   text-decoration: none;  /* Décoration du texte Infos et de Fermer */
}

#volet_1 {

   position: absolute;    /* Positionnement du Volet */
   left: -680px;          /* Décalage de 270px vers la droite */

   /* Transition sur le volet */
   -webkit-transition: all 1.5s ease-in;
   -moz-transition: all 1.5s ease-in;
   transition: all 1.5s ease-in;
}

#volet_1 a.ouvrir,
#volet_1 a.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -72px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 131px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 0px px px 0px;
   border-radius: 0px px px 0px;
}
#volet_1 a:hover.ouvrir,
#volet_1 a:hover.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -75px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 131px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 0px px px 0px;
   border-radius: 0px px px 0px;
}

#volet_1 a.fermer {
   display: none;     /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet_1:target {
   left: 100px;
  top:70px;
padding:100px;        /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet_1:target a.fermer {
   display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet_1:target a.ouvrir {
   display: none;         /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer_1:target #volet_1 {
   left: -680px;          /* Pour que le volet retourne à sa place */
}

#voletfermer_1 {
   position: fixed;
   top: 65px; left: 0;  /* Positionnement haut bas de tout */
}
/******************************/
/******* volet graph **********/
/******************************/
#volet_2{

   width: 650px;                        /* Largeur du Volet */
   padding: 3px;                        /* Marge intérieure dans le Volet */
   background: #77CA62;                 /* Couleur de fond du Volet */
   color: #000;                      /* Couleur texte dans Volet */
   height: 270px;                       /* Hauteur du Volet */
background-color: #77CA62; border-radius: 25px; border:2px black solid;
}

#volet_2 a.ouvrir,
#volet_2 a.fermer {
   border:2px solid #;
   padding: 5px 5px;     /* Largeur et hauteur du bloc de Infos et de Fermer */
   background: #;    /* Couleur de fond de Infos et de Fermer */
   color: #495cff;         /* couleur de Infos et de Fermer */
   text-decoration: none;  /* Décoration du texte Infos et de Fermer */
}

#volet_2 {

   position: absolute;    /* Positionnement du Volet */
   left: -680px;          /* Décalage de 270px vers la droite */
   
   /* Transition sur le volet */
   -webkit-transition: all 1.5s ease-in;
   -moz-transition: all 1.5s ease-in;
   transition: all 1.5s ease-in;
}

#volet_2 a.ouvrir,
#volet_2 a.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -72px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 161px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 0px px px 0px;
   border-radius: 0px px px 0px;
}
#volet_2 a:hover.ouvrir,
#volet_2 a:hover.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -75px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 161px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 0px px px 0px;
   border-radius: 0px px px 0px;
}

#volet_2 a.fermer {
   display: none;     /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet_2:target {
   left: 100px;
   top:70px;
padding:100px;      /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet_2:target a.fermer {
   display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet_2:target a.ouvrir {
   display: none;         /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer_2:target #volet_2 {
   left: -680px;          /* Pour que le volet retourne à sa place */
}

#voletfermer_2 {
   position: fixed;
   top: 65px; left: 0;  /* Positionnement haut bas de tout */
}
/********************************/
/******** volet codeur *********/
/*******************************/
#volet_3{
   width: 650px;                        /* Largeur du Volet */
   padding: 3px;                        /* Marge intérieure dans le Volet */
   background: #77CA62;                 /* Couleur de fond du Volet */
   color: #000;                      /* Couleur texte dans Volet */
   height: 270px;                       /* Hauteur du Volet */
background-color: #77CA62; border-radius: 25px; border:2px black solid;
}

#volet_3 a.ouvrir,
#volet_3 a.fermer {
border:2px solid #;
   padding: 5px 5px;     /* Largeur et hauteur du bloc de Infos et de Fermer */
   background: #;    /* Couleur de fond de Infos et de Fermer */
   color: #495cff;;         /* couleur de Infos et de Fermer */
   text-decoration: none;  /* Décoration du texte Infos et de Fermer */
}

#volet_3 {

   position: absolute;    /* Positionnement du Volet */
   left: -680px;          /* Décalage de 270px vers la droite */
   /* Transition sur le volet */
   -webkit-transition: all 1.5s ease-in;
   -moz-transition: all 1.5s ease-in;
   transition: all 1.5s ease-in;
}

#volet_3 a.ouvrir,
#volet_3 a.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -72px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 191px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 0px px px 0px;
   border-radius: 0px px px 0px;
}
#volet_3 a:hover.ouvrir,
#volet_3 a:hover.fermer {
   position: absolute;   /* Positionnement de Infos et Fermer */
   right: -75px;         /* Position gauche droite du bloc de Infos et de Fermer */
   top: 191px;           /* Position haut bas du bloc de Infos et de Fermer */
   
   /* quelques styles CSS3, comptabilité avec différents navigateurs */
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   /* Bordures arrondies */
   -moz-radius: 0px px px 0px;
   border-radius: 0px px px 0px;
}

#volet_3 a.fermer {
   display: none;     /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet_3:target {
   left: 100px;
   top:70px;
padding:100px;      /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet_3:target a.fermer {
   display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet_3:target a.ouvrir {
   display: none;         /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer_3:target #volet_3 {
   left: -680px;          /* Pour que le volet retourne à sa place */
}

#voletfermer_3 {
   position: fixed;
   top: 65px; left: 0;  /* Positionnement haut bas de tout */
}



Ensuite, coller ce code tout en bas de votre Overall_Footer juste avant la balise /body :


<div style="z-index:9990 !important;">
          <div id="voletfermer_4">
  <div id="volet_4">
    <table>
      <tr><td>
 
      </td><td>
     <table>
          </td></tr></table>
         <a href="#volet_4" class="ouvrir"><img style="width:20px;height:180px;" src="http://img110.xooimage.com/files/9/5/1/navigation1-4b3fca7.png"></a>
      <a href="#voletfermer_4" class="fermer"><img style="width:20px;height:180px;" src="http://img110.xooimage.com/files/9/5/1/navigation1-4b3fca7.png"></a>
   </div>
         </div>
             
         /***********volet XBOX***********/

<div id="voletfermer">
  <div id="volet">
    <table><tr><td><img src="http://img110.xooimage.com/files/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f66-Univers-Xbox.htm" target="_blank">UNIVERS XBOX</a><hr>
     
      </td><td>
     <table>
       
           </td></tr></table>
         <a href="#volet" class="ouvrir"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/7/3/d/fleches-rouge-4b3fcf7.png" title="Les Administrateurs du Forum GraphCode"></a>
      <a href="#voletfermer" class="fermer"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/1/e/6/fleches-rouge-invers-4b3fcf2.png"></a>
   </div>
         </div>

         /**********volet DETENTE **************/

         <div id="voletfermer_1">
  <div id="volet_1">
         <table><tr><td><img src="http://img110.xooimage.com/files/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f13-Espace-detente.htm" target="_blank">ESPACE DETENTE</a><hr>
     
       
           </td></tr></table>
      <a href="#volet_1" class="ouvrir"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/7/3/d/fleches-rouge-4b3fcf7.png" title="Les Modérateurs du Forum GraphCode"></a>
      <a href="#voletfermer_1" class="fermer"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/1/e/6/fleches-rouge-invers-4b3fcf2.png"></a>
   </div>
         </div>

         /*********** volet OLDIES ************************/

         <div id="voletfermer_2">
  <div id="volet_2">
         <table><tr><td><img src="http://img110.xooimage.com/files/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f84-Zone-r-tro-et-Oldies.htm" target="_blank">ZONE OLDIES</a><hr>
     
           </td></tr></table>
      <a href="#volet_2" class="ouvrir"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/7/3/d/fleches-rouge-4b3fcf7.png" title="Les Graphistes du Forum GraphCode"></a>
      <a href="#voletfermer_2" class="fermer"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/1/e/6/fleches-rouge-invers-4b3fcf2.png"></a>
   </div>
         </div>

         /******************* volet ESPACE MEMBRE************************************/

         <div id="voletfermer_3">
  <div id="volet_3">
         <table><tr><td><img src="http://img110.xooimage.com/files/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f4-Espaces-des-Membres.htm" target="_blank">ESPACE MEMBRE</a><hr>
     
           </td></tr></table>
         <a href="#volet_3" class="ouvrir"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/7/3/d/fleches-rouge-4b3fcf7.png" title="Les Codeurs du Forum GraphCode"></a>
      <a href="#voletfermer_3" class="fermer"><img style="width:10px;height:15px;" src="http://img110.xooimage.com/files/1/e/6/fleches-rouge-invers-4b3fcf2.png"></a>
   </div>
         </div>

</div>


Chaque ligne du code du css à son explication afin que vous sachiez à quoi elle correspond. Idem pour les onglets dans le Overall_Footer, chaque volet est nommé.
Vous pouvez donc changer les couleurs, la taille des fenêtres, le texte, les images, etc...

Bon week end

______________________________________________

Certaines options fonctionnelles sur GraphCode ne sont pas disponibles à la demande.
Les infobulles sur l'index sont concernées.
Merci pour votre compréhension.


Revenir en haut
Visiter le site web du posteur
soulsavior

 Message :Posté le: Sam 16 Mai - 17:57 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Merci pour ta rapidité!
Par contre, je crois que tu n'as pas compris ce que je voulais dire quand je disait que l'icone avance légèrement comme ici sur le forum, voilà avec ces images je pense que tu comprendra mieux:

Le curseur ne passe pas sur l'une des icônes de redirection


Le curseur passe sur la 1ère icône, et lorsqu'on clique dessus, on est redirigé vers http://lost-battalion.leforum.eu/f66-Univers-Xbox.htm


Le curseur passe sur la seconde icône, et lorsqu'on clique dessus on est redirigé vers http://lost-battalion.leforum.eu/f13-Espace-detente.htm

Et ainsi de suite! le seule truc c'est que les images d'icones en 40x40 c'est moi qui les réalise, et les voilà:
1ère icône en partant du haut
2ème icône en partant du haut
3ème icône en partant du haut
4ème icône en partant du haut

Ces icônes remplacent en fait la flèche dans le cadre, afin d'obtenir ceci:

Est-ce que vous cernez mieux ce que je cherche à faire? Merci!

Revenir en haut
Visiter le site web du posteur
R-max

 Message :Posté le: Dim 17 Mai - 00:06 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

bonjour ,je me permets de m'incrusté dans le sujet !! >>> code installé sur ton forum est fonctionnel >>
ici la capture de ton index . avec a droite la chat-box et a gauche le menu .
je suis intervenue directement sut ton forum pour changé la classe d'un des menu car il avait la même que la chat-box,se qui devait posé un conflit ,par la même occasion j'ai placé la chat-box en premier dans ton footer ,sinon problème d'affichage et conflit avec le menu ,

ça NetZone ne pouvez pas le savoir , quand il ta donné le codage ..




ici la capture avec le deplacement du curseur et la chat box toujours fonctionnel aussi ,




ps:ce code adapté pour xooit n'est pas a l'origine conçue pour ce que tu veut en faire , il est prévus pour affiché une fenêtre avec du contenu ,nous allons devoir l'adapter ,sur place pour test en direct ,merci de ne pas supprimer le codage installé sur ton forum ,nous allons mètres en place les redirections lundi ou début de semaine ....et bloquer de ce faite les affichages de fenêtre.

il te reste a modifier les images , si tu a un soucie avec cela demande nous !!

cdl,

______________________________________________
¤¤¤ R-max.GraphCode ¤¤¤
-Toutes les questions ont une réponse ,tout ceci dans la joie et la bonne humeur-
-Une équipe de "Bénévoles" à votre écoute- www.GraphCode.Xooit.org.
Les membres suivants remercient R-max pour ce message :
NetZone (17/05/15)

Revenir en haut
Visiter le site web du posteur
soulsavior

 Message :Posté le: Dim 17 Mai - 13:00 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Super! Impatient de voir ça!
Par contre c'est normal que désormais ya un cadre gris qui est apparus? Au dessus de l'index, sous le menu de navigation (juste sous le message comme quoi le forum est actuellement désactivé)... Chez moi ça apparait gris, mais c'est peut-être un emplacement pour la pub (j'ai Adblock donc je vois jamais les pubs...).
Une idée d'où ça vient?

-EDIT-
Bizarre, je viens de rafraichir, et je ne le vois plus, j'ai désactivé et activé Adblock, et c'est disparu, tant mieux!

Revenir en haut
Visiter le site web du posteur
R-max

 Message :Posté le: Dim 17 Mai - 18:30 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

bonjour ,, oui c'est l'emplacement de la publicité


ps>> je repasse la main a NetZone pour te mettre tes redirections , ..et le reste si besoin .
cdl,
.

______________________________________________
¤¤¤ R-max.GraphCode ¤¤¤
-Toutes les questions ont une réponse ,tout ceci dans la joie et la bonne humeur-
-Une équipe de "Bénévoles" à votre écoute- www.GraphCode.Xooit.org.

Revenir en haut
Visiter le site web du posteur
NetZone

 Message :Posté le: Lun 18 Mai - 11:12 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Bonjour,

Le code à placer dans le Overall_Footer. Attention, je n'ai pas la class rectifiée par R-Max pour votre forum. Donc à faire avant de placer ce code.

Nouvelles images placées à la place des flèches et qui envoient directement sur le lien visé tel que vous le souhaitiez :

Les volets ne s'ouvrent donc plus.


 

 /*************************************/
<div style="z-index:9990 !important;">
          <div id="voletfermer_4">
  <div id="volet_4">
    <table>
      <tr><td>
  
      </td><td>
     <table>
          </td></tr></table>
         <a href="#volet_4" class="ouvrir"><img style="width:20px;height:180px;" src="http://img.xooimage.com/files110/9/5/1/navigation1-4b3fca7.png"></a>
      <a href="#voletfermer_4" class="fermer"><img style="width:20px;height:180px;" src="http://img.xooimage.com/files110/9/5/1/navigation1-4b3fca7.png"></a>
   </div>
         </div>
              
         /***********volet XBOX***********/

<div id="voletfermer">
  <div id="volet">
    <table><tr><td><img src="http://img.xooimage.com/files110/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f66-Univers-Xbox.htm" target="_blank">UNIVERS XBOX</a><hr>
      
      </td><td>
     <table>
       
           </td></tr></table>
         <a href="http://lost-battalion.leforum.eu/f66-Univers-Xbox.htm" target="_blank" class="ouvrir"><img style="width:10px;height:15px;" src="http://img.xooimage.com/files110/4/1/1/01-4b40b32.gif" title="UNIVERS XBOX"></a>
     
   </div>
         </div>

         /**********volet DETENTE *************/

         <div id="voletfermer_1">
  <div id="volet_1">
         <table><tr><td><img src="http://img.xooimage.com/files110/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f13-Espace-detente.htm" target="_blank">ESPACE DETENTE</a><hr>
      
        
           </td></tr></table>
      <a href="http://lost-battalion.leforum.eu/f13-Espace-detente.htm" target="_blank" class="ouvrir"><img style="width:10px;height:15px;" src="http://img.xooimage.com/files110/6/7/e/02-4b40b5a.gif" title="ESPACE DETENTE"></a>
   
   </div>
         </div>

         /********** volet OLDIES ************************/

         <div id="voletfermer_2">
  <div id="volet_2">
         <table><tr><td><img src="http://img.xooimage.com/files110/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f84-Zone-r-tro-et-Oldies.htm" target="_blank">ZONE OLDIES</a><hr>
      
           </td></tr></table>
      <a href="http://lost-battalion.leforum.eu/f84-Zone-r-tro-et-Oldies.htm" target="_blank" class="ouvrir"><img style="width:10px;height:15px;" src="http://img.xooimage.com/files110/d/f/b/03-4b40b98.gif" title="ZONE OLDIES"></a>
 
   </div>
         </div>

         /******************* volet ESPACE MEMBRE************************************/

         <div id="voletfermer_3">
  <div id="volet_3">
         <table><tr><td><img src="http://img.xooimage.com/files110/1/8/d/logo-4b3fdde.png"><a href="http://lost-battalion.leforum.eu/f4-Espaces-des-Membres.htm" target="_blank">ESPACE MEMBRE</a><hr>
      
           </td></tr></table>
         <a href="http://lost-battalion.leforum.eu/f4-Espaces-des-Membres.htm" target="_blank" class="ouvrir"><img style="width:10px;height:15px;" src="http://img.xooimage.com/files110/7/1/5/04-4b40ba5.gif" title="ESPACE MEMBRE"></a>
 
   </div>
         </div>

</div>
/*****************************/





Bonne semaine

______________________________________________

Certaines options fonctionnelles sur GraphCode ne sont pas disponibles à la demande.
Les infobulles sur l'index sont concernées.
Merci pour votre compréhension.

Les membres suivants remercient NetZone pour ce message :
R-max (18/05/15)

Revenir en haut
Visiter le site web du posteur
R-max

 Message :Posté le: Lun 18 Mai - 11:55 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

bonjour a vous
>> j'ai mis le code en place et rectifier la classe , c'est fonctionnel

j'ai agrandis aussi les carré de 10x15 a 20x20 pour une meilleurs visibilité
et la collone navigation de 20 a 25 ....


merci a NetZone pour le taf réalisé . Okay

______________________________________________
¤¤¤ R-max.GraphCode ¤¤¤
-Toutes les questions ont une réponse ,tout ceci dans la joie et la bonne humeur-
-Une équipe de "Bénévoles" à votre écoute- www.GraphCode.Xooit.org.
Les membres suivants remercient R-max pour ce message :
NetZone (18/05/15)

Revenir en haut
Visiter le site web du posteur
soulsavior

 Message :Posté le: Lun 18 Mai - 13:30 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

Merci à tout les deux, aussi bien toi R-Max que toi Netzone!
C'est exactement ce que je recherchait pour le forum, bravo les gars!
Au moins ça me fera une bonne news, je rentre des urgence je me suis cassé 3 doigts de pieds, en me petant la tronche dans des escaliers! Crying or Very sad

Encore merci les gars, je crois qu'on peut passer le topic en résolu!
Et encore bravo pour le taff, vous assurez les gars!
Les membres suivants remercient soulsavior pour ce message :
NetZone (18/05/15), R-max (18/05/15), Raymond (18/05/15)

Revenir en haut
Visiter le site web du posteur
R-max

 Message :Posté le: Lun 18 Mai - 14:13 (2015)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum Répondre en citant

bon rétablissement alors ,pas de chance .. Sad

______________________________________________
¤¤¤ R-max.GraphCode ¤¤¤
-Toutes les questions ont une réponse ,tout ceci dans la joie et la bonne humeur-
-Une équipe de "Bénévoles" à votre écoute- www.GraphCode.Xooit.org.

Revenir en haut
Visiter le site web du posteur
Contenu Sponsorisé

 Message :Posté le: Aujourd’hui à 20:03 (2017)    Sujet du message: [Résolu] Aide menu navigation rapide sur forum


Revenir en haut
Montrer les messages depuis:   

Reglement

Poster un nouveau sujet   Répondre au sujet     Index du Forum -> CODE -> Problème codage divers -> Problème codage divers résolus Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  

- Les Partenaires du Forum GraphCode -

  • Un Forum d'entraide unique,
  • basé sur des astuces et l'entraide au bricolage.
  • Tout ce qui peut être bricolé est abordé et bien plus encore.
  • N'hésitez pas à le rejoindre et partager votre savoir faire.

  • Pokémon-Power :
  • Le meilleur Dresseur, c'est toi !
  • Une communauté Pokémon sympathique et dynamique, toutes les dernières news propos de Pokémon,
  • des discussions stratégiques et des animations fréquemment organisées !
  • Rejoins-nous !

  • AMARID
    Forum d'entraide pour :
  • Assistant(e)s Maternel(le)s
  • Parents
  • Maison d'assistant(e)s Maternel(le)s MAM
  • Toutes vos questions ont une réponse

  • Forum de test pour Xooit.Xooit http://r-max-test.forum-box.com/index.php
  • Forum de test pour ForumActif http://forum-test-r-max.forumactif.org
  • Vous l'aurez compris, ce forum sert essentiellement pour le développement,
  • et pour mettre au point certaines fonctions.
  • Dans le but d'améliorer votre confort et l'esthétique de votre forum.
  • N'hésiter pas à me rendre visite, vous y trouverez peut être votre prochaine modification.

  • http://www.lacommunautedesg33k.com/ est le site directement lié à cette chaîne youtube de
  • gaming https://www.youtube.com/channel/UCFAHhe-ouOQO1Uw35y7pQEw on est actuellement deux à gérer la chaîne.
  • Ce site vous propose également un forum http://lacommunautedesg33k.smileforum.info/qui contient des tutoriels.
  • Si vous vous abonnez à notre chaîne, vous serez mi comme partenaire dans le module "Partenaire" dans le nouveau forum
  • http://lacommunautedesg33k.smileforum.info/#bottom

  • Soyez les bienvenue sur le forum Détection Haute-Vienne
  • Forum prônant la déclaration et la non vente des objets découverts.
  • Adhérant à l’Association Française de Défense de la Détection de Loisir,
  • Venez nombreux sur notre Forum , d'autres département sont les bienvenue,
  • pour des identifications
  • Objets découverts en détection et d'autres sujets !!!!

  • News sur les prochaines choses pokémon (jeux, livres, évents ect) Une radio en bas de l’accueil (Fun radio, nrj ect)
  • Des recrutements (modérateurs, animateur ect) Une partie consacrée à la shasse aux shinys
  • Un coin GTS (échanges de pokémon, d'objets, recherches de pokémon, d'objets, distributions ect)
  • mais aussi un coin combat (Organisations de combats, tournois, fiches stratégiques, évaluations de votre team ect)
  • Une partie pour parler d'anciennes version (de vert, rouge, bleu et jaune à noir 2 et blanc 2,prochainement
  • touts les jeux que ce soit sur gamecube, wii, ds pokémon ranger, donjon mystère ect) Et bien d'autres choses..

  • AD-Annuaire
  • est un forum de publicité,
  • permettant aux utilisateurs de promouvoir,
  • d'améliorer leurs forums par le biais de nos services.


  • Pink World est un forum féminin et kawaii (bien que les garçons soient également les bienvenues !)
  • . Nous parlons absolument de tout : beauté, cheveux, vêtements, piercing, tatouages,
  • graphisme, dessin, écriture, photographie, décoration d'intérieur, multimédia...etc
  • Un espace détente est également là pour discuter de tout et de rien

  • Glam Pub est le forum pub le plus glamour du net.
  • Il vous propose de passer votre pub gratuitement mais pas seulement !
  • Des offres illimités, des jeux gagnants qui ne cesses de voir le jour
    et de se renouveler pour que VOUS soyez le plus vu et connu possible.
  • Des services utiles pour afficher vos logos et bannières sur le forum mais aussi dans notre fiche pub.
  • Bref un forum qui vous rendra complètement glamourous.

  • Forum de pub et de référencement gratuit pour vos réseaux sociaux, forums et sites.

  • "Forum d'entraide informatique sous environnement Windows-Désinfection-Protection"

  • "Maze Runner - Forum France"
  • est un espace d'échange et de détente pour tous les fans de la série Le Labyrinthe
  • sorti au cinéma en Octobre 2014. Nous vous proposons les actualités des acteurs,
  • les news des films, des concours ainsi qu'un espace détente pour partager vos créations et vos passions.
  • A bientôt dans le Labyrinthe !

  • Comme vous l'avez compris, Utopia est un forum de pub, mais ouvert pour tous les espaces,
  • pas seulement pour vos forums. Il y a de la place pour les sites, les blogs, les pages Facebook
  • et tout autre support que vous souhaitez faire connaître. Alors il suffit de s'inscrire
  • et de poster... Tout le monde est le bienvenu.
  • Vous ferez partie des 15.000 membres inscrits sur notre forum qui ont posté un total de 6.000 messages.
  • Devenez le meilleur membre de ce forum de publicité. Notre thème est basé sur l'olympe et créer par Sparrow-Style.
  • Nous remercions donc Never Utopia pour ce thème magnifique mis à notre disposition,
  • car nous allons leur commander un thème encore plus palpitent que celui-ci.

  • Le site du Concarneau poker club...
  • Découvrir l'association, s'inscrire aux tournois, les résultats des challenges en cours...
  • Vous trouverez ici tout les renseignements nécessaires aux adhérents et futurs adhérents!
  • Partenaire officiel de WINAMAX

  • Ian Somerhalder France est un forum français sur l'acteur.
  • Il a joué notamment dans la série à succès Vampires Diaries et Lost. Vous trouverez vidéo
  • interview et photoshoots de Ian. Ainsi que son engagement envers la fondation ISF dont nous participons régulièrement.
  • Des rencontres entres fans sont également organisé lors de conventions française où les fans pourront voir Ian.
  • Rejoignez-nous vite.


  • © Tous droits réservés - 2015 - GraphCode Team
    © Forum de design pour Xooit & ForumActif. - Contact
  • Google Plus

  • Portail | Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
    Powered by phpBB © 2001, 2005 phpBB Group, theme 2015 par GraphCodeTeam ©
    Traduction par : phpBB-fr.com

  • Pseudo:xxxx
  • Rang:xxxx
  • xxxx
  • Poste:xxxx
  • Loisir:xxxx
  • xxxx

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • Loisir:
  • xxxxx
  • xxxxx

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • xxxxx
  • Passion:
  • xxxxx
  • Les Administrateurs du Forum GraphCode.

  • Pseudo:Mariok
  • Rang:Fondateur
  • Administrateur Général
  • Poste:Admin Graphique
  • Loisir:Photoshop
  • Forum de graphisme

  • Pseudo:R-max
  • Rang:Administrateur
  • Poste:Administrateur
  • Loisir:
  • Graphiste amateur
  • Codage amateur

  • Pseudo:NetZone
  • Rang:Administrateur
  • Poste:Admin-Codeur
  • Codeur général
  • Passion:
  • Tout ce qui fait réfléchir
  • Les Modérateurs du Forum GraphCode.

  • Pseudo:nenette58
  • Rang:Modératrice
  • Poste:Modératrice Général
  • Loisir:informatique
  • rallye auto
  • photo,nature

  • Pseudo:TheBlackJack
  • Rang:Modérateur
  • Poste:Modérateur
  • Loisir:
  • Téléphonie
  • Mangas

  • Pseudo:ToTo19
  • Rang:Modérateur
  • Poste:Modérateur
  • Loisir:
  • Pêche
  • Détection
  • Les Graphistes du Forum GraphCode.

  • Pseudo:Raymond
  • Rang:Membre
  • Poste:Graphiste
  • Loisir:Photoshop
  • tous montages
  • Demandez

  • Pseudo: Sp
  • Rang:Membre
  • Poste:Graphiste
  • Loisir:Graphisme/Codage
  • Informatique
  • Musique

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • xxxxx
  • Loisir:
  • xxxxx
  • Les Codeurs du Forum GraphCode.

  • Pseudo:xxxx
  • Rang:xxxx
  • xxxx
  • Poste:xxxx
  • Loisir:xxxx
  • xxxx

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • Loisir:
  • xxxxx
  • xxxxx

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • xxxxx
  • Loisir:
  • xxxxx

  • Pseudo:xxxx
  • Rang:xxxx
  • xxxx
  • Poste:xxxx
  • Loisir:xxxx
  • xxxx

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • Loisir:
  • xxxxx
  • xxxxx

  • Pseudo:xxxxx
  • Rang:xxxxx
  • Poste:xxxxx
  • xxxxx
  • Loisir:
  • xxxxx
  • Section recrutement Explorateur du Forum.
    Bonjour à tous, Vous avez l'âme d'un enquêteur, vous aimez faire des recherches, farfouiller le net pour trouver les bons plans ? Vous êtes fait pour ce poste ! Devenez "Explorateur" au sein de l'équipe GraphCode ! Dans le but de faire connaître GraphCode, votre mission, si vous l'acceptez, sera de dénicher les divers concours de graphismes proposés sur ForumActif, rechercher des partenaires et plus si affinité. L'aventure vous intéresse ? Proposez votre candidature dans ce post, la "Section recrutement" toute bonne volonté est la bienvenue. Merci d'avance pour votre implication.
    section recrutement Modérateur
    Bonjour à tous, Un forum ne peut pas fonctionner sans modérateurs. Qui dit modération, ne veut pas dire répression ! Le rôle du modérateur est principalement de guider les nouveaux membres mais il doit avant tout faire respecter la Charte du forum, seul outil de référence pour accomplir cette tâche. Les qualités de patience, neutralité, convivialité et médiation sont des atouts pour bien modérer. Le poste de Modérateur vous intéresse ? Proposez votre candidature et intégrez le staff de GraphCode ! Merci d'avance.
    Section recrutement Codeur
    Bonjour à tous, Le HTML n'a pas de secret pour vous ? Modifier un template ne vous effraie pas ? Vous avez une assez bonne expérience des forums hébergés chez Xooit et Forum Actif ? Rejoignez le groupe en proposant votre candidature au poste de Codeur ! Merci d'avance !
    Section recrutement Graphiste
    Bonjour à tous, Vos talents sont l'association des couleurs, des images, des textes pour créer de belles réalisations qui s'afficheront fièrement sur les forums qui font appel à GraphCode ? Quel que soit votre style de création, vous pouvez apporter de la richesse au forum. N'hésitez pas, offrez votre talent en devenant "Graphiste" ! Merci pour votre implication !

    Suivez l'actualité de GraphCode sur
    Facebook
    FACEBOOK Fermer

    Suivez l'actualité de GraphCode sur
    twitter
    TWITTER Fermer