Ancien CSS

25/04/2014

messages administratifs :

Code:: /*MESSAGES ADMINISTRATIFS*/

.blabla {
font-family:arial;
font-size:11px;
text-align:justify;
line-height:13px; }

.blablatitre {
font-size:35px;
font-family: 'Headland One', serif;
text-align:center;}

.blablainfo {
font-size:14px;
font-family: 'Headland One', serif;
text-align:center;}

.blablaquestion {
font-size:12px;
font-family: 'Headland One', serif;}

.basemessage {
background-color: #262B20;
box-shadow: 3Px 3px 3Px rgba(2,0,0,0.9), inset 0px 0px 50px rgba(1,1,1,0.9);
opacity:0,5;
width:444px;
height:auto;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-htm-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
border-left: 2px solid #170B0BF;
border-right: 2px solid #170B0B;
border-bottom: 2px solid #170B0B; }
.basecarree {
background-color: #967434;
opacity:0,5;
width:444px;
height:auto;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-htm-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-left: 2px solid #4A3C3C;
border-right: 2px solid #4A3C3C;}
.questions {
background-color: #0D0C0A; width:444px; height:auto;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-htm-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px; }

.liste {
width:300px;
background-color: #170B0B;
border: 0px solid #967434;
margin-left: 65px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-htm-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #000000;
box-shadow: 1px 1px 1px #000000;
-htm-box-shadow: 1px 1px 1px #000000;
-webkit-box-shadow: 1px 1px 1px #000000;
}

img.gifs {
border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-htm-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
width: 444px;
border-top: 2px solid #967434;
border-left: 2px solid #967434;
border-right: 2px solid #967434;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;}

img.gifs:hover {
border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-htm-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
width: 444px;
border-top: 2px solid #967434;
border-left: 2px solid #967434;
border-right: 2px solid #967434;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s; }

img.gifsbas {
margin-top:-18px;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-htm-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
width: 444px;
border-bottom: 3px solid #967434;
border-left: 3px solid #967434;
border-right: 3px solid #967434;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;}

img.gifsbas:hover {
margin-top:-18px;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-htm-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
width: 444px;
border-bottom: 3px solid #967434;
border-left: 3px solid #967434;
border-right: 3px solid #967434;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s; }

img.gifsgauche {
border-radius: 0px 0px 100px 0px;
-moz-border-radius: 0px 0px 100px 0px;
-o-border-radius: 0px 0px 100px 0px;
-htm-border-radius: 0px 0px 100px 0px;
-webkit-border-radius: 0px 0px 100px 0px;
display: block; width: 142px; height: 142px;
border-right: 3px solid #967434;
border-bottom: 3px solid #967434;
position : relative; left :-3px; top :-41px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;}

img.gifsgauche:hover {
border-radius: 0px 0px 100px 0px;
-moz-border-radius: 0px 0px 100px 0px;
-o-border-radius: 0px 0px 100px 0px;
-htm-border-radius: 0px 0px 100px 0px;
-webkit-border-radius: 0px 0px 100px 0px;
display: block; width: 142px; height: 142px;
border-right: 3px solid #967434;
border-bottom: 3px solid #967434;
position : relative; left :-3px; top :-41px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s; }

img.gifsdroit {
position : relative; left: 3px; top :-41px;
border-radius: 0px 0px 0px 100px;
-moz-border-radius: 0px 0px 0px 100px;
-o-border-radius: 0px 0px 0px 100px;
-htm-border-radius: 0px 0px 0px 100px;
-webkit-border-radius: 0px 0px 0px 100px;
display: block; width: 142px; height: 142px;
border-left: 3px solid #967434;
border-bottom: 3px solid #967434;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;}

img.gifsdroit:hover {
position : relative; left: 3px; top :-41px;
border-radius: 0px 0px 0px 100px;
-moz-border-radius: 0px 0px 0px 100px;
-o-border-radius: 0px 0px 0px 100px;
-htm-border-radius: 0px 0px 0px 100px;
-webkit-border-radius: 0px 0px 0px 100px;
display: block; width: 142px; height: 142px;
border-left: 3px solid #967434;
border-bottom: 3px solid #967434;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s; }

.imgpnj{
width:190px;
height:310px;
border-radius:100px;
filter: grayscale(100%);
}
.derrierepnj{
background-color: #E6D390;
border-radius:300px;
color:none;
width:190px;
height:310px;
opacity:0;
-moz-transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
}
.derrierepnj:hover{
background-color: #E6D390;
opacity:.8;
-moz-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
}
.pseudopnj {
text-align:center;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
padding-top:9px;
}
.textepnj{
text-align:justify;
font-size:10px;
padding:2px;
overflow:auto;
width:155px;
height:225px;
}
.creditpnj{
text-align:center;
font-size:9px;
font-weight:bold;
padding:2px;
text-transform:uppercase;
}

25/04/2014

METTRE BAS DE CATEGORIE
TOUTE FIN DE INDEX_BOX :

Code:: 

</table><img src="URL">

25/04/2014

PA AVANT LES 7 ANS DU FORUM

Code:: <div style="background-image:url('https://images2.imgbox.com/bf/5c/xVMsIUqR_o.png');width:736px;height:520px;">
   <br /><br /><br /><br /><br />
<div align="left" style="position:relative;margin-left:50px;">
   <a href="http://borntobeawalker.forumactif.com/u1"><img class="staffbg" src="https://66.media.tumblr.com/13c7705e219c5b8a1a2c4bee48ddfd63/tumblr_no79w92fQv1qb0jsbo1_250.gif" /></a> <a href="http://borntobeawalker.forumactif.com/u2"><img class="staffbg" src="https://66.media.tumblr.com/7b1c8a8bcda1455f61cf579b692c4299/tumblr_ndxsbbgsUo1tzobkno5_250.gif" /></a><a href="http://borntobeawalker.forumactif.com/u464"><img class="staffbg" src="https://i.pinimg.com/originals/01/8e/a8/018ea8c46e9680db31336f5aa30f893c.gif" /></a><a href="http://borntobeawalker.forumactif.com/u607"><img class="staffbg" src="http://24.media.tumblr.com/736747dc1920a8f99e0efee44d48ae59/tumblr_mu1npnUcLX1sfgmpno1_250.gif" /></a><br /><span class="staffname">Schizo'</span><span class="staffname">Morphine</span><span class="staffname">Myers.</span><span class="staffname">Timon</span>
</div>

<div style="margin-top:-80px;margin-right:40px;" align="right">
   <span class="titpa" style="margin-right:0px;">BORN TO BE A WALKER C'EST... </span><br />
<div class="fondpa">

<div class="overflowpa">

<center>
   <a href="http://borntobeawalker.forumactif.com/u793"><img src="https://66.media.tumblr.com/4879fcb0931202ecc7cd9ae154d9cd08/tumblr_or5dg3kFb11s7gh6oo5_r1_250.gif" style="width: 66px;" /></a> <a href="http://borntobeawalker.forumactif.com/u867"><img src="http://images6.fanpop.com/image/photos/41200000/Alycia-Debnam-Carey-alycia-debnam-carey-41288446-245-130.gif" style="width: 66px;" /></a><br />
<div class="ptittitrefiche" style="font-size:11px;">
   un Membre en or & un super membre !
</div>

</center>
   Six longues et belles années de (sur)vie ! :skull_crossbones: des membres et des personnes déjantés et aux idées tordues (mais c'est comme ça qu'on les aime) :skull_crossbones: un contexte évolutif qui change régulièrement (pour votre plus grand plaisir) :skull_crossbones: un besoin urgent de survivre dans les meilleures conditions possibles pour ne pas (trop) perdre la boule) :skull_crossbones: des designs régulièrement changés pour satisfaire vos (et nos) petits yeux :skull_crossbones: un staff <span style="text-decoration: line-through;">au top</span> dévoué, qui adore <span style="text-decoration: line-through;">prendre</span> mettre des coups de fouet... juste pour le plaisir ! :skull_crossbones: et surtout, un forum RPG survival post-apocalyptique inspiré de la série <span style="text-decoration: underline;"><strong>The Walking Dead</strong></span> !
</div>
   <img class="bouton" src="https://images2.imgbox.com/3b/f2/Lgwl5O2q_o.png" /> <img class="bouton" src="https://images2.imgbox.com/10/8d/sHelILRk_o.png" />
</div>

</div>

<div style="margin-top:-0px;margin-left:40px;" align="left">

<div class="fondpa2">

<div class="overflowpa2">

<center>
   <strong><span style="font-size:9px;"><a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">CONVERSATION DISCORD</a> :skull_crossbones: <a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">TOP-SITE 1</a> :skull_crossbones: <a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">TOP-SITE 2</a> :skull_crossbones: <a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">TOP-SITE 3</a> :skull_crossbones: <a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">TOP-SITE 4</a> :skull_crossbones: <a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">PUB BAZZART</a> :skull_crossbones: <a href="https://discord.gg/sr2uSwe" class="postlink" target="_blank" rel="nofollow">PUB PRD</a>.</span></strong>
</center><br /> <strong>18/08/2019 :skull_crossbones:</strong> La V32 du forum est mise en place. Les nouveaux sont à lire <a href="http://borntobeawalker.forumactif.com/t5836-version-32-commentaires#185920">ICI</a>. De plus, les votes pour les awards 2019 sont officiellement lancés. <br /><strong>10/11/2018 :skull_crossbones:</strong> Born a six ans. Nouveau contexte, nouveaux groupes. <br /><strong>10/11/2017 :skull_crossbones:</strong> le forum fête ses cinq ans. Arrivée de la saison 6 (bombes sur la Californie, chute des différents camps). <br /><neeews><strong>10/11/2016 :skull_crossbones:</strong></neeews> quatre ans de Born. Saison 5 (vaccin). <br /><neeews><strong>10/11/2015 :skull_crossbones:</strong></neeews> trois ans de Born. Saison 4 (Californie). <br /><neeews><strong>10/11/2014 :skull_crossbones:</strong></neeews> saison 3 du forum (fin de la zone 51).<br /> <neeews><strong>10/11/2013 :skull_crossbones:</strong></neeews> saison 2 du forum (zone 51). <br /><strong><neeews>10/11/2012 :skull_crossbones:</neeews></strong> ouverture du forum.
</div><strong><strong> </strong></strong>
</div><strong><strong> </strong></strong>
</div><strong><strong> </strong></strong>
<div style="margin-top: -80px; margin-right: -280px;" class="pstpa4">
   <a href="http://borntobeawalker.forumactif.com/t5518-m-mads-mikkelsen-used-to-be-medical-chief"><img src="https://ic.pics.livejournal.com/swanlive/67710800/1053289/1053289_original.png" class="scenapa" /></a><a href="http://borntobeawalker.forumactif.com/t5631-m-alexander-skarsgard-are-you-the-devil"><img src="https://ic.pics.livejournal.com/swanlive/67710800/1012547/1012547_original.png" class="scenapa" /></a><a href="http://borntobeawalker.forumactif.com/t5703-m-chad-micheal-murray-a-man-does-what-he-must"><img src="https://i.imgur.com/9WQ2WlW.png" class="scenapa" /></a><br /><a href="http://borntobeawalker.forumactif.com/t5878-f-rose-leslie-full-of-weakness-and-errors"> <img src="https://ic.pics.livejournal.com/swanlive/67710800/1453973/1453973_original.png" class="scenapa" /></a><a href="http://borntobeawalker.forumactif.com/t5791-f-alicia-vikander-alter-ego-or-more"><img src="https://ic.pics.livejournal.com/swanlive/67710800/1880592/1880592_original.png" class="scenapa" /></a><a href="http://borntobeawalker.forumactif.com/t5777-f-willa-holland-that-can-never-be-lost"> <img src="https://ic.pics.livejournal.com/swanlive/67710800/943415/943415_original.png" class="scenapa" /></a>
<div style="font-size:11px;margin-right:20px;" class="titpa">
   HAVE YOU SEEN<br /> THESE SURVIVORS ?
</div>

</div><strong><strong> </strong></strong>
<div style="margin-top: -106px; margin-left: 98px;" align="left">

<div class="patpafond">

</div>

<div class="pstpa3">

<div class="titpa2" style="margin-left:46px;">
   BTBW'S CEMETERY
</div><a href="http://www.the-hundred.org/"><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a href="http://raisehell.forumsactifs.com/"><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a href="http://previouslyon.forumactif.com/"><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a href="http://influenza.forumactif.org/"><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a href="http://redwood-hills.forumactif.org/"><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><br /><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a><a><img src="https://2img.net/r/hpimg15/pics/250927Rip.png" class="patpa" /></a>
<div class="titpa2" style="margin-top:5px;margin-left:44px;">
   OF BEST FRIENDS
</div>

</div>

</div><strong><strong> </strong></strong>
<div style="margin-top: 28px; margin-left: -65px; text-align: center; height: 42px; width: 586px; box-shadow: black 2px 2px 10px; opacity: 0.8;">
   <span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t5420-contexte-saison-7">contexte</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t5421-groupes-actuels-saison-7">groupes</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t2260-les-regles-a-respecter-pour-survivre">règlement</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t5686-chronologie-du-forum#179603">chronologie</a></span><br /><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t2257-liste-des-avatars-pris">bottin</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/f5-find-yourself">scénarios</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/f24-guests">coin invités</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t4150-situations-de-rps-07-11-libres">situations de rps</a></span><br /><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/t2267-qui-veut-jouer-avec-moiiii">recherches de partenaires</a></span><span class="lienspa"><a href="http://borntobeawalker.forumactif.com/f37-tops-sites">top-sites</a></span> <span class="lienspa"><a href="http://crushcrushcrush.actifforum.com/">CCCrush</a></span>
</div><strong><strong></strong></strong>
</div>

+++SON CSS

Code:: /* --------------------------------- PAGE D'ACCUEIL --------------------------------- */
.lienspa {
font-family: 'Philosopher';
font-size: 12px;
transform: rotate(3deg);
text-shadow: 1px 0px 2px black;
letter-spacing:3px;
text-align:center;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s
transition:all 1s;
color:#89a38b;
text-transform:uppercase;
padding:7px;
}
.lienspa:hover {
text-shadow: 6px 0px 2px black;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.staffbg {
height:50px;
width:50px;
transform: rotate(3deg);
border:2px solid #233124;
opacity:0.6;
margin-left:10px;
margin-right:10px;
box-shadow: 2px 2px 10px black;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.staffbg:hover {
opacity:0.8;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.staffname {
font-family: 'Philosopher';
font-size: 9px;
text-shadow: 1px 0px 2px black;
letter-spacing:3px;
margin-top:-5px;
margin-bottom:5px;
text-align:center;
color:#698C6C;
text-transform:bold;
text-transform:uppercase;
padding:13px;
}
.titpa {
font-family: 'Allan';
letter-spacing:3px;
opacity:0.9;
font-size:20px;
margin-bottom:5px;
margin-top:0px;
margin-left:50px;
color:#89a38b;
text-shadow: 1px 2px 1px black;
}
.fondpa {
width:290px;
opacity:0.5;
height:80px;
padding:2px;
margin-left:20px;
}
.overflowpa {
font-family: 'Kelly Slab';
overflow:auto;
text-align:justify;
padding:3px;
width:290px;
height:80px;
margin-top:-3px;
font-size: 12px;
color:#CFC3BA; text-shadow: 1px 2px 1px black;
opacity:3;
}
.bouton {
margin-top:20px;
margin-right:30px;
}
.patpafond {
background-color:#233124;
height:100px;
width:220px;
transform: rotate(0deg);
box-shadow: 2px 2px 10px black;
opacity:0.5;
margin-top:0px;
margin-left:50px;
}
.pstpa3 {
margin-top:60px;
margin-left:50px;
}
.titpa2 {
font-family: 'Allan';
letter-spacing:3px;
opacity:0.9;
font-size:14px;
margin-top:-158px;
margin-right:20px;
color:#89a38b;
text-shadow: 1px 2px 1px black;
}
.patpa {
height:22px;
width:22px;
margin-top:8px;
margin-left:5px;
margin-right:5px;
opacity:0.4;
}
.pstpa4 {
margin-top:-120px;
margin-left:40px;
}
.scenapa {
height:70px;
width:auto;
border:2px solid #233124;
opacity:0.5;
margin-top:8px;
margin-left:5px;
margin-right:5px;
box-shadow: 2px 2px 10px black;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.scenapa:hover {
transform: rotate(-3deg);
opacity:0.8;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.fondpa2 {
width:268px;
opacity:0.5;
height:173px;
padding:2px;
position:relative;
padding-right:28px;
}
.overflowpa2 {
font-family: 'Kelly Slab';
overflow:auto;
text-align:justify;
padding:3px;
width:264px;
height:165px;
margin-top:-8px;
font-size: 12px;
color:#CFC3BA; text-shadow: 1px 2px 1px black;
opacity:3;
}
.imgmembres{width:60px;
}
/* --------------------------------- FIN PAGE D'ACCUEIL --------------------------------- */

25/04/2014

PROFILS AVANT LES 7 ANS
TEMPLATE

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

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

<span id="twitter_btn" style="margin-left: 6px; ">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
</span>


<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="https://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>

</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>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>

| .
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
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}';

insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>

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

<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

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


<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>

</span><br />
<table><tr><td><div class="rangprofil";>{postrow.displayed.RANK_IMAGE}</div></td>
<td><div class="vavaprofil">{postrow.displayed.POSTER_AVATAR}</div></td></tr></table><br />
<div style="position:absolute;"><center><div class="nameprofilfond"></div></center></div>
<div class="nameprofil"><div style="position:relative;">{postrow.displayed.POSTER_NAME}</div></div><center><div class="enligneprofil"> <div span="offlinebutton">{postrow.displayed.ONLINE_IMG}</span></div>

</center>

<div class="fondprofil"><span class="postdetails poster-profile">

<div class="champrofil">{postrow.displayed.profile_field.LABEL}</div>
<div class="contentprofil"><div style="padding:4px;">{postrow.displayed.profile_field.CONTENT}</div></div>
<div class="seprofil">{postrow.displayed.profile_field.SEPARATOR}</div>{postrow.displayed.POSTER_RPG}
</span>
</div>

{postrow.displayed.POSTER_RPG}
<br /><center><div class="liensprofil"><table><tr><td> {postrow.displayed.contact_field.CONTENT}</td></tr></table>
<br /><div class="liensprofil2"><table><tr><td>{postrow.displayed.PROFILE_IMG}</td><td>{postrow.displayed.PM_IMG}</td><td>{postrow.displayed.EMAIL_IMG}</td></tr></table></div></div></center>
<br />
<img src="https://2img.net/i/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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

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



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

</div>



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



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

</div>


<div class="postbody">

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


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


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



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

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


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

</dd>
</dl>


<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 class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<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">

</td>
</tr>

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





<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

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

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


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

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

</td>
</tr>
</table>



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

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

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

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

<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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</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;}">
<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">

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</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>



<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<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="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>



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

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

CSS

Code:: /*--------------------------------- PROFILS --------------------------------- */
.postdetails.poster-profile img {
max-width:178px;
display:block;
}
.vavaprofil {
border:2px solid #89a38b;
width:200px;
box-shadow: 2px 2px 10px black;
margin-right:8px;
margin-left:6px;
}
.vavaprofil img {
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
opacity:0.5;
max-width:200px !important;
}
.vavaprofil img:hover {
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s
transition:all 1s;
opacity:0.8;
transform: rotate(-10deg);
}
.rangprofil {
transform: rotate(-90deg);
margin-right:-70px;
margin-left:-130px;
border-radius:0px 0px 0px 0px;
}
.nameprofil {
font-family: 'Philosopher';
font-size: 23px;
text-shadow: 1px 0px 2px black;
letter-spacing:3px;
text-align:center;
line-height:15px;
margin-top:0px;
margin-bottom:20px;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.nameprofil:hover {
text-shadow: 6px 0px 2px black;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.nameprofilfond {
background-color:#89a38b;
height:60px;
width:60px;
transform: rotate(45deg);
margin-top:-30px;
box-shadow: 2px 2px 10px black;
opacity:0.5;
margin-left:20px;
}
.enligneprofil {
margin-left:50px;
opacity:0.6;
margin-top:-20px;
margin-bottom:-10px;
}
.fondprofil{
width:200px;
height:320px;
padding:4px;
margin-right:8px;
margin-left:10px;
margin-top:6px;
overflow:auto;
opacity:0.8;
}
.champrofil {
font-family: 'Allan';
font-size:13px;
font-weight:bold;
letter-spacing:3px;
margin-bottom:-5px;
}
.champrofil > span {
white-space:normal !important;
font-size:0px;
}
.champrofil > span > span {
font-size:13px;
}
.contentprofil {
font-family: 'Kelly Slab';
font-size:12px;
margin-bottom:3px;
margin-top:5px;
text-align:justify;
background-color:#89a38b;
color:CFC3BA;
width:185px;
height:auto;
margin-left:6px;
margin-right:6px;
opacity:0.8;
box-shadow: 2px 2px 10px black;
}
.seprofil {
height:4px;
}
.seprofil > span {
white-space:normal !important;
}
.liensprofil {
line-height:12px;
opacity:0.6;
margin-top:-10px;
}
.liensprofil2 {
margin-top:-20px;
padding:-20px;
}

/*BOUTON HORS LIGNE*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('https://i.imgur.com/WU0cSOq.png');
background-repeat : no-repeat;
background-position : center;
min-width: 43px;
width: 43px;
min-height: 29px;
height: 29px;
}
/*--------------------------------- FIN PROFILS --------------------------------- */