AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

 

 VERSION 1 ☀ archive.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: VERSION 1 ☀ archive.   Mar 31 Juil - 16:27

Générateurs de fiches :

Présentations :

Code:
<!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">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WE EAT MOOSE ☀ Générer Sa Présentation</title>

<style type="text/css">
<!--
body{
background-image:url(http://data.nimages.fr/bckgduwl.png);
color: #92ae66;
font-size: 12px;
font-family: Trebuchet MS;}

body a {
color: #467993;
}

body a:hover {
color: #CF9521;
}

.fond2 {
margin:0;
padding:0;
background-image: url('http://data.nimages.fr/generatelgw.png');
height: 510px;
background-position: center top;
background-repeat: no-repeat;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
}

.cadreinterne {
background: white;
margin: auto;
border-radius: 50px;
  border: 5px solid #7eaa52;
  border-bottom: none;
  box-shadow: 1px 1px 5px #627550;
  top: -15px;
position: relative;
width: 850px;
}

#apercu{font-size: 10px;}

#champs{
line-height: 10px;}

a:link,a:active,a:visited {
text-decoration: none !important;
color: #467993;}

a:hover{
text-decoration: none !important;
color: #CF9521;}

.sections {
color: #5DB1DD;
font-family: Century Gothic;
font-size: 23px;
letter-spacing: 2px;
text-shadow: 0px 0px 1px #007CBF;
padding-bottom: 3px;
border-bottom: 5px dotted #FFAA54;
}

i {
color: #A41D3D;
font-style: italic;
font-family: Georgia;}

u { text-decoration: none !important;
border-bottom: 1px dotted #A41D3D;
color: #918a7c; }

.b { text-decoration: none !important;
 }

input{
background:
white;
color:
#829FA2;
font-family: Calibri;
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
border: 1px solid
#a5bd9b;
overflow-y: auto;
box-shadow: 0px 0px 1px #b7c7ac, inset 0px 0px 5px 2px #d2e1c7;}

textarea{
background:
white;
color:
#829FA2;
font-family: Calibri;
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
border: 1px solid
#a5bd9b;
box-shadow: 0px 0px 1px #b7c7ac, inset 0px 0px 5px 2px #d2e1c7;
overflow-y: auto;}

label{
font-weight: bold;
color: #7D7A6C;
}
-->
</style>

<script type="text/javascript">

function verif(form){

var banniere = form.banniere.value;
var icone = form.icone.value;
var prenom = form.prenom.value;
var nom1 = form.nom1.value;
var prenom1 = form.prenom1.value;
var pseudo = form.pseudo.value;
var surnom = form.surnom.value;
var age = form.age.value;
var age1 = form.age1.value;
var taille = form.taille.value;
var poids = form.poids.value;
var passion = form.passion.value;
var phobie = form.phobie.value;
var situationcivile = form.situationcivile.value;
var nombre = form.nombre.value;
var parents = form.parents.value;
var discipline = form.discipline.value;
var explications2 = form.explications2.value;
var explications1 = form.explications1.value;
var groupe = form.groupe.value;
var explications3 = form.explications3.value;
var caractere = form.caractere.value;
var sante = form.sante.value;
var presence = form.presence.value;
var reponse= form.reponse.value;
var reponse1 = form.reponse1.value;
var suggestion = form.suggestion.value;
var code = form.code.value;
var avatar = form.avatar.value;
var choix = "";
if(form.choix[0].checked === true)
choix = "que j'ai choisie, cela me plait.";
else if(form.choix[1].checked === true)
choix = "qu'on m'a forcé(e) à faire pour certaines raisons.";
else if(form.choix[2].checked === true)
choix = "que j'ai décidé de faire parce que je n'avais d'autres choix.";
var sexe = "";
if(form.sexe[0].checked === true)
sexe = "Féminin";
else if(form.sexe[1].checked === true)
sexe = "Masculin";
var societe = "";
if(form.societe[0].checked === true)
societe = "Oui";
else if(form.societe[1].checked === true)
societe = "Non";
var groupechoix = "";
if(form.groupechoix[0].checked === true)
groupechoix = "je veux faire partie";
else if(form.groupechoix[1].checked === true)
groupechoix = "je fais déjà partie";
var contenu = "<div class=\"fond1\"><br><center><span class=\"titre1\">☀ "+ prenom +" "+ nom1 +" ☀</span></center><br><span class=\"soustitre1\">feat. "+ avatar +"</span><br><br><center><img src=\""+ banniere +"\" class=\"gif1\"></center><br><div class=\"cadretexte1\"><div class=\"cadreinternetexte\"><center><span class=\"sections\">☀ carte d'identité ☀</span></center><br><br><div class=\"cadrecarteid\"><t1>Mon nom de famille, c'est</t1> "+ nom1 +"<br><t1>Et je me nomme</t1> "+ prenom +"<br><t1>Même si parfois, vous entendrez un ou deux malins s'amuser à m’appeler</t1> "+ surnom +" <br><br><t1>Si vous voulez tout savoir, j'ai</t1> "+ age +" <br><t1>D'un point de vue physique, je fais</t1> "+ taille +" <t1>et</t1> "+ poids +".<br><t1>Je suis passionné(e) par</t1> "+ passion +". <t1> Mais d'un autre côté, je dois avouer que j'ai une peur bleue</t1>  "+ phobie +".<br><t1>Je suis</t1> "+ situationcivile +"<br><t1>J'ai également</t1> "+ nombre +" <t1>frères</t1> et <t1>soeurs. Quant à mes parents,</t1> "+ parents +".<br><t1>Pour finir, je peux vous dire que j'étudie dans le domaine de</t1> "+ discipline +", <t1>option</t1> "+ choix +"<br><br><t1>J'ai connu McGill ...</t1> "+ explications1 +". <t1>Et j'ai décidé de m'y inscrire parce que ...</t1> "+ explications2 +"<br><br><t1>Et finalement,</t1> "+ groupechoix +" des <t1> "+ groupe +"</t1>. "+ explications3 +".</div><br><br><center><span class=\"sections\">☀ livret de santé & caractère ☀</span></center><br><br><div class=\"cadrecarteid\"><table width=100% align=center><tr><td><center><t2>Mon caractère</t2></center><div class=\"ldsc1\"> "+ caractere +"</div></td><td><center><t2>Ma Santé</t2></center><div class=\"ldsc2\"> "+ sante +"</div></td></tr></table></div><center><br><br><span class=\"sections\">☀ le cerveau derrière le visage ☀</span></center><div class=\"cadrecarteid\"><table width=100% align=center><tr><td><br><img src=\""+ icone +"\" class=\"image1\"></td><td><br><center><t2>☀ "+ pseudo +" ☀</t2></center><div class=\"irl\"><br><t1>Prénom :</t1> "+ prenom1 +"<br><t1>Âge :</t1> "+ age1 +"<br><t1>Sexe :</t1> "+ sexe +"<br><t1>Présence :</t1> "+ presence +"<br><t1>Comment Avez-Vous Connu le Forum ?</t1> "+ reponse +"<br><t1>Comment le Trouvez Vous ?</t1> "+ reponse1 +"<br><t1>Une Suggestion ?</t1> "+ suggestion +"<br><t1>Le Code du Règlement est :</t1> "+ code +"<br><t1>Si vous en aviez la possibilité, souhaiteriez-vous intégrer la Société Secrète ?</t1> "+ societe +"</div></td></tr></table></div><br></div></div><br></div>";
document.getElementById("code_genere").value = ""+contenu+"";
}
</script>
</head>
<body>
<center>


<div class="fond2"></div><div class="cadreinterne">
<form action="#" method="post" id="champs">
<br><br>
<span class="sections"><b>☀ carte d’identité ☀</b></span>
<br><br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr>
<td align="center" width="33%"><label for="nom1"> Nom</label> :<br><input type="text" name="nom1" id="nom1" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="prenom">Prénom(s)</label> :<br><input type="text" name="prenom" id="prenom" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="surnom">Surnom(s)</label> :<br><input type="text" name="surnom" id="surnom" size="30" maxlength="200"/></td></tr><tr><td align="center" width="33%"><label for="age">Age</label> <br><input type="text" placeholder="Age et Date de Naissance" name="age" id="age" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="taille">Taille (précisez les unités)</label> :<br><input type="text" name="taille" id="taille" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="poids">Poids (précisez les unités)</label> :<br><input type="text" name="poids" id="poids" size="30" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center" width="50%"><label for="passion">J'aime...</label> :<br><input type="text" name="passion" id="passion" size="50" maxlength="200"/></td><td align="center" width="50%"><label for="phobie">J'ai peur...</label> :<br><input type="text" placeholder="de/des/du ..." name="phobie" id="phobie" size="50" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center" width="33%"><label for="situationcivile">Situation civile</label> :<br><input type="text" placeholder="Statut + Nom de la Personne" name="situationcivile" id="situationcivile" size="25" maxlength="200"/></td><td align="center" width="33%"><label for="nombre">Nombre de frères et soeurs</label> :<br><input type="text" name="nombre" id="nombre" size="25" maxlength="200"/></td><td align="center" width="66%"><label for="parents">Relation avec les parents</label> :<br><input type="text" placeholder="Décrivez relations + détails importants (maladies? décès? adoption?)" name="parents" id="parents" size="55" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr align="center"><td align="center" width="33%"><label for="discipline">Choix d’étude </label> :<br><input type="text" name="discipline" id="discipline" size="30" maxlength="200"/></td><td align="center" width="96%"><label for="choix">Option que...</label> :
<input type="radio" name="choix" value="que j'ai choisie, cela me plait.">que j'ai choisi, cela me plait.
<input type="radio" name="choix" value="qu'on m'a forcé(e) à faire pour certaines raisons.">qu'on m'a forcé(e) à faire pour certaines raisons.
<input type="radio" name="choix" value="que j'ai décidé de faire parce que je n'avais d'autres choix.">que j'ai décidé de faire parce que je n'avais d'autres choix.</td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="50%"><label for="explications1">J'ai connu McGill ...  </label>:<br>
<textarea name="explications1" id="explications1" rows="5" cols="40">Racontez-nous votre histoire ! (: Par le biais d'amis ? Par vos parents ? Par des heures de recherche ? Tout nous intéresse ! </textarea></td>
<td align="center" width="50%"><label for="explications2">Et j'ai décidé de m'y inscrire parce que ... </label>:<br>
<textarea name="explications2" id="explications2" rows="5" cols="40">Vous n'aviez pas d'autre choix ? L'université vous plaisait ? On veut tout savoir. (:</textarea></td></tr> </table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="33%"><label for="groupe">Mon groupe</label> :<br><input type="text" name="groupe" id="groupe" size="30" maxlength="200"/></td><td align="center" width="96%"><label for="groupechoix">Groupe dont...</label> :
<input type="radio" name="groupechoix" value="je veux faire partie">Je veux faire partie.
<input type="radio" name="groupechoix" value="je fais déjà partie">Je fais déjà partie.</td>
<td align="center" width="50%"><label for="explications3">Et je l'ai choisi parce que...</label>:<br>
<textarea name="explications3" id="explications3" rows="5" cols="40">Vous pouvez développer comme bon vous semble sur votre décision ou sur les groupes auxquels vous apparteniez avant, si jamais changement il y a eu dans la vie de votre personnage. ^^</textarea></td></tr> </table>


<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="66%"><label for="banniere">Bannière</label> :<br><input type="url" placeholder="Lien d'une image de largeur 500px." name="banniere" id="banniere" size="70" maxlength="200"/></td></tr></table>
<br><br>
<span class="sections"><b>☀ livret de santé & caractère ☀</b></span>
<br><br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="50%"><label for="caractere">Mon caractère  </label>:<br>
<textarea name="caractere" id="caractere" rows="5" cols="40">Décrivez rapidement votre caractère ici ! (: On veut tout savoir ! Êtes-vous têtu ? Rancunier ? Altruiste ? etc. N'oubliez pas, chacun à ses propres défauts, alors essayez de varier les qualificatifs. Mais ne faites pas qu'une simple liste, écrivez ceci sous forme d'un petit texte.</textarea></td>
<td align="center" width="50%"><label for="sante">Ma santé </label>:<br>
<textarea name="sante" id="sante" rows="5" cols="40">Décrivez rapidement votre santé ici ! (: Maladies génétiques, héréditaires et/ou à vie ? Allergies ? Avez-vous déjà donné / reçu un organe ? Donnez-vous régulièrement votre sang ? Avez-vous déjà été opéré(e), et, si oui, de quoi ? Nous voulons touuuut savoir.</textarea></td></tr> </table>
<br><br><br>
<span class="sections"><b>☀ le cerveau derrière le visage ☀</b></span><br><br>
<br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr>
<td align="center" width="33%"><label for="pseudo">Pseudonyme</label> :<br><input type="text" name="pseudo" id="pseudo" size="30" maxlength="200"/></td>
<td align="center" width="33%"><label for="prenom1"> Prénom </label> :<br><input type="text" name="prenom1" id="prenom1" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="age1">Age</label> :<br><input type="text" name="age1" id="age1" size="30" maxlength="200"/></td></tr>
<tr><td align="center"><label for="sexe">Sexe</label> :
<input type="radio" name="sexe" value="Féminin">Féminin
<input type="radio" name="sexe" value="Masculin">Masculin</td><td align="center" width="33%"><label for="presence"> Présence sur 7</label> :<br><input type="text" name="presence" id="presence" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="code"> Code du règlement </label> :<br><input type="text" name="code" id="code" size="30" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="33%"><label for="reponse">Comment avez-vous connu le forum ? </label>:<br>
<textarea name="reponse" id="reponse" rows="5" cols="30"></textarea></td>
<td align="center" width="33%"><label for="reponse1">Comment le trouvez-vous ? </label>:<br>
<textarea name="reponse1" id="reponse1" rows="5" cols="30"></textarea></td>
<td align="center" width="33%"><label for="suggestion">Une suggestion ? </label>:<br>
<textarea name="suggestion" id="suggestion" rows="5" cols="30"></textarea></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center"><label for="societe">Voudriez-vous intégrer la société secrète ?</label> :
<input type="radio" name="societe" value="Oui">Oui
<input type="radio" name="societe" value="Non">Non</td><td align="center" width="33%"><label for="icone">Icone</label> :<br><input type="url" placeholder="Lien d'une icone 100px sur 100px." name="icone" id="icone" size="40" maxlength="200"/></td><td align="center" width="33%"><label for="avatar"> Votre célébrité </label> :<br><input type="text" name="avatar" id="avatar" size="30" maxlength="200"/></td></tr></table>

<br><br><input type="button" onClick="verif(this.form)" value="Génères ton code !" />
</form>

<form id="copie">
<p style="text-align: justify; width: 80%;">Voilà, il ne vous reste plus qu'à sélectionner le code ci-dessous et à poster votre fiche en ouvrant un nouveau sujet, <a href="http://we-eat-moose.forumcanada.net/f5-dossiers-d-inscription" target="blank">ici</a>. N'oubliez pas de poster ensuite dans un second sujet, la partie qui concerne l'histoire. Bon courage.<br><br></p>
<p><input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>
<br>
Générateur de fiche pour le forum We Eat Moose ©AERROW
<br><br></form></div>
</center>
</body>
</html>

Scénarios

Code:
<!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">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WE EAT MOOSE ☀ Générer Sa Fiche</title>

<style type="text/css">
<!--
body{
background-image:url(http://data.nimages.fr/bckgduwl.png);
color: #92ae66;
font-size: 12px;
font-family: Trebuchet MS;}

body a {
color: #467993;
}

body a:hover {
color: #CF9521;
}

.fond2 {
margin:0;
padding:0;
background-image: url('http://data.nimages.fr/generatelgw.png');
height: 510px;
background-position: center top;
background-repeat: no-repeat;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
}

.cadreinterne {
background: white;
margin: auto;
border-radius: 50px;
  border: 5px solid #7eaa52;
  border-bottom: none;
  box-shadow: 1px 1px 5px #627550;
  top: -15px;
position: relative;
width: 850px;
}

#apercu{font-size: 10px;}

#champs{
line-height: 10px;}

a:link,a:active,a:visited {
text-decoration: none !important;
color: #467993;}

a:hover{
text-decoration: none !important;
color: #CF9521;}

.sections {
color: #5DB1DD;
font-family: Century Gothic;
font-size: 23px;
letter-spacing: 2px;
text-shadow: 0px 0px 1px #007CBF;
padding-bottom: 3px;
border-bottom: 5px dotted #FFAA54;
}

i {
color: #A41D3D;
font-style: italic;
font-family: Georgia;}

u { text-decoration: none !important;
border-bottom: 1px dotted #A41D3D;
color: #918a7c; }

.b { text-decoration: none !important;
 }

input{
background:
white;
color:
#829FA2;
font-family: Calibri;
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
border: 1px solid
#a5bd9b;
overflow-y: auto;
box-shadow: 0px 0px 1px #b7c7ac, inset 0px 0px 5px 2px #d2e1c7;}

textarea{
background:
white;
color:
#829FA2;
font-family: Calibri;
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
border: 1px solid
#a5bd9b;
box-shadow: 0px 0px 1px #b7c7ac, inset 0px 0px 5px 2px #d2e1c7;
overflow-y: auto;}

label{
font-weight: bold;
color: #7D7A6C;
}
-->
</style>

<script type="text/javascript">

function verif(form){

var banniere = form.banniere.value;
var prenom = form.prenom.value;
var nom1 = form.nom1.value;
var age = form.age.value;
var situationcivile = form.situationcivile.value;
var discipline = form.discipline.value;
var groupe = form.groupe.value;
var caractere = form.caractere.value;
var avatar = form.avatar.value;
var histoire = form.histoire.value;
var credit = form.credit.value;
var contenu = "<table align=\"center\" cellspacing=\"10\"><tbody><tr><td><img src=\""+ banniere +"\" class=\"scénava\"></td><td><div class=\"scénatxt\"><br><center><span class=\"scénatit\">"+ prenom +" "+ nom1 +"</span><br><div class=\"scénatxt2\"><center><span class=\"scénastit\">"+ age +", "+ discipline +", "+ groupe +" & "+ situationcivile +"</span></center><br><div class=\"scénasoverflow\"><b>HISTOIRE</b><br> "+ histoire +"<br><br><b>CARACTÈRE</b><br> "+ caractere +"</div><br><div class=\"scénacrédits\"><center>"+ avatar +" © "+ credit +"</center></div></div></center></div></td></tr></tbody></table>";
document.getElementById("code_genere").value = ""+contenu+"";
}
</script>
</head>
<body>
<center>

<div class="fond2"></div><div class="cadreinterne">
<form action="#" method="post" id="champs">
<br><br>
<span class="sections"><b>☀ Informations sur le scénario ☀</b></span>
<br><br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr>
<td align="center" width="33%"><label for="nom1"> Nom(s)</label> :<br><input type="text" name="nom1" id="nom1" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="prenom">Prénom(s)</label> :<br><input type="text" name="prenom" id="prenom" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="groupe">Groupe</label> :<br><input type="text" name="groupe" id="groupe" size="30" maxlength="200"/></td></tr><tr><td align="center" width="33%"><label for="age">Age</label> :<br><input type="text" name="age" id="age" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="discipline">Cursus universitaire</label> :<br><input type="text" name="discipline" id="discipline" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="situationcivile">Situation civile</label> :<br><input type="text" name="situationcivile" id="situationcivile" size="30" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="50%"><label for="histoire">Histoire </label>:<br>
<textarea name="histoire" id="histoire" rows="5" cols="40">Vous pouvez présenter ceci de la manière que vous le voulez. =D </textarea></td>
<td align="center" width="50%"><label for="caractere">Caractère </label>:<br>
<textarea name="caractere" id="caractere" rows="5" cols="40">Idem. ^^ Mais ne faites pas trop long non plus. =D</textarea></td></tr> </table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center" width="33%"><label for="banniere">Avatar</label> :<br><input type="text" name="banniere" id="banniere" placeholder="Lien d'un avatar 200*320px." size="30" maxlength="200"/></td><td align="center" width="33%"><label for="avatar">Célébrité sur l'avatar</label> :<br><input type="text" name="avatar" id="avatar" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="credit">Crédit de l'avatar</label> :<br><input type="text" name="credit" id="credit" size="30" maxlength="200"/></td></tr></table>


<br><br><input type="button" onClick="verif(this.form)" value="Génères ton code !" />
</form>

<form id="copie">
<p style="text-align: justify; width: 80%;">Voilà, il ne vous reste plus qu'à sélectionner le code ci-dessous et à poster votre fiche en ouvrant un nouveau sujet, <a href="http://we-eat-moose.forumcanada.net/f7-correspondants">ici</a>. N'oubliez pas de poster ensuite dans <u>le même message</u>, la partie qui concerne le lien.<br><br></p>
<p><input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>
<br>

<iframe src="http://the-west.forumactif.com/h15-lien-gene" width="100%" height="780px" frameborder="0" scrolling="no"></iframe>
<iframe src="http://the-west.forumactif.com/h16-lien-gene-2" width="100%" height="700px" frameborder="0" scrolling="no"></iframe>

Générateur de fiche pour le forum We Eat Moose ©AERROW
<br><br></form></div>
</center>
</body>
</html>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: Re: VERSION 1 ☀ archive.   Mar 31 Juil - 20:24

index body

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div style="margin-top: -15px;"></div><center><table>   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
  </table></center>
<!-- END message_admin_index -->
<br>
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
 <br>
<div style="width: 800px; height: 463px; background: url('http://data.nimages.fr/wem4yg.png'); margin: auto;"/>
  <br /><br /><br /><br /><table><tr><td><img src="http://img11.hostingpics.net/pics/445321appo.png" style="margin-left: 115px;" id="onglet_appollos" onMouseOver="javascript:change_onglet('appollos');"/></td>
              <td><img src="http://img11.hostingpics.net/pics/281857siren.png" style="margin-left: 15px;" id="onglet_sirens" onMouseOver="javascript:change_onglet('sirens');"/></td>
              <td><img src="http://img11.hostingpics.net/pics/304126doves.png" style="margin-left: 15px;" id="onglet_doves" onMouseOver="javascript:change_onglet('doves');"/></td></tr></table>
  <table><tr><td><div class="case1"><table>{LOGGED_IN_USER_LIST}<br />
{TOTAL_POSTS}<br />
                {TOTAL_USERS}<br />
    {NEWEST_USER}<br /><br />
                    {TOTAL_USERS_ONLINE}<br />
    {RECORD_USERS}<br /><br />
    {L_CONNECTED_MEMBERS}</table></div></td>
                <td><div class="case2"><div class="contenu_onglet" id="contenu_onglet_appollos"><a href="http://we-eat-moose.forumcanada.net/g3-mighty-appollos"><b>COMPÉTITIFS, INTOLÉRANTS & ATHLÉTIQUES</b></a> ☀ Les Mighty Appollos sont une confrérie composée uniquement d'hommes. Leurs valeurs reposent sur les principes de la virilité, du stéréotype de l'homme fort et parfait ainsi que sur celui du Dom Juan. Solidaires, ils sont néanmoins assez paradoxals puisque chacun d'eux essaye toujours d'être le meilleur. En perpétuelle concurrence, entre eux mais surtout face aux autres confréries, ils méritent bien leur titre de compétiteurs !</div>
                  <div class="contenu_onglet" id="contenu_onglet_sirens"><a href="http://we-eat-moose.forumcanada.net/g4-pretty-sirens"><b>SÉDUISANTES, HAUTAINES & PRÉVOYANTES</b></a> ☀ Les Pretty Sirens forment une sororité dont les rangs sont remplis par les plus belles créatures de l'université. Viles manipulatrices sans foi ni loi, elles sont capables d'aller jusqu'à l'extrême afin de parvenir à leurs fins. Également réputées pour leur caractère supérieur très prononcé, les Sirens sont considérées comme étant les princesses de l'Université. Elles sont d'ailleurs souvent considérées comme des reines grâce à leurs liaisons avec les Appollos.</div>
                  <div class="contenu_onglet" id="contenu_onglet_doves"><a href="http://we-eat-moose.forumcanada.net/g5-soaring-doves"><b>PACIFISTES, ALTRUISTES & STUDIEUX</b></a> ☀ Les Soaring Doves sont des représentants exemplaires du concept du bon samaritain. Ce sont les jeunes adultes dont le seul but est celui d'aider son prochain et de vivre dans un monde meilleur où un message de paix, d'amour et de tolérance est mondialement perçu. Les Doves sont également connus pour leur sérieux, capables d'étudier sous n'importe quelles circonstances et préférant de loin les combats dans les livres que ceux sur le campus.</div>
                  <div class="contenu_onglet" id="contenu_onglet_advocates"><a href="http://we-eat-moose.forumcanada.net/g6-devil-s-advocates"><b>PROVOCATEURS, DÉPRAVÉS & MACHIAVÉLIQUES</b></a> ☀ Confrérie composée des plus dépravés des étudiants de McGill, les avocats du Diable portent bien leur nom. En effet, chacun pourra admettre qu'ils ont la réputation d'être plutôt cruels et vulgaires. Par ailleurs, ils possèdent un sens de la provocation plus que prononcé. Leur seul avantage ? Ils savent organiser des fêtes mémorables ... Mais dans quel sens ?</div>
                  <div class="contenu_onglet" id="contenu_onglet_students"><a href="http://we-eat-moose.forumcanada.net/g7-mcgill-s-students"><b>LE VISAGE DU FUTUR</b></a> ☀ Représentés par le "triumvirat", les simples étudiants de McGill mènent une vie tranquille au sein de l'université. Certes, un peu dénigrés par les membres de certaines confréries, ceci ne les gêne pas pour étudier en paix. Parmi eux, on trouve les personnes n'ayant pas le profil adéquat pour appartenir à ces autres fraternités ou encore ceux pour lesquels la vie en communauté limitée ne leur convient pas. Sans avoir à se soucier de préjugés, d'une bonne attitude à adopter ou encore d'une hiérarchie à respecter, ce sont certainement les plus chanceux du campus.</div>
                  <div class="contenu_onglet" id="contenu_onglet_citizens"><a href="http://we-eat-moose.forumcanada.net/g8-montreal-citizens"><b>CEUX QUI MANGENT LES ÉLANS</b></a> ☀ Qu'ils soient nés à Montréal ou venus d'ailleurs, ces personnes partagent tous une chose : ils vivent dans la même ville, que ce soit par amour ou par contrainte, et parlent (presque) tous la même langue, à savoir : le Québecois. Anciens élèves de McGill ou personnes n'y ayant jamais mis les pieds, vous pouvez rencontrer tout le monde et personne à la fois dans ce cocktail varié de personnalités des plus fascinantes. Gentillesse, compassion, altruisme et envie d'aider sont des principes généralement familiers avec les locaux, qui n'hésitent pas à aider leurs prochains ; ils possèdent tous, après tout, un véritable esprit de communauté.</div></div></td></tr></table>
  <br /><table><tr><td><img src="http://img11.hostingpics.net/pics/777340devilcity.png" style="margin-left: 90px; margin-top: 20px;" id="onglet_advocates" onMouseOver="javascript:change_onglet('advocates');"/></td>
                <td><img src="http://img11.hostingpics.net/pics/130778student.png" style="margin-left: 15px; margin-top: 20px;" id="onglet_students" onMouseOver="javascript:change_onglet('students');"/></td>
                <td><img src="http://img11.hostingpics.net/pics/777340devilcity.png" style="margin-left: 15px; margin-top: 20px;" id="onglet_citizens" onMouseOver="javascript:change_onglet('citizens');"/></td></tr></table></div>
 
    <div class="cadrecb"><div class="paddingcb">{CHATBOX_BOTTOM}</div></div>
<br clear="all" />

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

index box

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
                 
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<br><br><!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0" style="background: none;">
  <center><div style="width: 752px; height: 69px; background: url('http://img15.hostingpics.net/pics/771509haut2.png');"></div></center></table>
        <div class="cadreexternecat"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background: none;">
          <tr>
                  <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

                  </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <div class="cadreforums"><!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <div class="cadreinterne"><h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
                          <span class="rotationfun"><a class="forumlink1" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span><br />
                                  </span>
         </h{catrow.forumrow.LEVEL}>
                          <table><tr><td><div class="imagecat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
                            <td><div class="descriptioncat">
                              <span class="info3"><div class="descpt">{catrow.forumrow.FORUM_DESC}</div><span><div class="genmed"><div class="soufo" align="center"><div class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                              <script type="text/javascript">
                              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<a>☀</a>')).removeAttr('id');
    </script>
                                </div></div></span></span></div></td></tr></table>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                  </span></div>
      </td>
          <td class="row3 over" align="center" valign="middle"><div class="infomessages" style="width: 200px;"/>
                     <span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span>
                          <br><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                          </td>
   </tr>
            <!-- END forumrow --></div>
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
            </tr>
   <!-- END catfoot -->
           <!-- BEGIN tablefoot -->
          </table><br /></div><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <center><div style="width: 752px; height: 69px; background: url('http://img15.hostingpics.net/pics/157273bas3.png'); margin-bottom: 30px; margin-top: 5px;"></div></center></table><!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: Re: VERSION 1 ☀ archive.   Mar 31 Juil - 20:30

overall footer end

Code:
<!-- BEGIN html_validation -->
<!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">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
  </div>
</body>
</html>

overall header

Code:
<div class="part"> </div><script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-32538503-1']);
  _gaq.push(['_trackPageview']);

  (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>



<link href='http://fonts.googleapis.com/css?family=Chau+Philomene+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 
  <!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}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-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');
         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}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {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']);

    (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>
<center><body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
          <center><div id="background_2">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.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">
      <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 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 -->
                  </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>
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table><table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">



            <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 {CLASS_TABLE_TYPE} 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 {CLASS_TABLE_TYPE} 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 -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_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 -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: Re: VERSION 1 ☀ archive.   Mar 31 Juil - 20:35

view forum body

Code:
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>
            <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">//<![CDATA[
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
         <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
         <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr><td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
                  
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>

<div id="info_close" style="display:none">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>
   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
          <div style="height: 20px;"></div><table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>

         <td align="left" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
         </td>
         <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

   </tr>
   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
               <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
               </td>
               <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
               </td>
               <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_legend -->
</table>
      </form>

view topic body

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
   
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <div class="cadreprofilgrand"><center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="name2">{postrow.displayed.POSTER_NAME}</span></span><br />
            <span class="postdetails poster-profile">
                                  <div class="avatarfond"><div class="avatarcadre">{postrow.displayed.POSTER_AVATAR}</div></div>
            {postrow.displayed.RANK_IMAGE}</center>
                          <div style="height: 7px;"></div>  <div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='☀ TU VEUX TOUT SAVOIR ? ☀')?'☀ TU EN AS ASSEZ VU ? ☀':'☀ TU VEUX TOUT SAVOIR ? ☀';this.lastChild.style.display=(this.firstChild.value=='☀ TU VEUX TOUT SAVOIR ? ☀')?'none':'block';" style="text-align: center;"><input type="button" value="☀ TU VEUX TOUT SAVOIR ? ☀" class="boutonprofil"/><div style="display: none; text-align: left;"><div class="profiltextepetit"><br><!-- BEGIN profile_field -->
                                    <span class="titresprofils">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                    <!-- END profile_field --></div></div></div>
            {postrow.displayed.POSTER_RPG}
                          </span><div style="height: 10px;"></div></div><br />
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  
               <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
  <div style="height: 20px;"></div><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: Re: VERSION 1 ☀ archive.   Mar 31 Juil - 20:49

CSS

Code:
.nav img{
max-width: 200px;
}

  .profilbouton {
}

.cadrecb {
  background: white;
  width: 85%;
  margin: auto;
  border-radius: 45px;
  border: 4px solid #5db1dd;
 
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
  margin-top: 35px;
}

.paddingcb {
  padding: 15px;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "La Boîte aux Chats"; }

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}



/*QEEL*/
.case1{
  position: relative;
  left: 100px;
  top: 26px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align:top;
  width: 220px;
  height: 215px;
  text-align: justify;
  overflow: auto;
  font-family: calibri;
  font-size: 11px;
}

.case1 a {
  text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
}

.case2 {
  position: relative;
  top: 83px;
  left: 142px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align:top;
  width: 255px;
  height: 100px;
  text-align: justify;
  overflow: auto;
  font-family: calibri;
  font-size: 11px;
}

.onglet{
display: inline-block;
}

.onglet_0{
  text-decoration:none; !important;
  display: inline-block;}

.onglet_1{
  text-decoration:none; !important;
  display: inline-block;}

.contenu_onglet{
  display:none;
}

#contenu_onglet_appollos{
  overflow: auto;
  text-align: justify;
  color: #BC2F24;
}

#contenu_onglet_sirens{
  overflow: auto;
  text-align: justify;
  color: #CD6E1E;
}

#contenu_onglet_doves{
  overflow: auto;
  text-align: justify;
  color: #C49826;
}

#contenu_onglet_advocates{
  overflow: auto;
  text-align: justify;
  color: #7E2CA7;
}

#contenu_onglet_students{
  overflow: auto;
  text-align: justify;
  color: #1DA925;
}

#contenu_onglet_citizens{
  overflow: auto;
  text-align: justify;
  color: #0A457F;
}
/*FIN QEEL*/

/*PROFILS*/
.avatarcadre {
    -o-transition: all 2.0s ease;
-moz-transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
  opacity: 0.8;
}
 
  .avatarcadre:hover {
    opacity: 1.0;
  }

.avatarfond {
  margin-top: 5px;
    border-radius: 11.5px;
  border: 5px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
  background: url('http://data.nimages.fr/bckgduwl.png');
  background-size: 100px;
  width: 200px;
    -o-transition: all 2.0s ease;
-moz-transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}

.avatarfond:hover {
    border: 5px solid white;
    -moz-transform: rotate(1076deg);
      -webkit-transform: rotate(1076deg);
      -o-transform: rotate(1076deg);
    border-radius: 11.5px;
}

.name2:before {
  content: "☀ ";
}

.name2:after {
  content: " ☀";
}

.name2 { 
  color: white;
  font-family: 'Chau Philomene One', sans-serif;
  text-shadow: 1px 1px 1px black, -1px -1px 1px white;
  font-size: 23px;
  letter-spacing: -2px;
}

.cadreprofilgrand {
  background: #e1a629;
  padding: 7px;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
}

.profiltextepetit {
  margin-top: -15px;
  background: white;
  color: #829fa2;
  font-family: Calibri;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
  border: 2px solid #5db1dd;
width: 196px; 
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
  text-align: justify;
  }

.profiltextepetit img {
align-center;
  max-width: 196px;
}

.titresprofils {
  text-shadow: 0px 0px 1px rgba(0,0,0,0.4);
}

/*CATEGORIES*/
.cadreexternecat {
background: white;
  width: 88%;
  margin: auto;
  border-radius: 80px;
  border: 4px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
}

.cadreexterne22 {
background-image: linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -o-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -moz-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -webkit-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -ms-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);

background-image: -webkit-gradient(
   linear,
   left bottom,
   left top,
   color-stop(0.21, rgb(225,167,41)),
   color-stop(0.47, rgb(242,161,0)),
   color-stop(0.81, rgb(235,184,82))
);
 
  width: 85%;
  margin: auto;
  border-radius: 100px;
  border: 6px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 7px #bf8e2c;
}


.soufo a {
  color: white;
  text-shadow: 0px 0px 1px white;
  font-size: 13px;
  font-weight: bold;
  margin-right : 3px;
  font-variant : small-caps;
}

.soufo {
  overflow-y: auto;
  margin-top: -5px;
}

.soufo a:hover {
  color: #d37c00;
  text-shadow: 0px 0px 1px #d37c00;
}


  .descpt a {
  color: #d37c00;
  text-shadow: 0px 0px 1px #d37c00;
  font-size: 12px;
  font-weight: bold;
  margin-right : 3px;
  font-variant : small-caps;
}


.descpt a:hover {
  color: #85bdd7;
  text-shadow: 0px 0px 1px #85bdd7;
}


.descpt {
  background: white;
  color: #829fa2;
  font-family: Calibri;
  padding: 5px;
  margin-top: -2px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
  border: 2px solid #5db1dd;
  overflow-y: auto;
  height: 85px;
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
}


a.forumlink1:before {
  content: "☀ ";
}

a.forumlink1:hover {
  color: #688700;
}


a.forumlink1 { 
  font-family: 'Pacifico', cursive;
  font-size: 20pt;
  margin-left: 150px;
  text-shadow: 1px 1px 1px #7c5800, -1px -1px 1px #a9dcd3;
  color: #7eaa52;
 
    -o-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-webkit-transition: all 1.0s ease;
}


/* SAFARI ET CHROME */
@-webkit-keyframes rotationfun {
    0% {
        -webkit-transform: rotate(0deg); /* position au debut */
    }
    50% {
        -webkit-transform: rotate(-3deg); /* position au milieu de la transition */
    }
    100% {
        -webkit-transform: rotate(2deg); /* position à la fin de la transition */
    }
}

/* FIREFOX*/
@-moz-keyframes rotationfun {
    0% {
        -moz-transform: rotate(0deg); /* position au debut */
    }
    50% {
        -moz-transform: rotate(-3deg); /* position au milieu de la transition */
    }
    100% {
        -moz-transform: rotate(2deg); /* position à la fin de la transition */
    }
}
.rotationfun:hover {
  /* SAFARI ET CHROME */
    -webkit-animation-name: rotationfun;
    -webkit-animation-duration: 0.5s; /* duree de l animation */
    -webkit-animation-iteration-count: 2; /* nb de repetition de l animation */
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
 
    /* FIREFOX*/
    -moz-animation-name: rotationfun;
    -moz-animation-duration: 0.5s; /* duree de l animation */
    -moz-animation-iteration-count: 2; /* nb de repetition de l animation */
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}

.rotationfun { display: inline-block; }


.infomessages {
  -moz-transform:rotate(8deg);
  background-image: url('http://data.nimages.fr/biulleoyr.png');
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  position: relative;
  top: 20px;
  left: -15px;
}

.imagecat {
  margin-top: -15px;
  margin-right: 5px;
  margin-left: 15px;
  border-radius: 10px;
  border: 2px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
      -o-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-webkit-transition: all 1.0s ease;
}

.imagecat:hover {
  -moz-transform:rotate(7deg);
  -webkit-transform: rotate(7deg) ;
  -o-transform: rotate(7deg);
}

.descriptioncat {
  margin-top: -15px;
  text-align: justify;
  padding: 10px;
  overflow: hidden;
  width: 400px;
  height: 95px;
  background: #e1a629;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
}

/*FIN*/

tr.post span.gensmall { display: none; }

a{text-decoration:none!important;}
a:hover {text-decoration: none !important;}

.postbody {
  text-align: justify;
  padding-left: 15px;
  padding-right: 15px;
        }

body {background-repeat: repeat; background-position: top left; }

.bodyline{ margin: auto;
border-radius: 50px;
  border: 5px solid #7eaa52;
  border-bottom: none;
  box-shadow: 1px 1px 5px #627550;
  top: -15px;
position: relative;
}


div#background_2{
margin:0;
padding:0;
 background: url('http://data.nimages.fr/wemv11nxa.png') top center no-repeat; height: 667px;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
}


input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}




/* Menu */
#menuNav {
}

