Bricolo Bricolette font du code html !

Bon voilà, j'ai décidé de prendre le taureau par les cornes donc je suis allée sur Never-Utopia histoire d'apprendre enfin à gérer un peu le code html. En presque 2h, j'ai réussi à faire une en-tête de RP pas trop moche... Dites-moi ce que vous en pensez '_' !

Titre du Topic
Avec...?

Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Et voilà le code, en espérant que ce soit pas trop dégueu quand même.

Code:: <div style="background-image: url(http://i18.servimg.com/u/f18/13/27/80/65/20737010.png); display: block; text-align: center; width: 700px; margin: auto;"><span style="margin-bottom: -50px; margin-left: auto; margin-right: auto;"> <img src="https://31.media.tumblr.com/ae492fe6de80eeed08bb97d7d46bdf96/tumblr_np8chbQdd11rqlg79o6_r1_500.gif" /></span><br /><span style="font-family: georgia; color: #05966D; font-size: 30px; font-style: italic; text-shadow: 1px 1px 0px #63FFB2; display: block; text-align: center; margin-right: auto; margin-left: auto; margin-top: 10px">Titre du Topic</span><br /><span style="font-family: verdana; color: #CCCCCC; font-size: 15px; display: block; text-align: center">Avec...?</span></div>
<div style="width: 700px; background-color: #0C0C0D; font-family: georgia; color: #CCCCCC; text-align: justify; margin: auto;">Quid tanto maior fit sustulistis ? [b][color=#05966D]Foramen.[/color][/b] Quod gets aquosissima magis arescit ? [b][color=#05966D]Linteo.[/color][/b] Ianua autem est ostium ? [b][color=#05966D]Cum suus ollam.[/color][/b] Omnis nemo habet amittere. Quid est illud ? [b][color=#05966D]Umbra.[/color][/b]</div>

EDIT :

J'ai essayé de faire un journal de bord...

Passé, Présent, Futur
Quinlan Fitzsimmons
5/5 - Pas très disponible

Présent

Nom du topic
Avec…?
Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Passé

Nom du topic
Avec…?
Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Futur

Nom du topic
Avec…?
Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Code:: <div style="background-image: url(http://i18.servimg.com/u/f18/13/27/80/65/27562210.png); display: block; text-align: center; width: 700px; margin: auto;"><span style="margin-bottom: -50px; margin-left: auto; margin-right: auto;"><span style="margin-bottom: -50px; margin-left: auto; margin-right: auto;"><img src="http://25.media.tumblr.com/1cbd2c05512991e78011667b7772aaab/tumblr_mh8o95G5V91qbbseto2_500.gif" /></span><div><span style="font-family: georgia; color: #05966D; font-size: 30px; text-shadow: 0px 0px 1px #FFFFFF; display: block; text-align: center; margin-right: auto; margin-left: auto; margin-top: 10px; font-weight: bold;">Passé, Présent, Futur</span><br /><span style="font-family: georgia; color: #CCCCCC; font-size: 15px; display: block; text-align: center; font-style: italic;">Quinlan Fitzsimmons</span><br /><span style="font-family: georgia; color: #CCCCCC; text-align: center; font-size: 20px">5/5 - Pas très disponible</span></div></div><div style="width: 700px; background-color: #545454; font-family: georgia; color: #CCCCCC; margin: auto;display: block; text-align: center;"><span style="font-weight: bold; font-size: 15px; text-align: center;">Présent</span><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div></div><div style="width: 700px; background-color: #545454; font-family: georgia; color: #CCCCCC; margin: auto;display: block; text-align: center"><span style="font-weight: bold; font-size: 15px; text-align: center;">Passé</span><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div></div><div style="width: 700px; background-color: #545454; font-family: georgia; color: #CCCCCC; margin: auto;display: block; text-align: center"><span style="font-weight: bold; font-size: 15px; text-align: center;">Futur</span>
<div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div></div>

Pour mettre lancée aussi dans la galère du code HTML (dont je ne montrerai pas mes débuts qui sont aussi la fin... XD) je trouve ça géniale :)

C'est pas mal pour un début :)

24/02/2007

J'aime beaucoup ta version du journal de bord !
Pour l'en-tête de topic par contre, je décalerai ton gif pour qu'il ne soit pas collé à la limite supérieure. C'est sans doute une question de goût, mais je trouve que ça donne un rendu un peu bizarre x).
(Dis donc, on se met tous au codage ces deniers jours XD)

Merci c'est super encourageant ! Bon je le disais sur la CB, mais je veux vraiment décaler cette image vers le bas, je pense me pencher sur le problème demain.

Après j'aime les trucs sobres c'est pour ça que je me suis mise au code (ça et le fait d'avoir peur de casser un truc que je comprenais pas, donc j'ai appris à comprendre).

