Problème d'affichage PA en onglet

2 participants

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

Résolu Problème d'affichage PA en onglet

Message par Eden. Ven 14 Déc 2012 - 17:25

Bonjour, grâce à certains tutos sur ce forum j'ai pu créer ma page d'accueil en onglet. Seulement je n'arrive pas à changer l'onglet sur lequel j'aimerais que sa tombe lorsqu'on arrive sur le forum en ce moment c'est le deuxième et j'aimerais que ça soit le premier...

Pour cela j'ai donc un code html et javascript, je suppose que c'est dans le code javascript que voici non ?
Voici le forum en question: http://secretandlie.forumactif.fr/

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)
});

Merci d'avance pour votre aide !


Dernière édition par Eden. le Sam 15 Déc 2012 - 23:31, édité 1 fois
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage PA en onglet

Message par Eden. Sam 15 Déc 2012 - 20:58

up please Sad
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage PA en onglet

Message par Arlem Sam 15 Déc 2012 - 21:12

Bonsoir,

Pourriez-vous nous passer le code de la PA également ? Smile
avatar

Arlem
Membre actif

Messages : 2550
Inscrit(e) le : 30/06/2009

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

Résolu Re: Problème d'affichage PA en onglet

Message par Eden. Sam 15 Déc 2012 - 21:22

Oui bien sûr (c'est fouilli)

Code:
<div class="systab" id="tab-bienvenue">
  <div id="tab-regles">
    <span>Rosewood...What ?</span>
<table>
  <tr>
      <td><div class="premier"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Contexte</div><img src="http://media.tumblr.com/tumblr_m94vayx0tb1qec74a.gif" width="364px"/></center>
 <div style="height:150px;overflow:auto;font-size:11px;">C'était une nuit comme les autres autour d'un feu, dans un ravissant cottage au bord d'un lac. Ajouté à cela un groupe d'amies, de l'alcool, des potins, et vous avez le parfait mélange pour passer une excellente soirée. Aucune d'entre elles n'auraient pensé une seule seconde qu'elle était potentiellement en danger. Les ragots s'échangeaient rapidement, les heures tournaient les 5 amies finirent par plonger radicalement dans le sommeil sans s'en rendre vraiment compte. Aux alentours de deux heures du matin, un bruit brisa le silence et fit sursauter une étudiante. La jeune femme se redressa brusquement, son coeur battait à tout rompre. Elle compta les têtes de ses amies enfouies sous les couvertures et se rendit vite compte qu'il en manquait une. Étonnée, elle se leva sur la pointe des pieds et partit à la recherche de la mystérieuse blonde disparue. La jolie brune avait fouillée les lieux, sans succès, elle arpenta l'extérieur sous les terribles rafales de vent qui s'abattaient ce soir là. Après plus d'une heure de recherche, elle décida de retourner à la villa prévenir ses amies.</div></div>
      <td><div class="huit"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Le staff</center></div><div class="infobulle3"><img src="http://s4.noelshack.com/uploads/images/16832481463512_9_copie.png" width="70px" />
<span><center><div style="font-style:bold;font-size:12px;">Spencer Hasting</div></center><div><img src="http://img4.hostingpics.net/pics/330624troiangif21.gif"  width="100px;"/></div><div><a href="http://www.sos-forum.com/"><center>Profil</center></a></div><div><a href="http://www.sos-forum.com/"><center>MP</center></a></div></span></div><div class="infobulle3"><img src="http://img4.hostingpics.net/pics/218930JamesfIc8.png" width="70px" />
<span><center><div style="font-style:bold;font-size:12px;">Ethan Anderson</div></center><div><img src="http://25.media.tumblr.com/tumblr_mad4nsmkv31rfqogzo1_500.gif"  width="100px;"/></div><div><a href="http://www.sos-forum.com/"><center>Profil</center></a></div><div><a href="http://www.sos-forum.com/"><center>MP</center></a></div></span></div><div class="infobulle3"><img src="http://i32.servimg.com/u/f32/11/32/15/96/th/710.png" width="70px" />
<span><center><div style="font-style:bold;font-size:12px;">Hanna Marin</div></center><div><img src="http://img11.hostingpics.net/pics/871500AB6.gif"  width="100px;"/></div><div><a href="http://www.sos-forum.com/"><center>Profil</center></a></div><div><a href="http://www.sos-forum.com/"><center>MP</center></a></div></span></div><div class="infobulle3"><img src="http://somerhalder-ian.net/iconarchive/categories/Candids/SOMERHALDER7.png" width="70px" />
<span><center><div style="font-style:bold;font-size:12px;">Edward Stanford</div></center><div><img src="http://media.tumblr.com/tumblr_m8z2e4nZF61rtzlzf.gif"  width="100px;"/></div><div><a href="http://www.sos-forum.com/"><center>Profil</center></a></div><div><a href="http://www.sos-forum.com/"><center>MP</center></a></div></span></div>

</div>
<br><div style="margin-bottom:-26px;"><img src="http://www.deviantart.com/download/259373189/pack_dianna_agron_png_by_frangleek-d4af9mt.png" width="170px"/></div>
<td><div class="seconde"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>News</center></div>
<marquee direction="up">xx/xx : ANNONCE<BR>
xx/xx : ANNONCE<br>xx/xx : ANNONCE<BR>
xx/xx : ANNONCE<br>xx/xx : ANNONCE<BR>
xx/xx : ANNONCE<br>xx/xx : ANNONCE<BR>
xx/xx : ANNONCE<br>xx/xx : ANNONCE<BR>
xx/xx : ANNONCE<br></marquee></div></td></td></td>
  </tr>
</table>
  </div>  <div class="selected" id="tab-bloc">
 <span> Oh I Need you</span>
<table>
 <tr><td><div class="three"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Intrigue</center></div>
bla bla bla </td>
      <td><div class="four"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Scénarios</center></div><br>
<img src="http://www.gracemonroe.co.uk/ESW/Images/lips_106105256.png" width="90px"/></td>
      <td><div class="three"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Vote !</center></div></td>
  </tr>
 </table>
  </div>
  <div id="tab-staff">
    <span>Friendship</span>
<table>
  <tr>
      <td><div class="five"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Top Partenaires</center></div>
bla bla bla</td>
<td><img src="http://www.graphicsfuel.com/wp-content/uploads/2012/07/books-icon-512.png" width="90px"/></td>
      <td><div class="six"><div style="font-family:Euphoria Script;font-size:45px;padding-bottom:-12px;"><center>Nous Soutenir</center></div>
bla bla bla</td></td>
  </tr>
  <tr>
      <td><div class="four"><div style="font-family:Euphoria Script;font-size:30px;padding-bottom:-12px;"><center>Ils cherchent des liens...</center></div></td>
      <td><div class="four"><div style="font-family:Euphoria Script;font-size:30px;padding-bottom:-12px;"><center>Ils ont des idées de Rps...</center></div></td>
  </tr>
</table>
  </div>
</div>
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage PA en onglet

Message par Arlem Sam 15 Déc 2012 - 21:33

Essayez en supprimant le class="selected" d'ici :
Code:
<div class="selected" id="tab-bloc">
et en le mettant ici :
Code:
<div id="tab-regles">
de sorte à avoir ceci :
Code:
<div class="selected" id="tab-regles">
avatar

Arlem
Membre actif

Messages : 2550
Inscrit(e) le : 30/06/2009

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

Résolu Re: Problème d'affichage PA en onglet

Message par Eden. Sam 15 Déc 2012 - 23:31

Merci ça fonctionne c'est parfait ^^
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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