/* Le style des liens */
a.mainmenu{
color:#e6c484;
font-size: 14px;
text-transform: none;
  background: #e1a629;
  padding: 7px;
  padding-bottom: 3px;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
  color: white;
  font-family: 'Chau Philomene One', sans-serif;
  text-shadow: 1px 1px 1px #9b7c39;
}

/* Style des liens au survol */
a.mainmenu:hover{
color: #ffffff;
text-transform: none;
  text-decoration: none !important;
  box-shadow: 1px 1px 4px #2e485a;
  background: #5db1dd;
  top: -10px;
  position: relative;
  padding-bottom: 20px;
 
  text-shadow: 1px 1px 1px #4f7487;
 
background: #5db1dd; /* Old browsers */
background: -moz-linear-gradient(top, #5db1dd 0%, #a3d7f3 50%, #89c8e9 51%, #367190 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5db1dd), color-stop(50%,#a3d7f3), color-stop(51%,#89c8e9), color-stop(100%,#367190)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* IE10+ */
background: linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db1dd', endColorstr='#367190',GradientType=0 ); /* IE6-9 */}


#pun-navlinks li a {
padding: 0px;
position: relative;
left: -20px;
text-decoration: none;
}

a {
text-decoration: none !important;
}

a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:4px;
padding-right:4px;
}

.pacadrestaff {
  position: relative;
  top: 53px;
  left: -165px;
}

.paiconstaff {
  opacity: 0.5;
}

.paiconstaff:hover {
  opacity: 1.0;
}

.panaviguation {
  font-family: 'Chau Philomene One', sans-serif;
  color: white;
  position: relative;
  top: 82px;
  left: 280px;
  font-size: 18px;
  text-shadow: 1px 1px 1px #ca890b, -1px -1px 1px black;
}


/*CATEGORIES*/
.cadrecat{
  -moz-border-radius:300px 300px 0 0;
  -webkit-border-radius:300px 300px 0 0;
  width: 400px;
  height: 90px;
  border: 3px solid #4C98CD;
  border-bottom: 1px solid #4C98CD;
  box-shadow: 1px 1px 5px #195FAA;
  margin-left: auto;
  margin-right: auto;
}

.textcat{
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  text-align: justify;
  width: 300px;
  height: 70px;
  overflow:auto;
}


/*INFOBULLES*/

span.info {
  position: relative;
  text-decoration: none;
font-style: none;
  font-family: calibri;
  font-size: 14px;

}

span.info span {
  display: none; /* on masque l'infobulle */
font-style: none;
}
span.info:hover {
font-style: none;
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
span.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 10px; /* on positionne notre infobulle */
  left: 15px;
width: 160px;
 color:#e6c484;
text-transform: none;
  background: #e1a629;
  padding: 7px;
  padding-bottom: 3px;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
  padding: 3px;
font-style: none;
}

