Codes.

Bonjour,

Voilà, je suis nouvelle et je cherche une jolie présentation pour résumer. Le truc, c'est que je n'y connais rein du tout en code et que j'aimerai un truc pas trop basique & joli pour ma présentation. Vous pouvez m'aider, me trouver une jolie présentation ou, mieux, m'expliquer les codes ? Merci d'avance.

Je peux te proposer ça :

une fois postée:

Code:: <center><div style="background: #FFD1FE; border-radius: 0 100px; border: 1px dotted #000000; width: 500px; height: auto;"><div style="background-image: url(http://zupimages.net/up/2/1593969552.png); border-radius: 0 100px 0 0; border-bottom: 2px dotted #000000; width: 500px; height: 200px;"></div>
<center><div style="background: #C5006F; border-radius: 0 100px; border: 1px dotted #000000; width: 300px; height: 50px; margin-top: -30px;">[size=20]TITRE DU RP[/size]
[size=11]Nom 1 & Nom 2[/size]</div></center>

<center><div style="background: none; width: 450px; height: auto;">[justify][color=black]Contenu du RP[/color][/justify]</div></center>

[right][size=5]Code by Gali.
Tu touches, tu redistribue... je te mange tout cru.[/size][/right]</div></center>

Les couleurs peuvent être modifiées (fond, fond du titre, couleur du titre...) ainsi que l'image. Pour modifier les couleurs, je te conseille ce site. Tu choisis ta couleur et tu copies le code à côté. Pour modifier la couleur de fond, par exemple, je copie le code obtenu sur le site (ici, #40A497) et je le mets à la place de cette balise :

Code:: background: #FFD1FE (seulement les lettres et le Diez, pas le reste)

Ce qui nous donne, sur le code final :

couleur modifiée:

Pour modifier l'image, tu copies l'url de l'image que tu souhaites avoir. Puis, tu la colles à la place de cet url

Code:: url(http://zupimages.net/up/2/1593969552.png); (juste ce qu'il y a entre parenthèse)

Ce qui nous donne :

Image et couleur modifiées:

Il se peut que ton image ne soit pas assez grande pour remplir tout le '' cadre ''. Tu as juste à modifier cette balise

Code:: url(http://25.media.tumblr.com/3c0aa162521da6790fb45acc6b6bb5f8/tumblr_mgc5spZbaD1s20hzmo1_500.gif); border-radius: 0 100px 0 0; border-bottom: 2px dotted #000000; width: 500px; (c'est le chiffre derrière '' width '' qu'il faut modifié)

.

Si tu as des questions, n'hésite pas (je peux te trouver d'autre codes aussi)

C'est super Wink

Je vais voir ce que ça donne. Merci beaucoup.

De rien

» Gérer les codes d'un forum.