Mistery Down
Messages : 459 Date d'inscription : 19/05/2012
| Sujet: PA ancien NY Dim 18 Nov - 11:11 | |
| CSS - Code:
-
/* PA */ .PAtitre { color:#d8c44f; font-size:40px; font-family:Georgia; font-weight:bold; text-transform:uppercase; text-shadow: 1px 1px 2px #fefefe; letter-spacing:-2px; padding:10px; } .PAnavig { width:200px; margin-left:-14px; } .PAnavig a { background:#f8fce0; width:175px; font-family:Georgia; font-size:9px; overflow:hidden; display:block; text-align:left; padding:3px; padding-left:7px;text-transform:uppercase; letter-spacing:1px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .PAnavig a:hover { background:#fcfffa; text-align:right; width:200px; transition:all 0.3s ease-out; } .PAinfos { font-size:9px; overflow:auto; height:190px; padding:5px; text-align:justify; } .message { background:#f8fce0; box-shadow:1px 2px 3px #f8fce0,-1px -2px 3px #f8fce0; border-radius:25px; text-align:center; padding:10px; height:190px; width:250px; } .pseudo { margin-top:-10px; color:; font-family:palatino linotype; font-size:25px; font-weight:bold; font-style:italic; letter-spacing:-2px; line-height:13px; text-shadow:0px 0px 2px; text-transform:lowercase; margin-bottom:-15px; text-align:center; } .grade { font-family:georgia; font-style:italic; } .onglet { margin-right:-40px;} .PAcadre { width:350px; background:#f8fce0; box-shadow:1px 2px 3px #f8fce0,-1px -2px 3px #f8fce0; border-radius:40px; } .PAtitre1 { font-family:palatino linotype; font-size:20px; font-weight:bold; font-style:italic; letter-spacing:-2px; text-shadow:0px 0px 2px; text-align:center; } .infobulle { position:relative; z-index: 0; padding:3px; } .infobulle:hover { z-index: 50; opacity:1; } .infobulle span { position:absolute; background:#f8fce0; border-radius:50px; padding:5px; visibility:hidden; } .infobulle:hover span { visibility:visible; top:52px; left:-50px; box-shadow:1px 2px 3px #f8fce0,-1px -2px 3px #f8fce0; text-align:center; width:200px; padding:5px; } .pseudo1 { color:#c3b202; font-family:palatino linotype; font-size:22px; font-weight:bold; font-style:italic; letter-spacing:-1px; text-shadow:0px 0px 2px; } .pseudo2 { color:#8b8c66; font-family:palatino linotype; font-size:22px; font-weight:bold; font-style:italic; letter-spacing:-1px; text-shadow:0px 0px 2px; } .PAtop a { font-size:24px; } .bulle { position:relative; z-index: 0; padding:3px; font-size:20px; } .bulle:hover { z-index: 50; opacity:1; } .bulle span { position:absolute; background:#f8fce0; font-size:9px; border-radius:50px; padding:5px; visibility:hidden; } .bulle:hover span { visibility:visible; top:10px; left:-50px; box-shadow:1px 2px 3px #f8fce0,-1px -2px 3px #f8fce0; text-align:center; width:200px; padding:5px; }
/* PA - IMAGES*/ .pix {border: none;opacity: 0.7; background-color: transp; padding: 3px; margin-top:0px; margin-left:0px; margin-right:0px; border: 1px solid #FFF5E8; background: #E9EDEF; }
.pix:hover {border: none;opacity: 1; border: 1px solid #BACACF; }
img.clip{ -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#; border:1px solid #C6D2D7; margin:3px; padding:3px;}
img.clip:hover { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color: #; border:1px solid #AABCC4; margin:3px; padding:3px;}
img.clip2{ border:1px solid #C89A79; margin:3px; padding:3px;}
/*INFOBULLE TRANSITION*/ .transition-HOB{ position: relative; width: 30px; float: left; margin: -2px; padding: 0; margin-left:10px; }
/* INFOBULLE */ .HOB_transition{ background: #FBF0EE; border: 0px solid snow; width: 0; height: 0; overflow: hidden; position: absolute; left:30px; top: 0; z-index: 999; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur webkit */ -moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */ -o-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur opera */ transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour les navigateurs récents */ }
/* INFOBULLE AU SURVOL */ .transition-HOB:hover .HOB_transition{ height: 130px; width: 180px; padding: 5px; text-align: justify; border-width: 1px; }
/* IMAGE (icône) */ .transition-HOB img {border-radius: 45px;-moz-border-radius:45px;-webkit-border-radius: 45px; overflow:hidden; -moz-box-shadow: 1px 1px 2px #79033D, -1px -1px 2px #735117; box-shadow: 1px 1px 2px #735117; -1px -1px 2px #666262; padding:0px;margin:3px; position: relative; z-index: 990; left: 0; bottom: 0; -webkit-transition: all 1s linear 0s;/* pour navigateur webkit */ -moz-transition: all 1s linear 0s; /* pour navigateur mozilla */ -o-transition: all 1s linear 0s;/* pour navigateur opera */ transition: all 1s linear 0s; /* pour les navigateurs récents */ }
/* IMAGE (icône) AU SURVOL */ .transition-HOB:hover img { -webkit-transition: rotate(-360deg);/* pour navigateur webkit */ -moz-transform: rotate(-360deg); /* pour navigateur mozilla */ -o-transform: rotate(-360deg);/* pour navigateur opera */ transform: rotate(-360deg); /* pour les navigateurs récents */ }
| |
|
Mistery Down
Messages : 459 Date d'inscription : 19/05/2012
| Sujet: Re: PA ancien NY Dim 18 Nov - 11:12 | |
| PA - Code:
-
<div style="height:3px"></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div style="color:#b8af86;font-family:times new roman;font-size:50px;text-transform:uppercase;text-align:center;letter-spacing:1px;word-spacing:1px;">I'VE A DREAM</div><div style="color:#cfce8b;text-transform:lowercase;letter-spacing:2px;word-spacing:1px;font-family:garamond;font-size:20px;font-style:italic;margin-top:-15px;>La société américaine à son état pur...</div> <br><a href="#" style="color:#A89C88;">Avatar disponible 1 fois</a> ☼ <a href="#" style="color:#A89C88;">baratin</a> ☼ <a href="#" style="color:#A89C88;">baratin</a> ☼ <a href="#" style="color:#A89C88;">baratin</a> ☼ <a href="#" style="color:#A89C88;">baratin</a> ☼ <a href="#" style="color:#A89C88;">baratin</a></div> <br>
*<table><td><div class="PAnavig"><a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a> <a href="#">Blabla</a></div></td>*
<td><div style="margin-top:10px;padding:5px;background-color:#F9F7EF;border:1px solid #EBE7BF; width:300px;height:140px;line-height:10px;text-align:justify;overflow:auto;"><strong>L'actualité.</strong> Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla </div></td><td><div style="margin-top:10px;padding:5px;background-color:#F9F7EF;border:1px solid #EBE7BF; width:200px;height:140px;"><table><tr><td><div class="clear"><div id="mes_contenus"> * <div class="transition-HOB"><img src="http://media.tumblr.com/tumblr_m1zkd6RpW01r99f4t.gif" alt="" height="45" width="45"><div class="HOB_transition"><center><img src="http://media.tumblr.com/tumblr_m1zk5bpYhG1r99f4t.gif" ;"="" width="150"><div class="titreprofil2"><z>CÉLÉBRITÉ</z></div> <x>fondatrice</x> ▪ <y>PSEUDO</y><br><a href="impossible-out.forumactif.org" target="_blank" ;"="">profil</a> ☼ <a href="http://2img.net/i/fa/subsilver/icon_pm.gif" target="_blank" ;"="">mp</a></center></div></div>* * <div class="transition-HOB"><img src="http://media.tumblr.com/tumblr_m1zkd6RpW01r99f4t.gif" alt="" height="45" width="45"><div class="HOB_transition"><center><img src="http://media.tumblr.com/tumblr_m1zk5bpYhG1r99f4t.gif" ;"="" width="150"><div class="titreprofil2"><z>CÉLÉBRITÉ</z></div> <x>fondatrice</x> ▪ <y>PSEUDO</y><br><a href="impossible-out.forumactif.org" target="_blank" ;"="">profil</a> ☼ <a href="http://2img.net/i/fa/subsilver/icon_pm.gif" target="_blank" ;"="#">mp</a></center></div></div>* * <div class="transition-HOB"><img src="http://media.tumblr.com/tumblr_m1zkd6RpW01r99f4t.gif" alt="" height="45" width="45"><div class="HOB_transition"><center><img src="http://media.tumblr.com/tumblr_m1zk5bpYhG1r99f4t.gif" ;"="" width="150"><div class="titreprofil2"><z>CÉLÉBRITÉ</z></div> <x>fondatrice</x> ▪ <y>PSEUDO</y><br><a href="impossible-out.forumactif.org" target="_blank" ;"="">profil</a> ☼ <a href="http://2img.net/i/fa/subsilver/icon_pm.gif" target="_blank" ;"="">mp</a></center></div></div>* <tr><td style="padding-bottom: 4px;" align="center"><center><div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Merci de vous comportez en tant qu'adulte. Ce qui inclue de respecter le staff qui n'est pas là pour faire la police en permanence, mais tout comme vous, s'<b>amuser</b>. Sur ce, merci à vous d'être présent ♥</span></div></center></td></tr></table> </td></div></div></td></tr></table>
<td><div style="padding:5px;background-color:#F9F7EF;border:1px solid #EBE7BF; width:310px;"><img src="http://media.tumblr.com/tumblr_maorq4ALXa1r9ll99.gif" width="120" align="left" alt="" style="padding:2px;border:solid 1px #b8af86;margin-right:5px;margin-top:3px;"> <font class="import5"> <font face="tahoma"></font></font><hr><div style="letter-spacing:1px;color:#cfce8b;font-family:garamond;font-style:italic;font-size:22px;">New-York.</div><br> Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla <a href="#" class="postlink">LIRE MA SUITE ?</a></div></td></tr></table> <br><br>
</tr></table></div> | |
|