/*INFOBULLES2*/


 span.info2 {
  position: relative;
  text-decoration: none;
font-style: none;
  font-family: calibri;
  font-size: 14px;
  color: #CF9521;
}

 
 span.info2 span {
  display: none; /* on masque l'infobulle */
font-style: none;
}
span.info2:hover {
  color: #89c947;
font-style: none;
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
span.info2:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: pre-warp;
  top: 15px; /* on positionne notre infobulle */
  left: 0px;
width: 400px;
    font-family: Calibri;
  color: white;
    text-shadow: 0px 0px 1px white;
  font-size: 14px;
text-transform: none;
  background: #6abfde;
  padding: 7px;
  padding-bottom: 3px;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
  padding: 3px;
font-style: none;
}


/*INFOBULLES3*/


 span.info3 {
  position: relative;
  text-decoration: none;
  font-style: none;
}

 
 span.info3 span {
  display: none; /* on masque l'infobulle */
font-style: none;
}
span.info3:hover {
font-style: none;
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
span.info3:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: pre-warp;
  top: 7px; /* on positionne notre infobulle */
  left: 10px;
  width: 350px;
  max-height: 85px;
  font-family: Calibri;
  color: white;
  text-shadow: 0px 0px 1px white;
  font-size: 14px;
text-transform: none;background: #5db1dd; /* Old browsers */
background: -moz-linear-gradient(top, #5db1dd 0%, #a3d7f3 50%, #89c8e9 51%, #367190 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5db1dd), color-stop(50%,#a3d7f3), color-stop(51%,#89c8e9), color-stop(100%,#367190)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* IE10+ */
background: linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db1dd', endColorstr='#367190',GradientType=0 ); /* IE6-9 */
  padding: 7px;
  padding-bottom: 3px;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
  padding: 3px;
  font-style: none;
}





.titrepa {
    color: white;
  font-family: 'Chau Philomene One', sans-serif;
  text-shadow: 1px 1px 1px #9b7c39;
  font-size: 14px;
}


.soustitrepa {
  color: #ff6c00;
font-family: calibri;
font-weight: bold;
  font-size: 11px;
  text-shadow: 1px 1px 0px #774825;
  padding-bottom: 5px;
}

.gifpa {
    border: 3px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a;
border-radius: 15px;
}

.lienspa {
  padding-top: 3px;
  color: white;
  text-shadow: 1px 1px 1px #9b7c39;
  font-family: 'Chau Philomene One', sans-serif;
  font-size: 12px;
}

.lienspa a {
  color: white;
}

.lienspa a:hover {
  color: #5db1dd;
  text-shadow: 1px 1px 1px #2e485a;
}


.tableaupartenariatpa {
  position: relative;
  top: 175px;
  left: -75px;
}

.panuages1 {
  position: relative;
  top: 6px;
  left: -4px;
}

.panuages2 {
  position: relative;
  top: -30px;
  left: 14px;
}

.pasoleils1 {
  top: 6px;
  left: -16px;
  position: relative;
}

.pasoleils2 {
  top: -24px;
  left: 17px;
  position: relative;
}

.plusvous {
  width: 33px;
  height: 26px;
position: relative;
  left: 173px;
  top: 72px;
}

.catégoriespa {
  position: relative;
  margin-top: -100px;
  margin-bottom: -30px;
}

.papvs {
  top: -271px;
  left: -276px;
  position: relative;
}


/*BOTTIN DES AVATARS*/

.bottincentrer {
  width: 65%;
  margin: auto;
    font-family: Calibri;
  font-size: 14px;
  color: #6bacb6;
}

.bottincentrer span:hover {
  color: #516d92;
  text-shadow: 0px 0px 1px black;
}

.bottincentrer a {
  color: #89c947;
}

.bottincentrer a:hover {
  color: #CF9521;
}

.pris {
  color: #dd4d79;
  text-shadow: 0px 0px 1px #dd4d79; 
  font-weight: bold;
}

.libre {
color: #8add4d;
  text-shadow: 0px 0px 1px #8add4d;
  font-weight: bold;
}

.réservé {
color: #b379bf;
  text-shadow: 0px 0px 1px #b379bf;
  font-weight: bold;
}

.adminstaff {
color: #ddb94d;
  text-shadow: 0px 0px 1px #ddb94d;
  font-weight: bold;
}

.open {
  color: #80c3df;
  text-shadow: 0px 0px 1px #80c3df;
  font-weight: bold;
}

/*TOPICS*/

.fond1 {
width: 550px;
  margin: auto;
  background: #e1a629;
  border-radius: 10px;
  border: 5px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
}

.titre1 {
      color: white;
  font-family: 'Chau Philomene One', sans-serif;
  text-shadow: 1px 1px 2px #6e541c;
  font-size: 30px;
  border-bottom: 5px dotted #ffd234;
 }

.soustitre1 {
  color: #9c7f43;
  text-shadow: 1px 1px 1px #5b4109;
float: right;
  font-style: italic;
font-family: Times New Roman;
font-size: 19px;
  font-weight: bold;
  margin-right: 20px;
}


.gif1 {
    border: 5px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a;
border-radius: 15px;
  max-width: 500px;
}

.image1 {
    border: 5px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a;
border-radius: 80px;
  max-width: 100px;
}

.cadretexte1 {
  border: 5px solid #9c7f43;
  box-shadow: 1px 1px 4px #5b4109, inset 0px 0px 15px 5px #c8d9db;
  background: white;
  width: 500px;
  margin: auto;
  border-radius: 15px;
}

.cadreinternetexte {
  padding: 15px;
text-align: justify;
    font-family: Calibri;
  font-weight: bold;
  font-size: 12px;
}

.cadrecarteid {
width: 85%;
  margin: auto;
  font-size: 13px;
}
 
.sections {
  color: #5db1dd;
  font-family: Century Gothic;
  font-size: 23px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 1px #007cbf;
  padding-bottom: 3px;
  border-bottom: 5px dotted #ffaa54;
}

.bottom {
  border-bottom: 4px dotted #5db1dd;
  width: 85%; margin: auto;
}

t1 {
    text-shadow: 0px 0px 1px #c77b30;
color: #ffaa54;
}

t2 {
    text-shadow: 0px 0px 1px #c77b30;
color: #ffaa54;
font-size: 13px;
text-transform: uppercase;
}

.selectCode { float:right; cursor:pointer;
    text-shadow: 0px 0px 1px #c77b30;
color: #ffaa54;}

.ldsc1 {
  text-align: justify;
  max-height: 150px;
  overflow-y: auto;
  float: left;
  width: 185px; !important
 
    font-family: Calibri;
  font-weight: bold;
  font-size: 11px;
}

.ldsc2 {
  text-align: justify;
  max-height: 150px;
  overflow-y: auto;
  float: right;
  width: 185px; !important
 
    font-family: Calibri;
  font-weight: bold;
  font-size: 11px;
}

.irl {
  text-align: justify;
  max-height: 95px;
  overflow-y: auto;
  margin: auto;
  width: 95%;
  float: right;
    font-family: Calibri;
  font-weight: bold;
  font-size: 13px;
}

.soustitregroupes {
  font-family: 'Chau Philomene One', sans-serif;
  font-size: 22px;
  letter-spacing: 2px;
 
  color: #ff6c00;
  text-shadow: 1px 1px 0px #774825;
}

.textegroupes {
  font-family: Calibri;
  font-weight: bold;
  font-size: 12px;
  margin: auto;
  width: 380px;
  height: 200px;
  overflow-y: auto;
  opacity: 0.8;
  padding: 10px;
 
 
background: white;
  border-radius: 10px;
  border: 5px solid #916b1e;
  box-shadow: 1px 1px 4px #5b4109, inset 0px 0px 15px 5px #c8d9db;
  margin-top: -5px;
}



        textarea, input, select {
 
  border-radius: 10px;
        background-color: #6abfde;
  color: white;
  font-family: Calibri;
  font-size: 13px;
  text-shadow: 0px 0px 1px white;
  border: 2px solid white;
  padding: 3px;
  box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
        }


        textarea, input {
        background-color: #6abfde;

  border-radius: 10px;  font-family: Calibri;
  color: white;
    text-shadow: 0px 0px 1px white;
  font-size: 14px;
  border: 2px solid white;
  padding: 3px;
  box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
        }

.code {
          background-color: #6abfde;
  font-family: Calibri;
  color: white;
    text-shadow: 0px 0px 1px white;
  font-size: 14px;
  border: 5px solid white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.quote {
          background-color: #6abfde;
  font-family: Calibri;
  color: white;
    text-shadow: 0px 0px 1px white;
  font-size: 14px;
  border: 5px solid white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.hide {
          background-color: #6abfde;
  font-family: Calibri;
  color: white;
    text-shadow: 0px 0px 1px white;
  font-size: 14px;
  border: 5px solid white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.spoiler_closed {
  border: none;
}

.spoiler_content{
  border: none;
  min-width: 420px;
}


/*SCÉNARIOS*/

.scénava {
  border: 5px solid #5db1dd;
  box-shadow: 1px 1px 4px #2e485a;
  border-radius: 7px;
}

.scénatxt {
  background: #e1a629;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 10px;
  border: 4px solid white;
  box-shadow: 1px 1px 4px #5a4c2e;
  width: 300px;
  height: 308px;
}

.scénatit {
font-size: 23px;
  padding-top: 7px;
  padding-bottom: 3px;
  color: white;
  font-family: 'Chau Philomene One', sans-serif;
  text-shadow: 1px 1px 1px #9b7c39;
}

.scénatit:before {
  content: '☀ ';
}

.scénatit:after {
  content: ' ☀';
}

.scénatxt2 {
  background: white;
  color: #8dadb0;
  letter-spacing: -0.5px;
  font-family: Calibri;
  margin-top: -21px;
  margin-bottom: 5px;
  font-size: 12px;
  border-radius: 20px;
  border: 2px solid #5db1dd;
  padding: 8px;
  font-weight: bold;
  text-align: justify;
  width: 85%;
  height: 248px;
  margin: auto;
  box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
}

.scénastit {color: #5ab5e0; text-shadow: 0px 0px 1px; font-family: Courier New; letter-spacing: -3px; font-size: 15px;}

.scénastit:before {
  content: '☁ ';
}

.scénastit:after {
  content: ' ☁';
}


.scénasoverflow {
  overflow-y: auto;
  height: 185px;
  margin-top: -10px;
}

.scénasoverflow b {
  color: #ef802e;
  text-shadow: 0px 0px 1px;
}

.scénasoverflow b:after {
  content: ' ☀';
}

.scénacrédits {
  opacity: 0.7; font-size: 11px;
  margin-top: -5px;
}

.scénacrédits2 {
  opacity: 0.7; font-size: 11px;
  color: #92a4b1;
}

.image {
    border: 3px solid #5db1dd;
  box-shadow: 1px 1px 2px #2e485a;
border-radius: 80px;
  max-width: 80px;
display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 14px;
}

.image img {
border-radius: 80px;
  max-width: 80px;
}

.image2 {
    border: 3px solid #ef802e;
  box-shadow: 1px 1px 2px #5a412e;
border-radius: 80px;
  max-width: 80px;
display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 14px;
}

.image2 img {
border-radius: 80px;
  max-width: 80px;
}

span.liens {  position: relative; 
  text-decoration: none;
  font-style: none; 
  font-family: calibri; 
  font-size: 14px; 
  color: #CF9521;}

span.liens span {display: none; /* on masque l'infobulle */
  font-style: none;}

span.liens:hover { color: #77aa42;
  font-style: none;
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ 
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}

span.liens:hover span {  display: inline; /* on affiche l'infobulle */ 
  position: absolute; 
  white-space: pre-warp;  top: -20px; left: 20px; /* on positionne notre infobulle */ 
  width: 350px;   
  font-family: Calibri; 
  font-size: 12px;
  text-transform: none; 
  padding: 7px; 
  padding-bottom: 3px;
  border-radius: 10px; 
  border: 4px solid #54b5d5;
  box-shadow: 1px 1px 4px #5a4c2e;
  background: white;
  padding: 3px;
  font-style: none;
}

.lienscénas {
  padding-top: 3px;
  color: white;
  text-shadow: 1px 1px 1px #9b7c39;
  font-family: 'Chau Philomene One', sans-serif;
  font-size: 14px;
}

.lienscénas a {
  color: #ef802e;
}

.lienscénas a:hover {
  color: #5db1dd;
  text-shadow: 1px 1px 1px #2e485a;

}





.part {
    position: fixed;
    top: 32px;
    left: -45px;
    width: 210px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    background-color: #e1a629;
    border: 3px solid #FFFFFF;
    border-left: none;
    border-right: none;
    color: #ffffff;
  font-weight: bold;
    font-size: 14px;
    font-family: Trebuchet MS;
    text-shadow: none;
    box-shadow: inset 27px 0px 19px rgba(150,109,21,0.1), inset -27px 0px 19px rgba(150,109,21,0.1), 0px 0px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 27px 0px 19px rgba(0,0,0,0.1), inset -27px 0px 19px rgba(0,0,0,0.1);
    -o-box-shadow: inset 27px 0px 19px rgba(0,0,0,0.1), inset -27px 0px 19px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 27px 0px 19px rgba(0,0,0,0.1), inset -27px 0px 19px rgba(0,0,0,0.1);

    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.part::before { content: "Élu Meilleur Projet" ; text-shadow: none; }
.part:hover::before { content: "sur Pub RPG Design !" ; text-shadow: none; }
.part:hover {  cursor: pointer; text-shadow: none; }




/*FIN*/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: Re: VERSION 1 ☀ archive.   Mar 31 Juil - 22:12

[Seuls les administrateurs ont le droit de voir cette image]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Cédric O. Gariépy
avatar
Admin

Messages : 32
Date d'inscription : 14/07/2012

MessageSujet: Re: VERSION 1 ☀ archive.   Mer 1 Aoû - 23:05

Avatar

[Seuls les administrateurs ont le droit de voir ce lien]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wemsta-tests.forumactif.com
Contenu sponsorisé


MessageSujet: Re: VERSION 1 ☀ archive.   

Revenir en haut Aller en bas
 

VERSION 1 ☀ archive.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Offre promotionnelle : SnagIT 7.25 en version gratuite !
» Comment envoyer une détection chez avira avec Antivir 9 français - Version Classic
» Offre exceptionnelle : True Image 10 en version gratuite et complète
» [Résolu] Pb pour la désinstallation d'Antivir version Anglaise
» [Résolu] Dernière version d'Avast

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Tests Officiel de WEM :: CATé 2 POUR ZE FUUUUN Héhé :: RROKICATA-