Je pense voir pour la fiche de liens, même si je ne pense pas en créer une totalement mais plutôt modifier celle par défaut. A voir, parce qu'elle est quand même plutôt cool.

Et faire un template pour les lettres qui soit choupinoupinet et qui ressemble à un vrai parchemin, pareil pour mon carnet de recherches '_' !

c'est beau *.*

mais c'est moi ou ça élargit la page? oÔ en tout cas, bravo, le code, c'est ce que y'a de pire x)

Et hop un peu de padding et des bordures ! Je suis pas encore bien certaine pour la touche de couleur mais bon. Je vais aller MAJ ça !

Passé, Présent, Futur
Quinlan Fitzsimmons
5/5 - Pas très disponible

Présent

Nom du topic
Avec…?
Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Passé

Nom du topic
Avec…?
Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Futur

Nom du topic
Avec…?
Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.

Code:: <div style="background-image: url(http://i18.servimg.com/u/f18/13/27/80/65/27562210.png); display: block; text-align: center; width: 70%; margin: auto; padding: 20px; border:solid 2px #05966D"><span style="margin-bottom: -50px; margin-left: auto; margin-right: auto;"><span style="margin-bottom: -50px; margin-left: auto; margin-right: auto;"><img src="http://25.media.tumblr.com/1cbd2c05512991e78011667b7772aaab/tumblr_mh8o95G5V91qbbseto2_500.gif" /></span><div><span style="font-family: georgia; color: #05966D; font-size: 30px; text-shadow: 0px 0px 1px #FFFFFF; display: block; text-align: center; margin-right: auto; margin-left: auto; margin-top: 10px; font-weight: bold;">Passé, Présent, Futur</span><br /><span style="font-family: georgia; color: #CCCCCC; font-size: 15px; display: block; text-align: center; font-style: italic;">Quinlan Fitzsimmons</span><br /><span style="font-family: georgia; color: #CCCCCC; text-align: center; font-size: 20px;">5/5 - Pas très disponible</span></div></div><div style="width: 70%; background-color: #545454; font-family: georgia; color: #CCCCCC; margin: auto;display: block; text-align: center; border:solid 2px #545454; padding: 10px"><span style="font-weight: bold; font-size: 20px; text-align: center; color: #05966D; text-shadow: 0px 0px 1px #0C0C0D;">Présent</span><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div></div><div style="width: 70%; background-color: #545454; font-family: georgia; color: #CCCCCC; margin: auto;display: block; text-align: center; border:solid 2px #545454; padding: 10px"><span style="font-weight: bold; font-size: 20px; text-align: center; color: #05966D; text-shadow: 0px 0px 1px #0C0C0D;">Passé</span><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div></div><div style="width: 70%; background-color: #545454; font-family: georgia; color: #CCCCCC; margin: auto;display: block; text-align: center; border:solid 2px #545454; padding: 10px;"><span style="font-weight: bold; font-size: 20px; text-align: center; color: #05966D; text-shadow: 0px 0px 1px #0C0C0D;">Futur</span>
<div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #090909;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div><div style="background-color: #0C0C0D;"><span><a ref="LIEN">Nom du topic</a></br /><i> Avec…?</i><br />Quid tanto maior fit sustulistis ? Foramen. Quod gets aquosissima magis arescit ? Linteo. Ianua autem est ostium ? Cum suus ollam. Omnis nemo habet amittere. Quid est illud ? Umbra.</span></div></div>

J'aime beaucoup ce que tu fais ! D'autant que le codage n'est pas forcément quelque chose de facile... Bricolo Bricolette font du code html ! 680879393

J'ai juste tiqué sur ceci : "Pas très disponible". Mmmh, seriously ? Evil

24/02/2007

J'aime beaucoup les modifications !

Un essai de sign bidouillé à l'arrache à la pause de mon cours du matin (et tentative pour coder de tête sans faire trop de copier/coller) :

And if the sky comes falling down, for you
There's nothing in this world I wouldn't do.

Code pour ceux que ça intéresse de vérifier :

Code:: <center><div style="width: 60%; background-image: url(http://i18.servimg.com/u/f18/13/27/80/65/27562210.png); display: block; text-align: center; padding: 10px; border:solid 2px #0C0C0D; margin: auto"><span style="font-style: italic; font-family: georgia; color: #05966D; text-align: center; text-shadow 0px 0px 2px #FFFFFF; font-size: 20px;">And if the sky comes falling down, for you<br />There's nothing in this world I wouldn't do.</span></div></center>

Sérieux, ça me plaît vraiment : si j'arrive un jour à faire des trucs VRAIMENT stylés et que ça vous plaît, faudra pas hésiter à demander o/ ! (je trouve la plupart des codes en libre-service un peu trop clinquants)

Edit : dans le même délire, pour un autre fow [Oui c'est du troll XD]

Je vais faire

un forum !