| | Auteur | Message |
× Messages : : 14 × Inscription : : 25/04/2014 × Localisation : : Je suis à Hawaï × Emploi/loisirs : : J'aime tuey les zombaques lele × Humeur : : En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif
| Sujet: Ancien CSS Ven 6 Nov - 14:32 | |
| 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; }
|
| | |
× Messages : : 14 × Inscription : : 25/04/2014 × Localisation : : Je suis à Hawaï × Emploi/loisirs : : J'aime tuey les zombaques lele × Humeur : : En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif
| Sujet: Re: Ancien CSS Dim 29 Avr - 11:14 | |
| METTRE BAS DE CATEGORIE TOUTE FIN DE INDEX_BOX : - Code:
-
<!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="URL"><!-- END tablefoot --><!-- END catrow --> |
| | |
× Messages : : 14 × Inscription : : 25/04/2014 × Localisation : : Je suis à Hawaï × Emploi/loisirs : : J'aime tuey les zombaques lele × Humeur : : En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif
| Sujet: Re: Ancien CSS Ven 8 Nov - 19:15 | |
| 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 --------------------------------- */ |
| | |
× Messages : : 14 × Inscription : : 25/04/2014 × Localisation : : Je suis à Hawaï × Emploi/loisirs : : J'aime tuey les zombaques lele × Humeur : : En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif. En forme sa mère, je te dis ça va biennn, j'en reviens pas ! C trop bo. Je vais pleurey. snif snif
| Sujet: Re: Ancien CSS Ven 8 Nov - 22:09 | |
| 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"> <!-- 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="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> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <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> <!-- 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> <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> <!-- BEGIN switch_plus_menu --> | . <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> <!-- END switch_plus_menu --> </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 hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden -->
<!-- BEGIN displayed --> <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"> <!-- BEGIN profile_field --> <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} <!-- END profile_field --></span> </div> {postrow.displayed.POSTER_RPG} <br /><center><div class="liensprofil"><table><tr><!-- BEGIN contact_field --><td> {postrow.displayed.contact_field.CONTENT}</td><!-- END contact_field --></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"> <!-- 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> <!-- BEGIN switch_signature --> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature -->
</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> <!-- 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 --> <!-- 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;}"> <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} <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> 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 --------------------------------- */ |
| | |
| Sujet: Re: Ancien CSS | |
| |
| | | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |