Partagez | 
 

 Modèle de fiche liens et rp

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Directeur
avatar

Messages : 30
Date d'inscription : 12/01/2013

MessageSujet: 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
Revenir en haut Aller en bas
http://new-transform.forumactif.org
Directeur
avatar

Messages : 30
Date d'inscription : 12/01/2013

MessageSujet: Re: Modèle de fiche liens et rp   Lun 14 Jan - 11:45


PRENOM & NOM
ta quote ici
ft. nom de la star

âge
ÉCRIRE ICI
job
ÉCRIRE ICI
passion
ÉCRIRE ICI
situation
ÉCRIRE ICI
habitation
ÉCRIRE ICI
groupe
ÉCRIRE ICI
* * * * * *
qualité
ÉCRIRE ICI
défaut
ÉCRIRE ICI
qualité
ÉCRIRE ICI
défaut
ÉCRIRE ICI
qualité
ÉCRIRE ICI
défaut
ÉCRIRE ICI
qualité
ÉCRIRE ICI
défaut
ÉCRIRE ICI
* * * * * *
fiche
dark dreams.
crédits avatars
crusty reek + lovebug

à savoir

ton blabla ici tongue
proposition de liens

ton blabla ici tongue

sujets en cours

nom perso + [url=URL]titre du sujet[/url]
nom perso + [url=URL]titre du sujet[/url]


STAR
icon : CREDIT
NOM PERSO
LE NOM DU LIEN + le blabla du lien
STAR
icon : CREDIT
NOM PERSO
LE NOM DU LIEN + le blabla du lien
Revenir en haut Aller en bas
http://new-transform.forumactif.org
 

Modèle de fiche liens et rp

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

 Sujets similaires

-
» Modèle de fiche technique
» Modèle de fiche de rp
» Mise en relation avec un schizo'?
» ▲modèle de fiche de présentation : obligatoire.
» Modèle de fiche (facultatif)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: {ADMINISTRATION} :: Demandes-