AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Exemples de fiches de liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 

avatar

75

19/07/2014

MessageSujet: Exemples de fiches de liens Dim 3 Aoû - 18:55

Voici des codes pour rendre jolies vos fiches de liens, ces présentations sont facultatives, si vous avez vos propres codes, vous pouvez les utiliser, ou vous en passer, comme bon vous semble.


Titre

(c) Codage par Asmareth pour Never Utopia


Nom du lien ¤ Nature du lien

Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore

Nom du lien ¤ Nature du lien

Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore

Nom du lien ¤ Nature du lien

Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore




Code:
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<div style="width: 300px; margin: auto; font-family: 'Bad Script', cursive; font-size:40px; letter-spacing: -2px; color : Green; text-align: center; font-variant: small-caps;">Titre</div>
<div style="border-bottom: 10px solid #FFE173; width: 500px; margin: auto; border-radius: 100px; box-shadow: 2px 2px 5px #807868; margin-top: -20px;"></div><div style=" width: 500px; margin-left: auto; margin-right: auto; margin-top: -5px; text-align: right; color:#FFBC00; font-size: 7px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></div>

<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>

</link>



*// Ne pas enlever les crédits
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seoul.forumactif.org

avatar

75

19/07/2014

MessageSujet: Re: Exemples de fiches de liens Dim 3 Aoû - 19:00



Prénom P. Nom

Je suis...
Informations concernant le personnage. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?


Informations concernant les liens recherchés. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

© Narja - S. Amakusa pour Never Utopia

Code:

    <link href='http://fonts.googleapis.com/css?family=Playball|Pathway+Gothic+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <blockquote style="width: 600px; margin-left: auto; margin-right: auto; background-color: #443924; box-shadow: 0px 0px 5px #443924; color: #DFDDD5; border: 1px dotted #935416"><div style="font-family: 'Playball', cursive; margin-left: auto; margin-right: auto; width: 100%; border-bottom: 1px dotted #DFDDD5; font-size: 70px; color: #A9987D; text-align: center; margin-top: 20px; padding-bottom: 20px; font-style: italic; text-shadow: 1px 1px 0px #88775C; padding-top: 10px">Prénom P. Nom</div><br/><div style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 30px; color: #A9987D; font-style: italic; text-shadow: 1px 1px 0px #88775C; font-family: 'Playball', cursive; width: 300px; text-align: center; position: relative; top: 170px; left: 83px">Je suis...</div><div style="margin-left: 10px; width: 200px; height: 320px; background-image: url(http://nsa33.casimages.com/img/2013/06/22/130622110435489341.png); float: left; border: 1px dotted #DFDDD5"></div><div style="width: 320px; height: 302px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-right: 10px; float: right; background-color: #6C583B"><b>Informations concernant le personnage. </b>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?</div>
    <div style="clear: both"></div></br><div style="width: 300px; height: 200px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 10px; border-right: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-left: 10px; float: left; background-color: #6C583B"><b>Informations concernant les liens recherchés.</b> Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare? </div><div style="float: right; margin-right: 10px"><div style="float: right; margin-right: 10px"><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: right"></div><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: left"></div><br/><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: right"></div><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: left"></div></div></div><div style="clear: both; text-align: center; font-style: italic; color: #6C583B">© Narja - S. Amakusa pour [url=http://www.never-utopia.com]Never Utopia[/url] </div></blockquote>





**********************





Carnet d'Adresses
Descriptif, petite entête, et que-sais-je encore.

Identité - Nature du Lien
Descriptif du lien. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

RP's où apparaît le personnage
Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

Identité - Nature du Lien
Descriptif du lien. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

RP's où apparaît le personnage
Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre
© Narja - S. Amakusa pour Never Utopia



Code:
<link href='http://fonts.googleapis.com/css?family=Playball|Pathway+Gothic+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<blockquote style="width: 600px; margin-left: auto; margin-right: auto; background-color: #443924; box-shadow: 0px 0px 5px #443924; color: #DFDDD5; border: 1px dotted #935416"><div style="font-family: 'Playball', cursive; margin-left: auto; margin-right: auto; width: 100%; font-size: 70px; color: #A9987D; text-align: center; margin-top: 20px; padding-bottom: 20px; font-style: italic; text-shadow: 1px 1px 0px #88775C; position: relative; z-index: 12; top: 10px">Carnet d'Adresses</div><div style="width: 500px; height: 40px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top: 1px dotted #DFDDD5; border-bottom: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: center; overflow: auto; margin-right: auto; margin-left: auto; background-color: #6C583B; position: relative; z-index: 10; top: -5px">Descriptif, petite entête, et que-sais-je encore.</div><div style="clear: both;"></br></div><div style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 30px; color: #A9987D; font-style: italic; text-shadow: 1px 1px 0px #88775C; font-family: 'Playball', cursive; width: 300px; text-align: center; position: relative; top: 170px; left: 83px">Identité - Nature du Lien</div><div style="margin-left: 10px; width: 200px; height: 320px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110430181036.png); float: left; border: 1px dotted #DFDDD5"></div><div style="width: 320px; height: 302px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-right: 10px; float: right; background-color: #6C583B"><b>Descriptif du lien. </b>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

<b>RP's où apparaît le personnage</b>
Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]

Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]</div><div style="clear: both;"></br></div><div style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 30px; color: #A9987D; font-style: italic; text-shadow: 1px 1px 0px #88775C; font-family: 'Playball', cursive; width: 300px; text-align: center; position: relative; top: 170px; left: 83px">Identité - Nature du Lien</div><div style="margin-left: 10px; width: 200px; height: 320px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110430181036.png); float: left; border: 1px dotted #DFDDD5"></div><div style="width: 320px; height: 302px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-right: 10px; float: right; background-color: #6C583B"><b>Descriptif du lien. </b>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

<b>RP's où apparaît le personnage</b>
Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]

Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]</div><div style="clear: both; text-align: center; font-style: italic; color: #6C583B">© Narja - S. Amakusa pour [url=http://www.never-utopia.com]Never Utopia[/url]</div></blockquote>


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seoul.forumactif.org

avatar

75

19/07/2014

MessageSujet: Re: Exemples de fiches de liens Dim 3 Aoû - 19:01


TITRE
SOUS TITRE
Nom Prénom
Lien
TEXTE
NOM PRENOM
LIEN
TEXTE
Prénom NOM
Lien
Texte.
Prénom NOM
Lien
Texte.

*Never utopia


Code:
    <style>.fondu_fiche1{position:relative;}.fondu_fiche1,#text_moi1,#text_moi3{width:99%;background-color:#4D3A28;font-size:13px;font-family:Century Gothic;color:#8c7563;-moz-transition:1s opacity;-webkit-transition:1s opacity;-o-transition:1s opacity;}#text_moi1{position:absolute;z-index:2;opacity:1;}#text_moi3{position:absolute;z-index:1;opacity:0}.fondu_fiche1:hover #text_moi1{opacity:0.1;z-index:0;}.fondu_fiche1:hover #text_moi3{opacity:1;}</style><table>
    <span style="font-family: Georgia; font-size: 40px; color: #8a7f70; text-shadow: #382a1d 2px 1px 0px;">TITRE</span><br><span style="font-family: Georgia; font-size: 20px; color: #8c7563; text-shadow: #382a1d 2px 1px 0px;">SOUS TITRE</span>
    </table><center><table><tr><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Nom Prénom</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">TEXTE</div></td></tr></table></td></tr></table></div></td><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">NOM PRENOM</div><div id="text_moi3" style="padding-left:5px">LIEN</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">TEXTE</div></td></tr></table></td></tr></table></div></td></tr><tr><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Prénom NOM</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">Texte.</div></td></tr></table></td></tr></table></div></td><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Prénom NOM</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">Texte.</div></td></tr></table></td></tr></table></div></td></tr></table></center>

Never Utopia*
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seoul.forumactif.org

avatar

75

19/07/2014

MessageSujet: Re: Exemples de fiches de liens Dim 3 Aoû - 19:02



Identité

Nom & Prénom:
Race:
Âge:
Métier:
Classe sociale:
Pouvoir:

Liens recherchés

Description des liens recherchés

Image du lien
Nom Prénom
Description du lien
Rencontre 1: Liens du rp - Description

Image du lien
Nom Prénom
Description du lien
Rencontre 1: Liens du rp - Description

Image du lien
Nom Prénom
Description du lien
Rencontre 1: Liens du rp - Description






Code:
    <div style="overflow: fixe; width: 550px; background-color: #54607C; margin: auto; border-width: 10px; border-color: #BAA98D; border-style: solid; -moz-border-radius: 80px 80px 0px 0px; -webkit-border-radius: 80px 80px 0px 0px;">
    [center][img]http://i55.servimg.com/u/f55/11/47/14/72/sesthi10.png[/img][/center]<center><table><tr><td><div style="width:200px; padding-top:10px;padding-bottom:15px; padding-left:5px; padding-right:5px;">[img]http://i75.servimg.com/u/f75/11/47/14/72/sestth10.jpg[/img]
    </div></td><td><div style="width:300px; padding-top:30px; padding-bottom:30px; padding-left:5px; padding-right:5px; border-radius:20px; "><span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Identité</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; text-align:justify; height: 130px; overflow:auto">
    [center][b]Nom & Prénom:[/b]
    [b]Race:[/b]
    [b]Âge:[/b]
    [b]Métier:[/b]
    [b]Classe sociale:[/b]
    [b]Pouvoir:[/b] [/center]</div>
    <span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Liens recherchés</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C; height:130px; overflow: auto">
    Description des liens recherchés</div></td></tr></table></center>
    [center][img]http://i55.servimg.com/u/f55/11/47/14/72/mes_li10.png[/img][/center]
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    </div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seoul.forumactif.org

avatar

75

19/07/2014

MessageSujet: Re: Exemples de fiches de liens Dim 3 Aoû - 19:07



Un bout de nom...


Nom & Prénom
Nature du lien




La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.



Nom & Prénom
Nature du lien




La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.



Nom & Prénom
Nature du lien




La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.



Nom & Prénom
Nature du lien




La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.



Nom & Prénom
Nature du lien




La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.



Nom & Prénom
Nature du lien




La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.





Codes par MoiSadike©





Code:
    <style type="text/css">#conteneur {;text-align:justify;position: relative;font-family:Georgia;text-shadow: 2px 2px 2px #000000;color:#ffffff}div#transparente {;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;-khtml-opacity: 0.5;width: 200px;height: 390px;}div#pastransparente {top:5px;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;-khtml-opacity: 0;position: absolute;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;width:200px;}div#pastransparente:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity: 1;position: absolute;height:390px;}div.fiche2{z-index:1;-moz-border-radius:200px;border-radius:200px;margin-top:5px;text-align:justify; font-family:Georgia;text-shadow: 2px 2px 2px #000000;opacity:0.5; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);position: relative; width:250px; height:50px; overflow:hidden;display:inline-block;background-color:#82B0E4;color:#ffffff;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}div.fiche2:hover{margin-top:-150px;margin-bottom:-250px;z-index:99;-moz-border-radius:100px;border-radius:100px;background-color:#6C92BE;width:280px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity:1; border:3px dashed #91C4FF;height:500px}div.text_style{margin-top:10px;text-align:center;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-family:vivaldi;font-size:45px;}div.text_style:hover{-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-size:50px; letter-spacing:6px; text-shadow:0px 0px 10px #91C4FF;}</style>

    <fieldset style="border: 2px dashed #91C4FF; border-radius: 15px; background-color: #567594; padding:15px; color: #ffffff"><legend style="text-align:center"><div class="text_style">Un bout de nom...</div></legend>

    <center><table><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
  Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?        </div>
      </div>

    </div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
  Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td></tr></table></center>

    <div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div></fieldset>

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seoul.forumactif.org


Contenu sponsorisé

MessageSujet: Re: Exemples de fiches de liens

Revenir en haut Aller en bas
 
Exemples de fiches de liens
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Codes de fiches de liens
» Modèle de fiches de liens
» Créer une fiche de liens
» "Role... play ? Ça s'mange, au moins ?" - Murasakibara Atsushi
» Modèle prédéfini pour les fiches de liens

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Seoul :: Administration :: My Book :: Liens-