<script type="text/javascript">
<!--$(function() {
// clic sur un onglet
var d = function() {
// si l'onglet est déjà actif, ne rien faire
if ($(this).is(".selected")) return;
// affiche le contenu correspondant et on met l'onglet en sélectionné
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])
};
// pour chacun des systèmes d'onglets
$("div.systab").each(function() {
var a = $("> div", this).detach(),
c = this,
b;
// on ajoute le conteneur d'onglet avant ou après ( si s_bottom )
$(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("div") ? (
$("> div.tabs", c).append($(b).addClass("tab").data("content", $(this))), $(this).addClass("content").data("tab", b)) : $(this).remove()
});
$("> 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)
});-->
</script>
<div class="tableonglets">
<div class="PosOnglTitre"><div class="OngletTPosition" style="text-align:left;"><label for="o1" class="onglet1"><br />Présentation</label><br /><label for="o2" class="onglet1"><br />Contexte</label><br /><label for="o3" class="onglet1"><br />Participants</label><br /><label for="o4" class="onglet1"><br />Chapitres</label><br /><label for="o5" class="onglet1"><br />Sujets prévus</label> </div></div><div class="PosOnglCon">
<input id="o1" type="radio" name="onglets" checked><div class="ongletcont"><center><div class="Sujet_A_T">NOM DE LA TRAME A METTRE ICI UNE PREMIERE FOIS</div></center><center>
<br /><img src="https://i.servimg.com/u/f64/19/42/82/20/2024_l11.jpg" /><br /><br /></center></div> <input id="o2" type="radio" name="onglets"><div class="ongletcont"><div class="onglMEPcontTrame"><center><div class="Sujet_A_T">NOM DE LA TRAME A METTRE ICI UNE SECONDE FOIS</div></center>
écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame. écrire ici le contexte de votre trame.
</div></div><input id="o3" type="radio" name="onglets"><div class="ongletcont"><div class="onglMEPcontTrame"><center><div class="Sujet_A_T">NOM DE LA TRAME A METTRE ICI UNE TROISIEME FOIS</div></center>
écrire ici Lister ici les personnages attendus, dont vous proposez la participation. A éditer au fur et à mesure. N'hésitez pas à les taguer à l'aide du "@"
Astuce : vous voulez rendre cette partie plus jolie et élaborée? Pour cela vous pouvez faire un affichage d'icones carrées (longueur et hauteur égale, peu importe la taille, elle sera recadrée) via les codes ci-dessous
Mise en page
[code]<div class="container flex">Mettre ici le code des icones - voir ci-dessous</div>[/code]
Code pour une icone - à répéter si plusieurs personnages
[code]<div class="TrameIcone"><img src="Lien vers icone ici sans espace entre URL et les guillemets" class="TrameImg" /><div class="Tramebox"><div class="TrameTxt">@"pseudo ici"</div></div></div>[/code]
Exemple :
<div class="container flex"><div class="TrameIcone"><img src="https://cdn.iconscout.com/icon/free/png-256/wonder-woman-dc-superhero-hero-justice-league-earth-saver-28704.png" class="TrameImg" /><div class="Tramebox"><div class="TrameTxt">@"Pseudo ici"</div></div></div><div class="TrameIcone"><img src="https://is2-ssl.mzstatic.com/image/thumb/Purple30/v4/bd/aa/d4/bdaad4c2-3816-03ea-6565-519484c40243/mzl.wnpxudce.png/256x256bb.jpg" class="TrameImg" /><div class="Tramebox"><div class="TrameTxt">@"Pseudo ici"</div></div></div></div>
</div></div><input id="o4" type="radio" name="onglets"><div class="ongletcont"><div class="onglMEPcontTrame"><center><div class="Sujet_A_T">NOM DE LA TRAME A METTRE ICI UNE QUATRIEME FOIS</div></center>
<div class="Timeline"><ul><li><div>Chapitre un - Date à indiquer ici</div><div><Stitre><a href="LIEN VERS LE RP A METTRE ICI">Nom du rp à écrire ici</a></Stitre> ici, vous devez faire un résumé du premier rp concernant votre trame. Nous demandons un résumé court mais comportant les éléments importants, afin que le staff puisse savoir ce qui s'y est passé. </div></li></ul>
<ul><li><div>Chapitre deux - Date à indiquer ici</div><div><Stitre><a href="LIEN VERS LE RP A METTRE ICI" target="_blank" >Nom du rp à écrire ici</a></Stitre> ici, vous devez faire un résumé du deuxième rp concernant votre trame. Nous demandons un résumé court mais comportant les éléments importants, afin que le staff puisse savoir ce qui s'y est passé. </div></li></ul>
<ul><li><div>Chapitre trois - Date à indiquer ici</div><div><Stitre><a href="LIEN VERS LE RP A METTRE ICI" target="_blank" >Nom du rp à écrire ici</a></Stitre> ici, vous devez faire un résumé du troisième rp concernant votre trame, s'il y en a eu un. Sinon, vous pouvez supprimer le code du ul se trouvant juste avant "chapitre trois" jusqu'au /ul se trouvant juste après ce texte</div></li></ul>
<ul><li><div>Chapitre quatre - Date à indiquer ici</div><div><Stitre><a href="LIEN VERS LE RP A METTRE ICI" target="_blank" >Nom du rp à écrire ici</a></Stitre> ici, vous devez faire un résumé du quatrième rp concernant votre trame, s'il y en a eu un. Sinon, vous pouvez supprimer le code du ul se trouvant juste avant "chapitre quatre" jusqu'au /ul se trouvant juste après ce texte</div></li></ul>
<ul><li><div>Chapitre cinq - Date à indiquer ici</div><div><Stitre><a href="LIEN VERS LE RP A METTRE ICI" target="_blank" >Nom du rp à écrire ici</a></Stitre> ici, vous devez faire un résumé du cinquième rp concernant votre trame, s'il y en a eu un. Sinon, vous pouvez supprimer le code du ul se trouvant juste avant "chapitre cinq" jusqu'au /ul se trouvant juste après ce texte</div></li></ul>
</div>
</div></div><input id="o5" type="radio" name="onglets"><div class="ongletcont"><div class="onglMEPcontTrame"><center><div class="Sujet_A_T">NOM DE LA TRAME A METTRE ICI UNE CINQUIEME FOIS</div></center>
A remplir
</div></div>
