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] Tentative sur forum actif
Aller à la page: <  1, 2, 3, … 12, 13, 14  >
 
    Index du Forum -> CODE -> Problème codage divers -> Problème codage divers résolus
Auteur Message
R-max

 Message :Posté le: Dim 24 Mai - 20:19 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

pour facebook et twitter si tu les veut en panneaux coulissant , ((je n'est pas tester avec twitter et facebook)) sinon il faut les intégrer absolument  dans un widget.
comme ceci >>

tu peut faire une colonne de widget a gauche ou droite 
sinon dans un Template ou l’accueil >(mais tu a déja le slide dans l’accueil )  
donc tous dépend de quelle affichage tu veut !!! 


ont peut faire une PA sur 3 case par exemple ,style  comme j'ai codé pour aurélie !


pour le menu tu a ce tuto >> http://forum.forumactif.com/t314485-installation-d-un-menu-deroulant

______________________________________________
¤¤¤ 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
Publicité

 Message :Posté le: Dim 24 Mai - 20:19 (2015)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?

Revenir en haut
mariok

 Message :Posté le: Dim 24 Mai - 20:54 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

pour le tuto je l'est vu mais quand tu le met dans ovraal header ikl bug et de plus on ne voit pas les variable profil faq s'enregister en clair de la bar de navigation oui pour le pas je suis pour j'ai meme essaye d'y mettre le menu de netzone put... cela m'as mis un bordel

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

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

 Message :Posté le: Dim 24 Mai - 21:29 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

je les installé le menu de notre ami NetZone ,
http://forum-test-r-max.forumactif.org/?tt=1

______________________________________________
¤¤¤ 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
mariok

 Message :Posté le: Dim 24 Mai - 22:36 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

comment tu as fait je suis preneur Mort de Rire

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

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

 Message :Posté le: Dim 24 Mai - 23:19 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

dans ton overall_header repere cette ligne

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                                          <td align="{MENU_POSITION}">{GENERATED_NAV_BAR}</td>                                       
                                         </tr>
                          </table>

juste aprés colle ce code
{{{Vous devez répondre à ce sujet pour voir la partie cachée}}}


j'ai modifier la classe de la barre menu , ,apparement sur FA elle sort transparente ,(ca je ne sait pas pourquoi )j'ai donc rajouté ton image de fond bleu avec un border radius de 20px couleur #777 dans le css tous au début c'est la classe>> bodyline_2

tous cela est bien sur modifiable Mr. Green

ensuite quand tu aura tous placé dans ton nouveau menu tu pourra neutralisé ce code avec de chaque coté <!-- -->
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                                          <td align="{MENU_POSITION}">{GENERATED_NAV_BAR}</td>                                       
                                         </tr>
                          </table>

se qui te donnera ceci
<!-- <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                                          <td align="{MENU_POSITION}">{GENERATED_NAV_BAR}</td>                                       
                                         </tr>
                          </table> -->

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
mariok

 Message :Posté le: Lun 25 Mai - 10:02 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

c'est ok par contre a droite il passe en dessous du slide tu as une idée



de plus elles sont ou les variable de la nav bar qui est en ligne fonctionne pas faq non plus

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

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

 Message :Posté le: Lun 25 Mai - 11:56 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

pour les variable ceci te servira >>

>> http://forum.forumactif.com/t348504-projet-template-description-des-variabl…

et cela renvoye sue cette page ou tous est indiqué .

>> https://github.com/Etana/template/blob/master/tpl/faq_dhtml.md#readme

pour le slide tu a un z-index dans le codage !!!!!! parce que dans le menu tu a z-index1 et z-index2

______________________________________________
¤¤¤ 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
mariok

 Message :Posté le: Lun 25 Mai - 12:03 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

tu me prend pour un dieu du code lolll

a priori non

mon CSS


 @charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: black;
    font-size: 16px;
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
 
/***************************************** Light */
.accordion {
    border: 9px solid white;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #a0a0a0;
    -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
    background: #fcfcfc;
    background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
  box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    color: #909090;
}
.accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #a0a0a0; margin-left: 5px }
 
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
 
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }
 
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
 
/* centrer l'accordéon */
.accordion { margin: auto; }

/*===================== adapté par Rotorman ====================*/
/***ajout d'une classe table bleu** R-max
.bodyline_2{
 background-image: url(http://i19.servimg.com/u/f19/19/23/09/94/test_b16.png);
background-size:100%;
background-repeat:repeat;
border:2px solid #777;
border-radius:20px;
width:100%; **/
}
/***fin ajout***/
/*=== menu barre ===*/

/*====== fond =====*/
#containez {background:#01B0F0;background:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:relative;margin:auto;padding:auto;
width:100%;box-shadow:0 6px 30px rgba(0,0,0,0.4);  line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;/*z-index:1;*/}

/*===== menu =====*/
#cssmenu {background:#01B0F0;background:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:relative;/*z-index:1;*/
margin:auto;padding:auto;width:90%;margin-left:auto;margin-right:auto;line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;}


#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}

/*============ sous-menus ============*/
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
  width: 300px;
  border-right: solid 2px red;
z-index:1;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 350px;
  padding: 7px 7px 7px 7px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: red;
  /*font-weight:bold;*/
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
/*======= menu droit =========*/
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
/*==== menu droit =========*/
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}

/*======== onglets ===========*/
#cssmenu > ul > li:after {
  Border-radius:5px 5px 0 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: white;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;

}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #000000;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}

#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}

#cssmenu > ul > li > a {
  color: #000000;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li > a {
  display: block;
}
#cssmenu > ul > li {
   width:auto;
}
#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}
/*====================== menu drop mobile ===============*/
#cssmenu > ul > li > ul > li {
  width: 370px;
  display: block;
} /** 800 - 1024 - 192 dpi**/
@media all and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 500px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 500px), only screen and (min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min-resolution: 96dpi) and (max-width: 500px), only screen and (min-resolution: 2dppx) and (max-width: 500px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease-out;
    -moz-transition: max-height 0.25s ease-out;
    -ms-transition: max-height 0.25s ease-out;
    -o-transition: max-height 0.25s ease-out;
    transition: max-height 0.25s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;

  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }


mon template


 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" lang="{L_LANG_HTML}">
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
   <meta equiv="content-script-type" content="text/javascript">
   <meta equiv="content-style-type" content="text/css">
   <!-- BEGIN switch_compat_meta -->
   <meta equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}">
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}">
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}">
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}">
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}">
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css">
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
       
 
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt=""> <em>Hit</em>skin.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br>
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}">
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';">
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}">
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"></a>
                     <br>
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br>
                     <span class="gen">{SITE_DESCRIPTION}<br>&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>   
                               <!-- DÉBUT DU MENU -->

<table class="bodyline_2" width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
  <tr>
    <td>
<div id="containez">
<div id="cssmenu">
<ul>


<li><a href="{U_INDEX}"><span>Home</span></a></li>

    <!-- BEGIN switch_user_logged_out -->
            <li><a href="{U_REGISTER}"><span>S'inscrire</span></a></li>
            <li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
    <!-- END switch_user_logged_out -->

    <!-- BEGIN switch_user_logged_in -->
            <li class='has-sub'><a href="" id="">Menu Membre</span></a>
                <ul>
                   <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
                   <li> <a href="{U_PRIVATEMSGS}">Votre messagerie du forum</a></li>
                   <li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>
                    <li><a href="/viewonline.php">Qui est en ligne</a></li>
     
               <!-- IF S_USER_LEVEL == "ADMIN" || S_USER_LEVEL == "MOD"  -->
             <li><a href="{U_MEMBERLIST}">Liste des membres</a></li>
         <li class='last'><a href="{U_GROUP_CP}">Groupes du forum</a></li>
                     <!-- ENDIF -->
</ul>
</li>

            <!-- END switch_user_logged_in -->

       
<li class='has-sub'><a href="{U_INDEX}"><span>Adhérent(e)s</span></a>
 <ul>
  <li><a href="/t14-charte-du-forum.htm">Charte du Forum</span></a>
  <li><a href="/t4-Charte-du-forum-Graphique.htm">Charte du Graphisme</span></a>
  <li class='last'><a href="/t28-Charte-du-Codage.htm">Charte du Codage</span></a>
