| Sujet: ••• LIBRE SERVICE DE RS ㅡ amour amour love Mer 31 Juil - 18:47 Parce qu'on ne sait pas tous coder, ce sujet mettra à disposition différentes mises en page de fiche de relations, entièrement modifiable pour s'accorder à toutes vos envies ! Bien sûr, les membres ayant du savoir faire en codage peuvent proposer les leurs à la suite de ce sujet, en fournissant les deux parties (le truc avec la description et les petites cases pour les liens), ainsi que la taille de l'illustration si il y en a une. ♥ ♥
|
|
| Sujet: Re: ••• LIBRE SERVICE DE RS ㅡ amour amour love Mer 31 Juil - 19:07 (l'image c'est heu du 400*332) WEEKENDER •• GIRL caractéristiques du perso kawaii Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker. - Code:
-
<center><div style="width:500px; background-color:#ececec; border-top: solid 60px pink;"> <div style="border: 12px solid white; width:400px;">[img]http://image.noelshack.com/fichiers/2012/51/1356197013-testi.png[/img]</div> <div style="font-size:50px; letter-spacing:-4px; text-shadow:1px 1px 0px white;">[font=georgia][color=pink]WEEKENDER •• GIRL[/color][/font]</div> <table><td><div style="background-color: pink; width:100px; height:75px; padding-top:25px; letter-spacing:-2px; text-shadow: 1px 1px 0px #f382aa;"> [center][font=serif][color=white][size=18][i]fiche[/i][/size][/color][/font][/center] </div></td><td><div style="background-color: pink; width:100px; height:75px; padding-top:25px; letter-spacing:-2px; text-shadow: 1px 1px 0px #f382aa;"> [center][font=serif][color=white][size=18][i]thème[/i][/size][/color][/font][/center] </div></td><td><div style="background-color: pink; width:100px; height:75px; padding-top:25px; letter-spacing:-2px; text-shadow: 1px 1px 0px #f382aa;"> [center][font=serif][color=white][size=18][i]rps[/i][/size][/color][/font][/center] </div></td><td><div style="background-color: pink; width:100px; height:75px; padding-top:25px; letter-spacing:-2px; text-shadow: 1px 1px 0px #f382aa;"> [center][font=serif][color=white][size=18][i]registre[/i][/size][/color][/font][/center] </div></td></table>
<div style="width:400px; background-color:white; padding: 20px 20px 20px 20px; text-shadow: 0px 0px 0px #d2d2d2; border: solid 1px #eeeeee;"><div style="background-color: pink; text-transform: uppercase; text-shadow: 1px 1px 0px #f1aeba;">[color=white][size=9]caractéristiques du perso kawaii[/size][/color]</div> [justify][size=10]Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.[/size][/justify] </div> <table><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td></table><table><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td><td><div class="gradualfader"><img src="http://www.dreamwidth.org/userpic/1329920/1291538"></div> <div class="gradualfader"></td></table>
</div></center> HERP D. MCDERPSON PETITE PHRASE RITOURNELLE Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker. HERP D. MCDERPSON PETITE PHRASE RITOURNELLE Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker. - Code:
-
<center><div style="width:500px; background-color:#ececec; border-top: solid 60px pink;">
<div style="font-size:50px; letter-spacing:-4px; text-shadow:1px 1px 0px white;">[font=georgia][color=pink]HERP D. MCDERPSON[/color][/font]</div> <div style="margin-top:-35px;"><div style="width:400px; background-color:white; padding: 20px 20px 20px 20px; text-shadow: 0px 0px 0px #d2d2d2; border: solid 1px #eeeeee;"><div style="background-color: pink; text-transform: uppercase; text-shadow: 1px 1px 0px #f1aeba;">[color=white]PETITE PHRASE RITOURNELLE[/color]</div> [color=#aaaaaa][justify][size=10]Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.[/size][/justify][/color] </div></div>
<div style="font-size:50px; letter-spacing:-4px; text-shadow:1px 1px 0px white;">[font=georgia][color=pink]HERP D. MCDERPSON[/color][/font]</div> <div style="margin-top:-35px;"><div style="width:400px; background-color:white; padding: 20px 20px 20px 20px; text-shadow: 0px 0px 0px #d2d2d2; border: solid 1px #eeeeee;"><div style="background-color: pink; text-transform: uppercase; text-shadow: 1px 1px 0px #f1aeba;">[color=white]PETITE PHRASE RITOURNELLE[/color]</div> [color=#aaaaaa][justify][size=10]Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.[/size][/justify][/color] </div></div> </div></center> |
|
| Sujet: Re: ••• LIBRE SERVICE DE RS ㅡ amour amour love Lun 5 Aoû - 14:17 citation/titre blabla sur ton perso liens recherchés yay citation/titre ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son pseudoici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son pseudoici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son pseudoici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son pseudo- VERSION COMPLIQUÉE:
ce code est vachement compliqué à éditer à cause du nombre astronomique de div et de span et en plus le fait qu'il y a, en bas, les codes entre style à éditer. prenez-le que si vous pensez que vous allez gérer. le grand avantage est que vous pouvez le modifier du tout au tout que ce soient les tailles ou les couleurs avec vos petites papattes. en plus, en choisissant celui-ci plutôt que celui en-dessous, vous pourrez donner des couleurs différentes à chacun de vos boîtes et bref faire ce que vous voulez. oh et sachez que le gris clair est #eeeeee et l'orange est #ed761e. - Code:
-
<div style="border-left:0.7em solid #ed761e; padding-left:4em; background-color:#eeeeee;"><div style="font-family:serif; color:#ed761e; font-style:italic; font-size:4em; text-align:right; line-height:0.8em;">citation/titre</div><div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify;">blabla sur ton perso</div>
<div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify;"><img src="http://i.imgur.com/rNqUMYF.jpg" /><img src="http://i.imgur.com/rNqUMYF.jpg" /><img src="http://i.imgur.com/rNqUMYF.jpg" /><img src="http://i.imgur.com/rNqUMYF.jpg" /></div>
<div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify;">liens recherchés yay</div><div style="font-family:serif; color:#ed761e; font-style:italic; font-size:4em; text-align:right; line-height:0.8em;">citation/titre</div></div>
<div style="border-right:0.7em solid #ed761e; background-color:#eeeeee; padding-right:4em;"><div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; display:inline-block; margin-right:2em;"><div class="description"><img src="http://i.imgur.com/rNqUMYF.jpg" class="image_b" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span style="font-family:verdana; line-height:0.8em; color:#ed761e; font-weight:bold">pseudo</span></div></div><div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; display:inline-block; margin-right:2em;"><div class="description"><img src="http://i.imgur.com/rNqUMYF.jpg" class="image_b" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span style="font-family:verdana; line-height:0.8em; color:#ed761e; font-weight:bold">pseudo</span></div></div></div>
<div style="border-left:0.7em solid #ed761e; padding-left:4em; background-color:#eeeeee;"><div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; display:inline-block; margin-left:2em"><div class="description"><img src="http://i.imgur.com/rNqUMYF.jpg" class="image_a" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span style="font-family:verdana; line-height:0.8em; color:#ed761e; font-weight:bold">pseudo</span></div></div><div style="border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; display:inline-block; margin-left:2em"><div class="description"><img src="http://i.imgur.com/rNqUMYF.jpg" class="image_a" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span style="font-family:verdana; line-height:0.8em; color:#ed761e; font-weight:bold">pseudo</span></div></div></div>
<style>.description{line-height:0.8em; color:#3e3f3e; width:14.45em; height:10em; font-family:verdana; overflow:auto} .description .image_a{ display:none } .description:hover .image_a{ width:100px; height:100px; border:0.4em solid #ed761e; display:block; position:absolute; margin-left:19em; } .description .image_b{ display:none } .description:hover .image_b{ width:100px; height:100px; border:0.4em solid #ed761e; display:block; position:absolute; margin-left:-15em; } </style>
- VERSION UN PEU COMPLIQUÉE:
ce code est plus simple à éditer mais c'est pas encore ça. si vous avez quelques connaissances assez basiques en codage et que vous voulez simplement faire en sorte que le gris clair soit rose et le orange soit gris foncé, ce code est mieux pour vous. la partie à éditer pour changer les couleurs ou tailles est le style tout en bas et ainsi, tout le reste du code est plus fluide et plus court. l'orange est #ed761e et le gris clair en fond est #eeeeee - Code:
-
<div class="cadre_a"><div class="sous_titre">citation/titre</div><div class="sous_cadre">blabla sur ton perso</div>
<div class="sous_cadre"><img src="http://i.imgur.com/81SDx80.jpg" /><img src="http://i.imgur.com/81SDx80.jpg" /><img src="http://i.imgur.com/81SDx80.jpg" /><img src="http://i.imgur.com/81SDx80.jpg" /></div>
<div class="sous_cadre">liens recherchés yay</div><div class="sous_titre">citation/titre</div></div>
<div class="cadre_b"><div class="sous_cadre_b"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_b" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div><div class="sous_cadre_b"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_b" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div></div>
<div class="cadre_a"><div class="sous_cadre_a"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_a" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div><div class="sous_cadre_a"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_a" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div></div>
<style>.cadre_a{ border-left:0.7em solid #ed761e; padding-left:4em; background-color:#eeeeee; } .cadre_b{ border-right:0.7em solid #ed761e; background-color:#eeeeee; padding-right:4em; } .sous_cadre{ border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; } .sous_cadre_a{ border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; display:inline-block; margin-left:2em } .sous_cadre_b{ border:0.4em solid #ed761e; padding-left:1em; padding-right:1em; padding-top:0.3em; padding-bottom:0.3em; color:#3e3f3e; font-family:verdana; text-align:justify; display:inline-block; margin-right:2em; } .sous_titre{ font-family:serif; color:#ed761e; font-style:italic; font-size:4em; text-align:right; line-height:0.8em; } .description{ line-height:0.8em; color:#3e3f3e; width:14.45em; height:10em; font-family:verdana; overflow:auto } .description .image_a{ display:none } .description:hover .image_a{ width:100px; height:100px; border:0.4em solid #ed761e; display:block; position:absolute; margin-left:19em; } .description .image_b{ display:none } .description:hover .image_b{ width:100px; height:100px; border:0.4em solid #ed761e; display:block; position:absolute; margin-left:-15em; } .important{ font-family:verdana; line-height:0.8em; color:#ed761e; font-weight:bold }</style>
- VERSION LA PLUS SIMPLE:
vous ne connaissez vraiment rien en code et pour vous tout ceci est du russe déguisé en chinois par des italiens ? ici vous trouverez la version la plus simple de la rs. le grand désavantage est que, pour l'utiliser, vous devrez m'appeler à l'aide (mais si vous avez choisi cette version c'est que de toute façon vous ne savez pas vous charger des modifications vous-même non ?). ma boîte mp est à votre entière disposition pour tout changement de couleurs ou autre ♥ - Code:
-
<link href="https://dl.dropbox.com/s/ih54xhm57uisfzz/rs_orphyde.css" rel="stylesheet" type="text/css" /> <div class="cadre_a"><div class="sous_titre">citation/titre</div><div class="sous_cadre">blabla sur ton perso</div>
<div class="sous_cadre"><img src="http://i.imgur.com/81SDx80.jpg" /><img src="http://i.imgur.com/81SDx80.jpg" /><img src="http://i.imgur.com/81SDx80.jpg" /><img src="http://i.imgur.com/81SDx80.jpg" /></div>
<div class="sous_cadre">liens recherchés yay</div><div class="sous_titre">citation/titre</div></div>
<div class="cadre_b"><div class="sous_cadre_b"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_b" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div><div class="sous_cadre_b"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_b" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div></div>
<div class="cadre_a"><div class="sous_cadre_a"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_a" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div><div class="sous_cadre_a"><div class="description"><img src="http://i.imgur.com/81SDx80.jpg" class="image_a" />ici une description de ton lien avec quelqu'un. si tu veux tu peux même mettre en valeur son <span class="important">pseudo</span></div></div></div>
|
|
| Sujet: Re: ••• LIBRE SERVICE DE RS ㅡ amour amour love Lun 18 Aoû - 13:13 ALORS J'AI FAIT LA RS DE DANIEL ELLE EST BELLE EN PLUS du coup je la mets dans le libre service <3 donc d'abord je la montre et ensuite j'explique ok petit titre
des informations des informations des informations des informations
un titre un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire une petite citation qui fait dix lignes tout pile sinon ça risque de pas faire beau comme si il y en avait 10 donc comme vous voyez il y a une couleur principale (qui ici est steelblue) du coup, si vous voulez changer la couleur, il suffit de faire ctrl+f, de mettre steelblue et de remplacer par la couleur que vous voulez!!! l'autre coleur (la grise) c'est GREYrien d'autre de spécial à dire, seulement que ça fait joli quand on met plusieurs "UN TITRE" dans la zone de texte principale, d'ailleurs sur celle-ci les colonnes se font toute seules donc pas d'inquiétude - PETIT +:
: si vous voulez une barre de défilement accordée au code ( comme ici ) copiez/collez ça au début du message : - Code:
-
<style type="text/css">::-webkit-scrollbar {width: 5px; height:5px;} ::-webkit-scrollbar-track {border-radius: 0px;background-color:steelblue;border:2px solid white;} ::-webkit-scrollbar-thumb {border-radius: 0px; background-color:steelblue;}</style> et remplacez steelblue par la couleur de votre code!!! (avec ctrl+f comme avant ok)
- code de la rs:
- Code:
-
<div style="width:135px;background-color:steelblue;height:660px;padding:20px;color:white;font-family:'raleway';text-transform:uppercase;text-align:center;float:left;">petit titre
<div style="height:1px;line-height:1px;background-color:white;"><br></div> <div style="text-align:left;">des informations des informations des informations des informations </div></div><div style="width:335px;height:335px;padding:10px;font-family:'arial';font-size:11px;line-height:11px;text-align:justify;-webkit-column-count:2;overflow:auto;"> <div style="background-color:steelblue;padding-top:7px;padding-bottom:7px;color:white;font-size:12px;text-transform:uppercase;font-family:raleway;text-align:center;">un titre</div> un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire un petit texte mais PAS DE PANIQUE les colonnes se mettent toute seule quand vous écrives alors y'a rien a faire à part écrire
</div><div style="font-family: raleway; font-weight: bold; font-size: 40px; color:steelblue;text-transform: uppercase; letter-spacing: -4px;line-height:34px;border-left:5px solid gray;margin-top:5px;margin-left:180px;padding-left:10px;width:335px;text-align:left;">une petite citation qui fait dix lignes tout pile sinon ça risque de pas faire aussi beau qui si il y en avait 10</div>
<div style="clear:both;"></div>
ET LE TRUC DES RELATIONS (encore une fois il faut changer steelblue par la couleur que vous voulez)(et les colonnes se font aussi toutes seules) nom blabla la relation nom blabla la relation nom blabla la relation nom blabla la relation nom blabla la relation - code de la relation:
- Code:
-
<div style="width:530px;height:335px;padding:10px;font-family:'arial';font-size:11px;line-height:11px;text-align:justify;-webkit-column-count:2;overflow:auto;"><div style="background-color:steelblue;padding-top:7px;padding-bottom:7px;color:white;font-size:12px;text-transform:uppercase;font-family:raleway;text-align:center;">nom</div> blabla la relation
<div style="background-color:steelblue;padding-top:7px;padding-bottom:7px;color:white;font-size:12px;text-transform:uppercase;font-family:raleway;text-align:center;">nom</div> blabla la relation
<div style="background-color:steelblue;padding-top:7px;padding-bottom:7px;color:white;font-size:12px;text-transform:uppercase;font-family:raleway;text-align:center;">nom</div> blabla la relation
<div style="background-color:steelblue;padding-top:7px;padding-bottom:7px;color:white;font-size:12px;text-transform:uppercase;font-family:raleway;text-align:center;">nom</div> blabla la relation
<div style="background-color:steelblue;padding-top:7px;padding-bottom:7px;color:white;font-size:12px;text-transform:uppercase;font-family:raleway;text-align:center;">nom</div> blabla la relation
</div>
|
|
| Sujet: Re: ••• LIBRE SERVICE DE RS ㅡ amour amour love |