AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


11 résultats trouvés pour en_tête_rp

Zuiichi

Fiche de liens - Dim 3 Jan 2016 - 15:02

#html #fiche_relation #en_tête_rp #auteur_Zuiichi


Bonjour, bonsoir Wink

Alors voilà un code que j'ai fais il n'y as pas si longtemps !
Donc voilà, image et couleurs changeable a volonté Wink

Aperçu
Spoiler:



Code d'en tête (avec le nom, prénom et les deux images)
Code:
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css' /><div style="width: 400px; font-family: 'Sacramento', cursive; font-size: 50px; text-transform: lowercase; line-height: 100%; text-align: center; margin: auto; margin-top: -20px; margin-bottom: -10px; color: #fff; text-shadow: -1px 0 #96be36, 0 1px #96be36, 1px 0 #96be36, 0 -1px #96be36;">NOM & PRENOM</div><div style="margin: auto; width: 400px; height: 5px; background-color: #96be36"></div><div style="margin: auto; height: 1px; width: 400px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div><table cellpadding="0" cellspacing="0" style="margin: auto; width: 400px;"><tr><td><div style="width: 249px; height: 250px; background-image: url(IMAGE 249*250)" /></div></td><td><div style="width: 1px"></div></td><td><div style="width: 150px; height: 250px; background-image: url(IMAGE 150*250)" /></div></td></tr></table><div style="margin: auto; height: 1px; width: 400px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div><div style="margin: auto; width: 400px; height: 5px; background-color: #96be36"></div><div style="margin: auto; height: 1px; width: 400px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div><div style="margin: auto; width: 400px; height: 60px; text-align: center; background-image: url(http://www.shizoo-design.de/stuff/patterns/335.jpg)" />
<a href="http://www.never-utopia.com/" style="font-size: 10px;">Zuiichi (c) Never Utopia</a></div>


Code de fiche de lien
Code:
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css' />
<div style="text-align: center;"><div style="height: 1px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div><div style=" height: 5px; background-color: #96be36"></div><div style="height: 1px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div>
<img src="GIF OU IMAGE 500*200" style="border: 1px solid #96be36" />
<div style="margin: auto; width: 400px; font-family: 'Sacramento', cursive; font-size: 50px; text-transform: lowercase; line-height: 100%; text-align: center; margin-top: -20px; margin-bottom: -10px; color: #fff; text-shadow: -1px 0 #96be36, 0 1px #96be36, 1px 0 #96be36, 0 -1px #96be36; text-align: center;">TITRE</div><div style="margin: auto; width: 400px; height: 5px; background-color: #96be36"></div>


<div style="margin:auto;border-left: 5px solid #96be36; border-right: 5px solid #96be36; background-color: white; width: 440px;"><table width="100%"><tr><td align="middle" width="120px" style="padding: 3px;"><img src="IMAGE 100*100" /></td><td valign="top"style="border-left: 1px dotted #96be36; padding: 3px; text-align: left;"><span style="font-family: 'times new roman'; color: black;">NOM PRENOM</span>
<div style="overflow: auto; height: 100px; padding-right: 5px; padding-left: 3px; color:grey; size: 11px;">
citation ou titre de lien
Description du lien, description du lien, description du lien description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien.
</div></td></tr></table></div>

<div style="margin:auto;border-left: 5px solid #96be36; border-right: 5px solid #96be36; background-color: white; width: 440px;"><table width="100%"><tr><td align="middle" width="120px" style="padding: 3px;"><img src="IMAGE 100*100" /></td><td valign="top"style="border-left: 1px dotted #96be36; padding: 3px; text-align: left;"><span style="font-family: 'times new roman'; color: black;">NOM PRENOM</span>
<div style="overflow: auto; height: 100px; padding-right: 5px; padding-left: 3px; color:grey; size: 11px;">
citation ou titre de lien
Description du lien, description du lien, description du lien description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien.
</div></td></tr></table></div>

<div style="height: 1px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div><div style="height: 5px; background-color: #96be36"></div><div style="height: 1px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div>
</div>


Code du cadre du lien
Code:
<div style="margin:auto;border-left: 5px solid #96be36; border-right: 5px solid #96be36; background-color: white; width: 440px;"><table width="100%"><tr><td align="middle" width="120px" style="padding: 3px;"><img src="IMAGE 100*100" /></td><td valign="top"style="border-left: 1px dotted #96be36; padding: 3px; text-align: left;"><span style="font-family: 'times new roman'; color: black;">NOM PRENOM</span>
<div style="overflow: auto; height: 100px; padding-right: 5px; padding-left: 3px; color:grey; size: 11px;">
citation ou titre de lien
Description du lien, description du lien, description du lien description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien, description du lien.
</div></td></tr></table></div>


Prenez le temps de regarder le contenu du codage, des fois, ce n'est pas très évident de voir ou il faut placer les textes et les images.

Le fond du codage est transparent (sur le screen le fond du forum est noir)
Pour changer la couleur "verte" chercher le code couleur "#96be36"
Pour rajouter des cadres de liens, rajoutez le code avant ce code là
Code:
<div style="height: 1px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div><div style="height: 5px; background-color: #96be36"></div><div style="height: 1px; border-bottom: 1px dotted #96be36;"></div><div style="height: 1px"></div>
</div>

Nyyx

Entête de RP ~ Classique - Dim 3 Mai 2015 - 23:54

#html #en_tête_rp #auteur_Nyyx


Hullo ! Voici mon premier codage, une entête de RP donc ! Soyez indulgents pitié, je débute. T-T

Histoire de prévenir, pour le titre (le texte quoi.) je me suis inspirée de ce petit chose adorable (clic) d'Ehawee ! *_* Merci beaucoup par ailleurs, et si ça dérange, je peux bien évidemment changer. Very Happy

Aperçu ▬ clic clic


Code:
<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<span style="display: block; background: url(http://image.noelshack.com/fichiers/2015/18/1430414261-ezgif-1234029873.gif); width: 350px; height: 115px; margin: auto; border-top: 2px solid #b3a5a3; border-bottom: 2px solid #b3a5a3; box-shadow: 0px 0px 5px black;">

</span>
<div style="width: 330px; background-color: #b3a5a3; box-shadow: 0px 0px 5px black; padding-top: 12px; padding-left: 10px; padding-right: 10px; margin: auto; border-bottom-left-radius: 30px; border-bottom-right-radius: 32px; ">
<span style="display: block; font-family: vivaldi; font-size: 30px; color: #1f000c; text-shadow: 1px 1px 2px #1f000c; text-align: center; border-top: 1px dotted #68002a; width: 100%;">
<span style="color: #68002a; text-shadow: 1px 1px 2px #68002a; font-size: 40px; font-family: 'Great Vibes' ">T</span>itre du rp</span><span style="display: block; text-align: center; font-size: 10px; color: #efe5e9; font-variant: small-caps; letter-spacing: 2px; border-bottom: 1px dotted #68002a; width: 100%; ">ft. anneau nim et anne o'nym</span>

</div>
<span style="display: block; color:#68002a; font-size: 8px; text-align: center;">(c) Nyyx | <a href="http://www.never-utopia.com/">Never Utopia</a></span>

A-Lice

L'été sera chaud ~ - Ven 15 Aoû 2014 - 19:42

#html #en_tête_rp #auteur_A-Lice


L'été sera chaud ~


Voici un ensemble de fiche pour faire venir l'été x).

Je précise que l'arrière plan vert correspond à mon forum.

HTML ~ Voici donc un aperçu : www


Et le code :

HTML :
Code:
<br/><link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css' /><div style="width:600px; background:#2ABECE; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); margin:auto; color:#EFF3E0;"><div style="padding:10px; background:#EFF3E0; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg);"><div style="font-size:25px; text-align:center; padding:10px; color:#BD8594; font-family: 'Aladin', cursive;">Titre RP</div>
<div style="display:inline-block; width:400px; height:140px; background:#FC605C; margin-left:15px; margin-right:15px; float:right;"><div style="float:left; width:5px; font-size:17px; text-align:right; word-break:break-all; line-height:15px; padding:10px; font-variant:small-caps; font-family: 'Aladin', cursive;">Prénom</div> <div style="padding:10px; text-align:justify; height:120px; overflow:auto;">[b]Description de ce qu'il s'est passé jusqu'à présent ~ [/b]

</div></div>
<div style="width:100px; height:100px; overflow:hidden; z-index:10; position:relative; margin-left:15px;"><img src="http://img11.hostingpics.net/pics/355723icon100100.png" /></div><div style="width:100px; height:100px; background:#2ABECE; -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); margin-top:-100px; margin-left:15px;"></div>

<a href="http://www.never-utopia.com/" style="text-decoration:none; display:block; text-align:center; color:#2ABECE;">© A-Lice | Never-Utopia</a></div></div><br/>


La suite de l'ensemble se trouve ici :


Présentation
Règlement - Contexte
En-tête RP
Contenu RP
Relations

/!\ En cas de problème, c'est ici que ça ce passe.

Trenz

Style Rond - Sam 4 Jan 2014 - 18:20

#html #en_tête_rp #effet_hover #auteur_Trenz





Citation

TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE



Code:
<style> .entete { border:dashed 0px #000000; -moz-border-radius-topleft: 80px; -moz-border-radius-topright:80px; -moz-border-radius-bottomleft:80px; -moz-border-radius-bottomright:80px; -webkit-border-top-left-radius:80px; -webkit-border-top-right-radius:80px; -webkit-border-bottom-left-radius:80px; -webkit-border-bottom-right-radius:80px; border-top-left-radius:80px; border-top-right-radius:80px; border-bottom-left-radius:80px; border-bottom-right-radius:80px; background-color: #000000; color: #FFFFFF; width: 200px; height: 200px; overflow: auto; padding: 10px } .entete:hover { background-color: #540707; color: #EDF500 </style>

<center><div class="entete">
[center]<div style="font-family: Oswald, cursive">[size=24]Citation[/size]</div>[/center]

TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE

[right][size=7] (c) <a href="http://www.never-utopia.com/forum">Never Utopia</a>[/size][/right]


Ceci est une petite en-tête de rp ronde, faîtes avec du hover. J'insiste sur le fait que le crédit doit être gardé, il est interdit de l'enlever, ceci sera considéré comme du plagiat. Postez un petit merci pour avoir le code, vous me ferez grand plaisir <3

Hana Evali

en tête soleil - Lun 28 Oct 2013 - 1:02

#html #en_tête_rp #auteur_Hana_Evali


Bonjour à tous,

Voici un en tête de RP très simple mais original et facilement modifiable :)

Un petit aperçu ?

Un autre aperçu:


Code:
<br /><div style="background-color: #couleur; margin: auto; width: 500px; height: auto; color: #FF5900; text-shadow: 2px 2px 2px #7D0000; font-size: 40px; border-radius: 50px; box-shadow: 5px 0px 5px #7D0000; text-align: center;">Titre - Nom P.<br /><br /><img style="width: 50px; height: 50px; border: 2px solid #FF9300; border-radius: 0px 50px; display: inline-block; margin: 2px;" src="http://www.astrosurf.com/omega-astro/systeme_solaire/soleil.jpg" /><img style="width: 50px; height: 50px; overflow:hidden; border: 2px solid #FF9300; border-radius: 50px 0px; display: inline-block; margin: 2px;" src="http://www.astrosurf.com/omega-astro/systeme_solaire/soleil.jpg" /><br /><img style="width: 50px; height: 50px; overflow:hidden; border: 2px solid #FF9300; border-radius: 50px 0px; display: inline-block; margin: 2px;" src="http://www.astrosurf.com/omega-astro/systeme_solaire/soleil.jpg" /><img style="width: 50px; height: 50px; overflow:hidden; border: 2px solid #FF9300; border-radius: 0px 50px; display: inline-block; margin: 2px;" src="http://www.astrosurf.com/omega-astro/systeme_solaire/soleil.jpg" /><br /><div style="font-size: 11px;"><a href="http://www.never-utopia.com/">(c)Hana Evali</a></div></div>

Asmareth

Sunny Day - Ven 16 Aoû 2013 - 15:25

#html #en_tête_rp #auteur_Asmareth


Voici l'en-tête de RP assorti au modèle de fiche de RP "Sunny Day" :)




Titre du sujet
feat. Machin & Truc


(c) Codage par Asmareth pour Never Utopia


Code:
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css' />
   <div style="width:384px; margin: auto; background-color: #FFE173; padding-top: 10px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 100px; border-top-right-radius: 100px; box-shadow: 2px 2px 5px #807868;">
   <span style="display: block; font-variant: small-caps; font-family: 'Bad Script', cursive; font-size:32px; font-weight: bold; letter-spacing: -4px; color : #695D3E; margin-bottom: -10px; text-align: center">
         Titre du sujet</span><span style="display: block; text-align : center; font-family: 'Bad Script', cursive; font-size:26px; color: #FFBC00; letter-spacing: -5px; text-align:center;">
         feat. Machin & Truc   </span>
      </div><span style="display: block; margin-left : auto; margin-right: auto; width: 400px; height: 120px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif) center center; border: 2px solid #FFE173; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;">
   </span>
   <span style="display: block; margin-top: -25px; text-align: center; color:#FFBC00; font-size: 7px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></span>

Plume de Chouette

En tête bulles beige, vert et bleues. - Ven 10 Mai 2013 - 14:19

#html #en_tête_rp #auteur_Plume_de_Chouette



Titre du RP

Citation





Code:
<div style="background: url('http://www.renders-graphiques.fr/image/upload/mini/element_graphique_8.png'); width: 70%; overflow: hidden; margin: auto; border: 3px solid #ADCF4F; border-radius: 50px; text-align: center;"><br /><link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css' /><div style="font-family:Parisienne;color:#96CA2D; font-size: 30px; letter-spacing: 0px; text-align: center; font-weight: normal; text-shadow: black 0px 2px 2px">Titre du RP</div>
<div style="font-style: italic; font-size: 12px; font-family: arial; color:#4BB5C1;"
Citation</div></div>



^^

Sélène

Green or green - Sam 24 Nov 2012 - 21:55

#html #en_tête_rp #auteur_Sélène


Bonjour,

Voici une petite entête de rp avec le contenu intégré de votre rp :smile:




Τα Καβαλίερς είναι χάος



κυνήγι
Les cavaliers du chaos sont en marche




Code:
<center><fieldset style="border: 5px solid #D0D297; width:20px; border-radius: 10px 10px 10px 10px;"><legend><br><table border="0"><tbody><tr><td align="left"><br><div style="margin: auto; text-align: center; width: 100%;"><table><tbody><tr><td><div style="border:4px solid #D0D297;width:500px;height:220px;border-radius:100px 100px 100px 100px;background-image: url(http://24.media.tumblr.com/tumblr_m6o0wuo3jp1rzs6tmo1_500.gif)"></div>
<div style="text-align:center;margin-top:-28px; color: tan; text-shadow: #000000 1px 1px 3px; font-size: 35px;word-spacing:3px;font-family:Times new roman;">Τα Καβαλίερς είναι χάος



κυνήγι </div><div style="text-align:center;color:black;margin-top:-32px;font:comic sans ms;"> Les cavaliers du chaos sont en marche </div></td></tr></tbody></table></div></td></tr></tbody></table></legend>

</fieldset>

Sparrow-style

Zen Rice - Mer 13 Juin 2012 - 16:28

#html #en_tête_rp #auteur_Okhmhaka




"Prénom"
&
"Prénom"

© Never-Utopia


Code:
<table style=" width: 400px; margin: auto;"><tr><td><span style="display: block; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #2d452e; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; margin: 5px;"></span></td>
<td><span style="display: block; width: 200px; font-family: trebuchet; font-weight: bold; font-size: 26px; line-height: 14px; color: #6c976e; text-shadow: 1px 1px 0px #2d452e; text-align: center; letter-spacing: 2px; border-bottom: 6px dotted #6c976e; padding-bottom: 40px;">"Prénom"
&
"Prénom"</span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://h2.mabellephoto.com/time-is-runnig-out-scenes-de-vie-8d6041C100.jpg) center center; border: 5px solid #2d452e; -moz-border-radius-topright: 100px; -moz-border-radius-bottomleft: 100px; margin: 5px;"></span></td></tr></table>
<a style="display: block; text-align: center; color: #5c8d5b; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; margin-top: -30px; border: none;" href="http://www.never-utopia.com">© Never-Utopia</a>

Sparrow-style

Ocean - Mer 13 Juin 2012 - 16:27

#html #en_tête_rp #auteur_Okhmhaka


"Titre du topic"






&

© Never-Utopia

Code:
<span style="display: block; border-bottom: 10px solid #2e4c6a; width: 100%; height: 20px; font-family: arial black; font-size: 20px; letter-spacing: 2px; text-align: center; color: #91b3d5; text-shadow: 2px 2px 0px #2e4c6a;">"Titre du topic"</span>
<span style="display: block; border-bottom: 6px solid #2e4c6a; width: 100%; height: 2px; margin-top: -15px;"></span>
<span style="display: block; border-bottom: 3px solid #2e4c6a; width: 100%; height: 2px; margin-top: -15px;"></span>
<span style="display: block; border-bottom: 1px solid #2e4c6a; width: 100%; height: 2px; margin-top: -15px;"></span>
<table style="width: 300px; margin-left: auto; margin-right: auto; margin-top: -70px;"><tr><td><span style="display: block; width: 100px; height: 100px; border: 1px solid #91b3d5; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center;"></span></td>
<td><span style="dislay: block; text-align: center; font-size: 46px; font-family: arial black; color: #91b3d5;">&</span></td>
<td><span style="display: block; width: 100px; height: 100px; border: 1px solid #91b3d5; background: url(http://32.mgl.skyrock.net/blog/vig/time-t0-live.68288732.2738672534.1.jpg) center center;"></span></td>
</tr></table>
<a style="display: block; text-align: center; color: #35436b; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; margin-top: -20px; border: none;" href="http://www.never-utopia.com">© Never-Utopia</a>

Sparrow-style

Dual curve - Mer 13 Juin 2012 - 16:13

#html #en_tête_rp #auteur_Okhmhaka





Prénom & Prénom
© Never-Utopia

Code:
<span style="display: block; width: 100%; border-bottom: 4px dotted #b69276; margin-top: 100px; margin-bottom: -100px;"></span>
<table style="width: 200px; margin: auto;"><tr><td><span style="display: block; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #712a2a; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://h2.mabellephoto.com/time-is-runnig-out-scenes-de-vie-8d6041C100.jpg) center center; border: 5px solid #712a2a; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td></tr></table>
<span style="display: block; width: 400px; text-align: center; margin-left: auto; margin-right: auto; margin-top: -45px; font-size: 22px; font-weight: bold; letter-spacing: 4px; font-family: georgia; color: #ffffff; text-shadow: 0px 0px 5px #532f12;">Prénom & Prénom</span>
<a style="display: block; text-align: center; color: #746152; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; margin-top: -10px; border: none;" href="http://www.never-utopia.com">© Never-Utopia</a>


Revenir en haut

La date/heure actuelle est Sam 11 Mai 2024 - 18:14