</li>
</ul>
   
 <li class='has-sub'><a href="{U_INDEX}">Catégories</span></a>
    <ul>

      <li class='has-sub'><a href="/f2-graphcode.htm">Annonces et </a>
         <ul>
          <li><a href="/f22-Pr-sentation.htm">Votre présentation</a></li>
          <li><a href="f41-News-Du-forum.htm">Les News du forum</a></li>
          <li><a href="/f43-Suggestions.htm">Suggestions</a></li>
          <li><a href="/t159-Demande-de-partenariat.htm">Partenariat</a></li>
         </ul>
         </li>
       <li class='has-sub'><a href="/f3-GRAPHISME.htm">Graphisme</a>
          <ul>
          <li><a href="/f5-Icones.htm">Libre service</a></li>
          <li><a href="/f6-Banni-re.htm">Boutons, icones, images de rangs</a></li>
          <li><a href="/f7-Demandes.htm">Bannières et logo</a></li>
          <li class='last'><a href="/f14-AVATARS-SIGNATURES.htm">Avatars et signatures</a></li>
         </ul>
        </li>
             <li class='has-sub'><a href="/f4-CODE.htm">Codes</a>
          <ul>
          <li><a href="/f24-Am-lioration-des-templates-XOOIT.htm">Amélioration des Templates XOOIT</a></li>
          <li><a href="/f31-probl-me-codage-divers.htm">Problème Codage Divers</a></li>
          <li class='last'><a href="/f23-Script-CSS.htm">Scripts CSS</a></li>
          </ul>
          </li>
   </ul>
   </li>
  <li class='has-sub'><a href="{U_INDEX}">Contacts</span></a>
   <ul>
  <li><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/5-association-amarid" TARGET="_blank">Contact AMARID</span></a>
  <li><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/3-amarid-secretariat" TARGET="_blank"><span>Secretariat AMARID</span></a>   
  <li><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/4-responsable-antennes" TARGET="_blank">Contact régions exterieures Gironde</span></a>
  <li class='last'><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/1-administrateur" TARGET="_blank">Contact Administrateur Site & Forum</span></a>
</li>
</ul>
 
 <li><a href="http://amarid.fr/" target="_blank"><span>Site internet</span></a></li>
   
   
<li class='has-sub'><a href="{U_INDEX}">Outils</span></a>
   <ul>
  <li><a href="{U_SEARCH}">Recherche sur le forum</span></a>
  <li><a href="{U_PROFILE}"><span>Profil</span></a>   
  <li><a href="{L_FAQ_TITLE}">FAQ</span></a>
  <li><a href="/t49-Formulaire-de-Demande-de-Code.htm">Formulaire de Demande d'aide en Codage</span></a>
  <li><a href="https://translate.google.com/" TARGET="_blank">Google traducteur</span></a>
  <li><a href="http://www.gimp.org/" TARGET="_blank">Gimp outil graphique gratuit</span></a>
  <li class='last'><a href="http://www.openoffice.org/fr/Telecharger/" TARGET="_blank">Open office</span></a>
</li>
</ul>
</ul>
</div>
</div>

</td>
</tr>
</table>   




<!-- Fin du menu -->


                         
                         
                     
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}">{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
                     
            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->
                         
                             
                         
                          <br>
                         
                           <div id="accordeon-pa" class="accordion">
    <ol>
        <li>
            <h><span>QUI SOMMES NOUS</span></h2>
            <div>
              <figure>
                <img class="full" src="http://i19.servimg.com/u/f19/19/23/09/94/presen10.jpg" alt="image">
              </figure>
            </div>
        </li>
        <li>
            <h><span>DES DOCUMENTS</span></h2>
            <div>
              <figure>
                <img class="full" src="http://i19.servimg.com/u/f19/19/23/09/94/doc_le11.png" alt="image">
              </figure>
            </div>
        </li>
        <li>
            <h><span>DES ACTIONS</span></h2>
            <div>
              <figure>
                <img class="full" src="http://i19.servimg.com/u/f19/19/23/09/94/animat11.jpg" alt="image">
              </figure>
            </div>
        </li>
        <li>
            <h><span>UN REGARD</span></h2>
            <div>
              <figure>
                <img class="full" src="http://i19.servimg.com/u/f19/19/23/09/94/autre_11.png" alt="image">
              </figure>
            </div>
        </li>
        <li>
            <h><span>DES BÉNÉVOLES</span></h2>
            <div>
              <figure>
                <img class="full" src="http://i19.servimg.com/u/f19/19/23/09/94/benevo11.png" alt="image">
              </figure>
            </div>
        </li>
        <li>
            <h><span>REJOIGNEZ NOUS</span></h2>
            <div>
              <figure>
                <img class="full" src="http://i19.servimg.com/u/f19/19/23/09/94/route11.png" alt="image">
              </figure>
            </div>
        </li>
     
     
    </ol>
</div>
                          <br>
              <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}">
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

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

 Message :Posté le: Lun 25 Mai - 13:21 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

remplace le css que tu ma donné par celui la ,le menu devrait passé par dessus , car le slide a un z-index supérieur qui gêner

>> le code pour le fond bleu du menu c'est toi qui l'a enlever !!!!!

@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: black;
    font-size: 16px;
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
 
/***************************************** Light */
.accordion {
    border: 9px solid white;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #a0a0a0;
    -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
    background: #fcfcfc;
    background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
  box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    color: #909090;
}
.accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #a0a0a0; margin-left: 5px }
 
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
 
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }
 
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
 
/* centrer l'accordéon */
.accordion { margin: auto; }

/*===================== adapté par Rotorman ====================*/
/***ajout d'une classe table bleu** R-max
.bodyline_2{
 background-image: url(http://i19.servimg.com/u/f19/19/23/09/94/test_b16.png);
background-size:100%;
background-repeat:repeat;
border:2px solid #777;
border-radius:20px;
width:100%; **/
}
/***fin ajout***/
/*=== menu barre ===*/

/*====== fond =====*/
#containez {background:#01B0F0;background:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:relative;margin:auto;padding:auto;
width:100%;box-shadow:0 6px 30px rgba(0,0,0,0.4);  line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;z-index:101;}

/*===== menu =====*/
#cssmenu {background:#01B0F0;background:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:relative;z-index:101;
margin:auto;padding:auto;width:90%;margin-left:auto;margin-right:auto;line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;}


#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}

/*============ sous-menus ============*/
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
  width: 300px;
  border-right: solid 2px red;
z-index:0;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 0;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 0;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 350px;
  padding: 7px 7px 7px 7px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: red;
  /*font-weight:bold;*/
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
/*======= menu droit =========*/
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
/*==== menu droit =========*/
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}

/*======== onglets ===========*/
#cssmenu > ul > li:after {
  Border-radius:5px 5px 0 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: white;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;

}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #000000;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}

#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 0;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}

#cssmenu > ul > li > a {
  color: #000000;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 0;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li > a {
  display: block;
}
#cssmenu > ul > li {
   width:auto;
}
#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}
/*====================== menu drop mobile ===============*/
#cssmenu > ul > li > ul > li {
  width: 370px;
  display: block;
} /** 800 - 1024 - 192 dpi**/
@media all and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 500px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 500px), only screen and (min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min-resolution: 96dpi) and (max-width: 500px), only screen and (min-resolution: 2dppx) and (max-width: 500px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease-out;
    -moz-transition: max-height 0.25s ease-out;
    -ms-transition: max-height 0.25s ease-out;
    -o-transition: max-height 0.25s ease-out;
    transition: max-height 0.25s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;

  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}

______________________________________________
¤¤¤ 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
mariok

 Message :Posté le: Lun 25 Mai - 13:34 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

oui pour resté dans le theme du forum nikel

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

Revenir en haut
Visiter le site web du posteur
mariok

 Message :Posté le: Lun 25 Mai - 14:17 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

je trouve pas dans le CSS quand tu passe sur un menu qui à un sous menu l'affichage dans l'onglet disparait c'est une question de couleur cela fait une heure que je tourne dessus


______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

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

 Message :Posté le: Lun 25 Mai - 14:38 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

normalement c'est blanc est sa passe au noir au survol mais tu a tu toucher !!



c'est cette partie qui gére la couleur
#cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a {
  color: #000;
}

______________________________________________
¤¤¤ 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
mariok

 Message :Posté le: Lun 25 Mai - 14:57 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

je trouve pas j'ai un loupe quelque part



@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: black;
    font-size: 16px;
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
 
/***************************************** Light */
.accordion {
    border: 9px solid white;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #a0a0a0;
    -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
    background: #fcfcfc;
    background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
  box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    color: #909090;
}
.accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #a0a0a0; margin-left: 5px }
 
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
 
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }
 
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
 
/* centrer l'accordéon */
.accordion { margin: auto; }

/*===================== adapté par Rotorman ====================*/
/***ajout d'une classe table bleu** R-max
.bodyline_2{
 background-image: url(http://i19.servimg.com/u/f19/19/23/09/94/test_b16.png);
background-size:100%;
background-repeat:repeat;
border:2px solid #777;
border-radius:20px;
width:100%; **/
}
/***fin ajout***/
/*=== menu barre ===*/

/*====== fond =====*/
#containez {background:#01B0F0;background:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:relative;margin:auto;padding:auto;
width:100%;box-shadow:0 6px 30px rgba(0,0,0,0.4);  line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;z-index:101;}

/*===== menu =====*/
#cssmenu {background:#01B0F0;background:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:relative;z-index:101;
margin:auto;padding:auto;width:90%;margin-left:auto;margin-right:auto;line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;}


#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}

/*============ sous-menus ============*/
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
  width: 300px;
  border-right: solid 2px red;
z-index:0;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 0;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 0;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 350px;
  padding: 7px 7px 7px 7px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: red;
  /*font-weight:bold;*/
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
/*======= menu droit =========*/
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
/*==== menu droit =========*/
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}

/*======== onglets ===========*/
#cssmenu > ul > li:after {
  Border-radius:5px 5px 0 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: white;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;

}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #000000;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}

#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 0;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}

#cssmenu > ul > li > a {
  color: #000000;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 0;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #000000;
}
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #000000;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li > a {
  display: block;
}
#cssmenu > ul > li {
   width:auto;
}
#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}
/*====================== menu drop mobile ===============*/
#cssmenu > ul > li > ul > li {
  width: 370px;
  display: block;
} /** 800 - 1024 - 192 dpi**/
@media all and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 500px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 500px), only screen and (min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min-resolution: 96dpi) and (max-width: 500px), only screen and (min-resolution: 2dppx) and (max-width: 500px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease-out;
    -moz-transition: max-height 0.25s ease-out;
    -ms-transition: max-height 0.25s ease-out;
    -o-transition: max-height 0.25s ease-out;
    transition: max-height 0.25s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;

  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

Revenir en haut
Visiter le site web du posteur
NetZone

 Message :Posté le: Lun 25 Mai - 15:50 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

Bonjour,


Dans #containez met le z-index:101 à 200.
Dans #cssmenu idem.

Ca devrait le faire. ^^


Bonne fin de journée Smile

______________________________________________

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
mariok

 Message :Posté le: Lun 25 Mai - 16:25 (2015)    Sujet du message: [Résolu] Tentative sur forum actif Répondre en citant

tu met une virgule entre 101 et 200

de plus le home ne fonctionne pas

<li><a href="{U_INDEX}"><span>Home</span></a></li>


et le lien direct sur mon site internet non plus


<li><a href="http://amarid.fr/" target="_blank"><span>Site internet</span></a></li>

______________________________________________
GraphCode c'est avant tout des BÉNÉVOLES.
N'hésitez pas toute question à une réponse.

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

 Message :Posté le: Aujourd’hui à 17:29 (2017)    Sujet du message: [Résolu] Tentative sur forum actif


Revenir en haut
Montrer les messages depuis:   

Reglement

Poster un nouveau sujet   Ce sujet est verrouillé; vous ne pouvez pas éditer les messages ou faire de réponses.     Index du Forum -> CODE -> Problème codage divers -> Problème codage divers résolus Toutes les heures sont au format GMT + 1 Heure
Aller à la page: <  1, 2, 3, … 12, 13, 14  >
Page 2 sur 14

 
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