Problème avec ma pa en onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec ma pa en onglets

Message par Nally le Ven 1 Fév 2013 - 15:22

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 :

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

Nally
Nouveau membre

Messages : 6
Inscrit(e) le : 05/01/2012

http://primate-pub.forumgratuit.org/
Nally a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma pa en onglets

Message par Matriochka le Ven 1 Fév 2013 - 17:19

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 résolu Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma pa en onglets

Message par Nally le Ven 1 Fév 2013 - 17:39

Bonjour,

Oui cela vient d'être réglé par l'administratrice du forum de codage.
Je vous remercie pour votre attention

Nally

Nally
Nouveau membre

Messages : 6
Inscrit(e) le : 05/01/2012

http://primate-pub.forumgratuit.org/
Nally a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum