Homemade Pats'Works

Heu bah, Caelan m'a demandé de bien vouloir lui faire une feuille de style, alors j'ai pensé que créer un sujet ici serait pas mal en fin de compte Very Happy

Donc c'est parti, première cliente, Caelan Midnight Chocolate Cookies !

Sobre, bordures dégradées (visible sous MF uniquement)

Nom

balblab

Nom

balblab

Voilà un premier jet, m'selle, j'avoue, j'ai pas trop compris ton dernier MP par contre Laughing

xD Et c'est très joli, en fait, je pense que c'est tout aussi bien comme ça ^^ Je ferai que deux catégories différentes, ce sera tout aussi simple xD

Les cadres s'agrandissent quand tu écris dedans ?

Je pense que tu peux tout à fait continuer là dessus pour la partie "présentation", ce sera parfait ^^ (t'embête pas ^^)

Aaron Petipatapon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a metus eu lectus interdum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut sed nisi nulla. Etiam eget mi quam, quis pharetra tellus. Nunc non lorem eget tellus ultricies posuere. Aliquam congue, felis et ultrices placerat, neque urna volutpat risus, id egestas quam sapien at erat. Morbi aliquet lacinia ante, vel varius eros adipiscing ut. Cras turpis arcu, tristique sed iaculis a, facilisis vel lorem. Vestibulum sed massa lorem, a blandit quam. Morbi vel sem non leo aliquam tincidunt. Integer dapibus vulputate ligula, sit amet porta lacus molestie ut. Vivamus elit dui, feugiat quis molestie vitae, commodo eu metus. Donec velit nisl, feugiat sit amet mollis quis, tempus eu erat. Aliquam erat volutpat. Integer tempor quam vitae sem laoreet mollis. Quisque auctor molestie est id laoreet. Aliquam porttitor, felis et mattis mattis, ligula felis vestibulum augue, eget euismod erat leo quis turpis. Praesent rutrum, magna a tincidunt aliquam, odio mi consectetur orci, at volutpat neque mauris sed lacus.

Sarcopterygii Cœlacantha

Donec vel ligula sed tortor dapibus mollis vel non sapien. Curabitur nec tellus turpis, et elementum tellus. Donec lacinia orci ut diam sollicitudin sit amet luctus est lobortis. Vivamus pharetra semper dictum. Suspendisse potenti. Mauris feugiat dignissim est eget aliquet. Ut metus augue, hendrerit nec aliquet id, egestas laoreet ante. Vivamus lobortis dui ut mi cursus porttitor. Maecenas vitae dignissim risus. Nam quis nibh augue, eu sollicitudin erat. In a mi ac lacus consequat sodales a vel nulla. Morbi aliquam purus et eros lobortis egestas. Praesent elit dui, dapibus et venenatis eget, adipiscing quis magna. Etiam ut dignissim velit. Quisque ac feugiat purus.

Tata Vodka

Suspendisse a euismod tortor. Suspendisse sollicitudin sem at nibh blandit fermentum. Donec pellentesque pellentesque nisi nec hendrerit. Ut diam ante, hendrerit non mollis vitae, hendrerit a orci. Donec non justo mi. Quisque enim augue, aliquam at pellentesque ultricies, congue sit amet sapien. Vestibulum placerat malesuada rhoncus. Nulla malesuada tortor vel orci tempor malesuada. In bibendum risus in lacus venenatis vel tincidunt metus mattis. Praesent vitae nibh quam, et facilisis eros. Nulla a sem nisi.

Deuxième mouture, blanc/gris/noir, effet glossy-glossy (parce que je le vaux bien !)

MOUAAAAAAAAAAAAAAAAAAAAH Homemade Pats'Works 487569

J'aime le glossy glossy d'amour des cheveux Homemade Pats'Works 772465

Ne change rieeeeeeeeeeeeeeeeeeeeeeeeen !

*a trouvé sa nouvelle divinité Homemade Pats'Works 772465

*

En haut à droite, dans le trou, on peut placer éventuellement un petit commentaire Very Happy

Si ca te plait, je te fais un tuto rapide pour le placer sur ta fiche Very Happy

Oh oui

Genre une citation ou des paroles de chanson.
Ouaip, pour moi c'est bon Homemade Pats'Works 487569

Est ce qu'y a moyen que je te soudoie pour me faire des titres stp ? =P Genre juste le cadre avec les mots à moitié dessus, à moitié pas dessus ^^

Comme ceci, M'selle ?

Mon titre à moi !

Ah ! Ah ! Ah Laqueuleuleu !
Ah ! Ah ! Ah Laqueuleuleu !
Tout le monde s'éclate à la queueleuleu !

Aaron Petipatapon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a metus eu lectus interdum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut sed nisi nulla. Etiam eget mi quam, quis pharetra tellus. Nunc non lorem eget tellus ultricies posuere. Aliquam congue, felis et ultrices placerat, neque urna volutpat risus, id egestas quam sapien at erat. Morbi aliquet lacinia ante, vel varius eros adipiscing ut. Cras turpis arcu, tristique sed iaculis a, facilisis vel lorem. Vestibulum sed massa lorem, a blandit quam. Morbi vel sem non leo aliquam tincidunt. Integer dapibus vulputate ligula, sit amet porta lacus molestie ut. Vivamus elit dui, feugiat quis molestie vitae, commodo eu metus. Donec velit nisl, feugiat sit amet mollis quis, tempus eu erat. Aliquam erat volutpat. Integer tempor quam vitae sem laoreet mollis. Quisque auctor molestie est id laoreet. Aliquam porttitor, felis et mattis mattis, ligula felis vestibulum augue, eget euismod erat leo quis turpis. Praesent rutrum, magna a tincidunt aliquam, odio mi consectetur orci, at volutpat neque mauris sed lacus.

... Parfait Homemade Pats'Works 487569

Merci énormément !!!!!!!!!

Oki ca roule, je te code çà proprement et je poste à la suite pour que tu puisses prendre les codes !

(juste au passage...)

Homemade Pats'Works 487569

ma TAATAAAAA VOOODA *câââââlin* -BAAAF-

Codes CSS :
A placer en début de post, uniquement dans le premier message de chaque page de ton sujet de relations

Code:: <style type='text/css'>.caelan_whitenom{position : relative; top : -60px; z-index:100; margin-left : 150px; font-weight :bold; font-size : 2em; font-family :"lucida handwriting"; text-align : center; text-shadow:0 0 20px #ffffff;} .caelan_image{height:200px; width:200px;} .caelan_whitebox{border:1px solid #ffffff; -moz-border-radius:20px; -moz-box-shadow:0 0 20px #ffffff; background-color : #ffffff; color : #000000; } .caelan_comm{position : relative; top:-80px; margin-left: 150px; padding : 10px; font-size : 0.8em;} .caelan_blacknom{position : relative; top : -60px; z-index:100; margin-left : 150px; font-weight :bold; font-size : 2em; font-family :"lucida handwriting"; text-align : center; text-shadow:0 0 20px #000000;} .caelan_blackbox{border:1px solid #000000; -moz-border-radius:20px; -moz-box-shadow:0 0 20px #000000; background-color : #000000; color : #ffffff; } .caelan_greynom{position : relative; top : -60px; z-index:100; margin-left : 150px; font-weight :bold; font-size : 2em; font-family :"lucida handwriting"; text-align : center; text-shadow:0 0 20px #7c7f7b;} .caelan_greybox{border:1px solid #7c7f7b; -moz-border-radius:20px; -moz-box-shadow:0 0 20px #7c7f7b; background-color : #7c7f7b; color : #ffffff; } .caelan_relatitre{height:200px;} .caelan_citation{position : relative; height : 200px; top:-200px; font-family :"lucida handwriting"; font-size: 0.8em; text-align : right;} .caelan_whitetitre{height : 5px; margin-left: 50px; margin-right : 50px; font-family :"lucida handwriting"; font-size : 2em; border:1px solid #ffffff; -moz-border-radius:20px; -moz-box-shadow:0 0 20px #ffffff; background-color : #ffffff; color : #000000; text-align : center;} .caelan_whitetitre span{position : relative; top : -8px; text-shadow:0 0 20px #ffffff;} .caelan_blacktitre{height : 5px; margin-left: 50px; margin-right : 50px; font-family :"lucida handwriting"; font-size : 2em; border:1px solid #000000; -moz-border-radius:20px; -moz-box-shadow:0 0 20px #000000; background-color : #000000; color : #ffffff; text-align : center;} .caelan_blacktitre span{position : relative; top : -8px; text-shadow:0 0 20px #000000;} .caelan_greytitre{height : 5px; margin-left: 50px; margin-right : 50px; font-family :"lucida handwriting"; font-size : 2em; border:1px solid #7c7f7b; -moz-border-radius:20px; -moz-box-shadow:0 0 20px #7c7f7b; background-color : #7c7f7b; color : #ffffff; text-align : center;} .caelan_greytitre span{position : relative; top : -8px; text-shadow:0 0 20px #7c7f7b;}</style>

Code HTML pour la barre de titre :
A placer simplement quand tu veux mettre un titre
En blanc :

Code:: <div class='caelan_whitetitre'><span>Titre</span></div>

En gris :

Code:: <div class='caelan_greytitre'><span>Titre</span></div>

En noir :

Code:: <div class='caelan_blacktitre'><span>Titre</span></div>

Code HTML pour la relation :
Idem
En blanc :

Code:: <div class='caelan_relatitre'><div class='caelan_image caelan_whitebox' style="background : url('http://img4.hostingpics.net/pics/148560t3png.png') center center no-repeat"></div><div class='caelan_citation'>Citation</div></div><div class='caelan_whitenom' style="color : #457bd7;">Prénom NOM</div>
<div class='caelan_whitebox caelan_comm'>Tes commentaires</div>

En gris :

Code:: <div class='caelan_relatitre'><div class='caelan_image caelan_greybox' style="background : url('http://img4.hostingpics.net/pics/148560t3png.png') center center no-repeat"></div><div class='caelan_citation'>Citation</div></div><div class='caelan_greynom' style="color : #457bd7;">Prénom NOM</div>
<div class='caelan_greybox caelan_comm'>Tes commentaires</div>

En noir :

Code:: <div class='caelan_relatitre'><div class='caelan_image caelan_blackbox' style="background : url('http://img4.hostingpics.net/pics/148560t3png.png') center center no-repeat"></div><div class='caelan_citation'>Citation</div></div><div class='caelan_blacknom' style="color : #457bd7;">Prénom NOM</div>
<div class='caelan_blackbox caelan_comm'>Tes commentaires</div>