Problème avec ma pa en onglets
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème avec ma pa en onglets
Bonjour,
Récemment mon administrateur et moi avons installé une pa en onglet qu'il a fait lui même. J'ai fait une commande sur un forum de codage. Avant j'avais des catégories en onglets mais tout les codes avaient été enlevés.
Voici mon forum : http://www.ouaf-ouaf-pub.com/
Le code javascript de la pa :
Le code css :
Voilà j'espère qu'on pourra m'aider comme vous pouvez voir sur mon forum, les onglets ne s'affichent pas.
Nally
Récemment mon administrateur et moi avons installé une pa en onglet qu'il a fait lui même. J'ai fait une commande sur un forum de codage. Avant j'avais des catégories en onglets mais tout les codes avaient été enlevés.
Voici mon forum : http://www.ouaf-ouaf-pub.com/
Le code javascript de la pa :
- Code:
$(function(){
var d=function(){if($(this).is(".selected")) return;var a=$(this).closest(".systab");a.find(".selected").removeClass("selected").filter(".content")[a.is(".s_slide")?"slideUp":a.is(".s_fade")?"fadeOut":"hide"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1]);$(this).addClass("selected").data("content").addClass("selected").stop(!0,!0)[a.is(".s_slide")?"slideDown":a.is(".s_fade")?"fadeIn":"show"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1])};$("div.systab").each(function(){var a=$("> div",this).detach(),c=[],b;$(this).html('<div class="'+($(this).is(".s_bottom")?"contents":"tabs")+'"></div><div class="'+($(this).is(".s_bottom")?
"tabs":"contents")+'"></div>');$(a).each(function(){b=$(this).children(":first");b.is("span")?(c=$(c).add($(b).addClass("tab").data("content",$(this))),$(this).addClass("content").data("tab",b)):$(this).remove()});$("> div.tabs",this).append(c);$("> div.contents",this).append(a);b=$(".content:first,.content.selected",this).last();$(b).addClass("selected").siblings().hide();$(b).data("tab").addClass("selected")}).on("click",".tab",d).filter(".s_hover").on("mouseenter",".tab",d)
});
Le code css :
- Code:
/* .systab .tab => les onglet */
.systab .tab {
padding: 2px 2px;
margin-right: 5px;
color: #000000;
background: #96A3C0;
border: 5px solid #B7C5ED;
border-radius: 20px 20px 0px 0px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
border: 5px solid #B7C5ED;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
color: #000000;
background: #96A3C0;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets */
.systab .contents {
margin-top: 1px;
margin-bottom: 1px;
color: #000000;
background: #96A3C0;
min-height: 300px;
width: 800px;
border-radius: 0px 0px 20px 20px;
border: 5px solid #B7C5ED;
padding: 10px;
}
.systab .contents:hover {
border: 5px solid #B7C5ED;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
display: block;
margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
float: left;
}
.kanetitre {
font-size : 18px;
font-variant:small-caps;
font-weight: bold;
color: black;
-webkit-transition: all 1.0s;
-moz-transition: all 1.0s;
-ms-transition: all 1.0s;
-o-transition: all 1.0s;
transition: all 1.0s;
}
.kanetitre:hover {
font-size: 22px;
}
.kanebien {
border:1px solid #B7C5ED;
font-size : 15px;
font-weight: bold;
text-align: center;
background-color: #96A3C0;
width:770px;
height: 140px;
padding: 10px;
-webkit-transition: all 2.0s;
-moz-transition: all 2.0s;
-ms-transition: all 2.0s;
-o-transition: all 2.0s;
transition: all 2.0s;
}
.kanebien:hover {
border: 5px solid #B7C5ED;
border-radius: 20px;
background-color: #ffffff;
}
.kanenmc {
border:1px solid #B7C5ED;
font-size : 15px;
text-align: justify;
background-color: #96A3C0;
width:236px;
height: 110px;
padding: 10px;
-webkit-transition: all 2.0s;
-moz-transition: all 2.0s;
-ms-transition: all 2.0s;
-o-transition: all 2.0s;
transition: all 2.0s;
}
.kanenmc:hover {
border: 5px solid #B7C5ED;
border-radius: 20px;
background-color: #ffffff;
}
.kanesrl {
border:1px solid #B7C5ED;
font-size : 15px;
text-align: justify;
background-color: #96A3C0;
width:236px;
height: 265px;
padding: 10px;
-webkit-transition: all 2.0s;
-moz-transition: all 2.0s;
-ms-transition: all 2.0s;
-o-transition: all 2.0s;
transition: all 2.0s;
}
.kanesrl:hover {
border: 5px solid #B7C5ED;
border-radius: 20px;
background-color: #ffffff;
}
.kanecred {
border:1px solid #B7C5ED;
font-size : 15px;
text-align: justify;
background-color: #96A3C0;
width:236px;
height: 120px;
padding: 10px;
-webkit-transition: all 2.0s;
-moz-transition: all 2.0s;
-ms-transition: all 2.0s;
-o-transition: all 2.0s;
transition: all 2.0s;
}
.kanecred:hover {
border: 5px solid #B7C5ED;
border-radius: 20px;
background-color: #ffffff;
}
.kanesan {
border:1px solid #B7C5ED;
font-size : 15px;
text-align: justify;
background-color: #96A3C0;
width:500px;
height: 120px;
padding: 10px;
-webkit-transition: all 2.0s;
-moz-transition: all 2.0s;
-ms-transition: all 2.0s;
-o-transition: all 2.0s;
transition: all 2.0s;
}
.kanesan:hover {
border: 5px solid #B7C5ED;
border-radius: 20px;
background-color: #ffffff;
}
Voilà j'espère qu'on pourra m'aider comme vous pouvez voir sur mon forum, les onglets ne s'affichent pas.
Nally
Dernière édition par Nally le Ven 1 Fév 2013 - 17:39, édité 1 fois
Re: Problème avec ma pa en onglets
Bonjour,
Je n’ai aucun problème avec ces onglets, ils sont tout à fait fonctionnels… As-tu pu régler le problème entre temps ? Si oui, merci de l’indiquer en éditant ton premier message et en cochant l’icône
Je n’ai aucun problème avec ces onglets, ils sont tout à fait fonctionnels… As-tu pu régler le problème entre temps ? Si oui, merci de l’indiquer en éditant ton premier message et en cochant l’icône
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec ma pa en onglets
Bonjour,
Oui cela vient d'être réglé par l'administratrice du forum de codage.
Je vous remercie pour votre attention
Nally
Oui cela vient d'être réglé par l'administratrice du forum de codage.
Je vous remercie pour votre attention
Nally
Sujets similaires
» Problème avec mes onglets de ma PA
» Problème avec les onglets de ma PA...
» Probléme avec onglets
» Problème avec les onglets
» Problème avec les onglets
» Problème avec les onglets de ma PA...
» Probléme avec onglets
» Problème avec les onglets
» Problème avec les onglets
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum