Directeur
Messages : 30 Date d'inscription : 12/01/2013
| Sujet: Modèle de fiche liens et rp Lun 14 Jan - 11:45 | |
| - Code:
-
<style type="text/css">#b1 { border-left: 5px solid #ABC8E2; margin: auto; width: 519px;background-color:#FF5B2B;} #ens {background-color: #F6E8B1; border-left: 5px solid #B7CA79; padding: 5px;width: 500px; font-size: 11px; margin: auto;} .fondp { width: 490px;text-align: center; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background: url("AVATAR 200*320px") top right no-repeat #FCFAE1; height: 320px; margin: auto;} .fondp:hover { background: url("AVATAR 200*320px") top right no-repeat #FCFAE1; height: 320px; margin: auto;}.infosps { width: 290px; margin: left; text-align: center;} n { font-family: times new roman; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; color: #B1221C;} q { font-family: ms mincho; font-size: 14px; color: #ADCF4F;} #englob { position:relative; width:130px; height:18px; overflow:hidden; } .imgp { background-color: #B7CA79; color: white; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.75s; -moz-transition:all 0.75s; -o-transition:all 0.75s; -ms-transition:all 0.75s; transition:all 0.75s; text-align: center; font-size: 8px; text-transform: uppercase; } #englob:hover > .imgp { margin-top:0px; opacity: 0; } .infosp { background-color: #F6E497; color: #046380; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; opacity:0; margin-left:0px; -webkit-transition:all 0.75s; -moz-transition:all 0.75s; -o-transition:all 0.75s; -ms-transition:all 0.75s; transition:all 0.75s; text-align: center; font-size: 8px; text-transform: uppercase;} #englob:hover > .infosp { opacity:1;} .histoire { color: #524646; width: 230px;text-align: justify; padding: 4px; overflow: auto; -webkit-border-radius: 20px 0px 0px 20px; border-radius: 20px 0px 0px 20px; background: #FCFAE1; height: 120px; border-right: 3px solid #ABC8E2; line-height: 11px;} .liens { color: #524646; width: 230px;text-align: justify; padding: 4px; overflow: auto; -webkit-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; background: #FCFAE1; height: 120px; border-left: 3px solid #FF5B2B; line-height: 11px;} #sujets { color: #524646; width: 484px;text-align: left; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #FCFAE1; margin: auto; padding: 3px; line-height: 11px;} r { font-family: courier new; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; display: block; margin-top: -5px; color: #BD8D46;}</style><div id="b1"><div id="ens"><div class="fondp"><div class="infosps"> <n>PRENOM & NOM</n> <q> ta quote ici </q> <r>ft. nom de la star</r><hr /> <center><table width="90%"><tr><td width="50%"><div id="englob"><div class="imgp">âge</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">job</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr><tr><td width="50%"><div id="englob"><div class="imgp">passion</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">situation</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr><tr><td width="50%"><div id="englob"><div class="imgp">habitation</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">groupe</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr></table>[color=#D0E09D]* * * * * *[/color] <table width="90%"><tr><td width="50%"><div id="englob"><div class="imgp">qualité</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">défaut</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr><tr><td width="50%"><div id="englob"><div class="imgp">qualité</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">défaut</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr><tr><td width="50%"><div id="englob"><div class="imgp">qualité</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">défaut</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr><tr><td width="50%"><div id="englob"><div class="imgp">qualité</div> <div class="infosp">ÉCRIRE ICI</div></div></td><td><div id="englob"><div class="imgp">défaut</div> <div class="infosp">ÉCRIRE ICI</div></div></td></tr></table> [color=#D0E09D]* * * * * *[/color] <table width="90%"><tr><td width="50%"><div id="englob"><div class="imgp">fiche</div> <div class="infosp">dark dreams.</div></div></td><td><div id="englob"><div class="imgp">crédits avatars</div> <div class="infosp">crusty reek + lovebug</div></div></td></tr></table> </center></div></div> <center><table width="90%"><tr><td width="50%"><div class="histoire"><center><div style="text-transform: uppercase; letter-spacing: -1px; font-size: 15px;">◈ [font=Times New Roman][u]à savoir[/u][/font] ◈</div></center> ton blabla ici :tongue:</div></td><td><div class="liens"><center><div style="text-transform: uppercase; letter-spacing: -1px; font-size: 15px;">◈ [font=Times New Roman][u]proposition de liens[/u][/font] ◈</div></center> ton blabla ici :tongue:</div></td></tr></table></center> <div id="sujets"><center><div style="text-transform: uppercase; letter-spacing: -1px; font-size: 15px;">◈ [font=Times New Roman][u]sujets en cours[/u][/font] ◈</div></center> nom perso + [url=URL]titre du sujet[/url] nom perso + [url=URL]titre du sujet[/url]</div></div></div> - Code:
-
<style type="text/css">.bloc { color: #524646; background-color: #F6E8B1; padding: 3px;width: 250px; font-size: 11px; margin: auto; height: 200px; overflow: auto; text-align: justify; line-height: 11px;} #englobl { position:relative; width:100px; height:100px; overflow:hidden; float: left; margin: 5px; border: 3px solid #D0E09D; } .imgpl { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.75s; -moz-transition:all 0.75s; -o-transition:all 0.75s; -ms-transition:all 0.75s; transition:all 0.75s; text-align: center; font-size: 8px; text-transform: uppercase; } #englobl:hover > .imgpl { margin-top:25px; opacity: 1; } .infospl { background-color: #B7CA79; color: white; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; opacity:0; margin-left:0px; -webkit-transition:all 0.75s; -moz-transition:all 0.75s; -o-transition:all 0.75s; -ms-transition:all 0.75s; transition:all 0.75s; text-align: center; font-size: 8px; text-transform: uppercase;} #englobl:hover > .infospl { opacity:1;} .bloc b { color: #B83A1B; text-transform: uppercase; font-size: 9px; } .bloc i { color: #6B979C; letter-spacing: -1px; font-style: normal; text-transform: lowercase;}</style><center><table width="90%"><tr><td width="50%"><div class="bloc"><div id="englobl"><div class="imgpl"><img src="URL IMG" /></div><div class="infospl">STAR icon : CREDIT</div></div><b>NOM PERSO</b> <i>LE NOM DU LIEN</i> + le blabla du lien</div></td><td><div class="bloc"><div id="englobl"><div class="imgpl"><img src="URL IMG" /></div><div class="infospl">STAR icon : CREDIT</div></div><b>NOM PERSO</b> <i>LE NOM DU LIEN</i> + le blabla du lien</div></td></tr></table></center>
Dernière édition par Directeur le Lun 14 Jan - 15:16, édité 2 fois |
|
Directeur
Messages : 30 Date d'inscription : 12/01/2013
| Sujet: Re: Modèle de fiche liens et rp Lun 14 Jan - 11:45 | |
| PRENOM & NOM ta quote ici ft. nom de la star * * * * * * * * * * * *
| crédits avatars crusty reek + lovebug |
◈ à savoir ◈ ton blabla ici | ◈ proposition de liens ◈ ton blabla ici |
◈ sujets en cours ◈ nom perso + [url=URL]titre du sujet[/url] nom perso + [url=URL]titre du sujet[/url] NOM PERSOLE NOM DU LIEN + le blabla du lien | NOM PERSOLE NOM DU LIEN + le blabla du lien |
|
|