Hello chers amis !

Voilà, je suis sûre de ne pas être la seule, mais étant la plus "bleue" question code, codage et compagnie, je me lance.
Auriez-vous quelques astuces pour essayer de faire de jolies "décos" ?

Merci d'avance

© by Zuzuu

Titre du RP

Prenom & Prenom²

GENIUS

Code:

<center>[size=10]© [i]by Zuzuu[/i][/size]

<div style="border-bottom: 3px solid black; border-top: 3px solid black; background-color: white; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; width: 460px;"><center>
<div style="letter-spacing: -3px; font-family: Special; font-size: 40px; color: darkgray; text-shadow: lightsteelblue 1px 1px 7px; ">[i]Titre du RP[/i]</div>

<img  src="http://24.media.tumblr.com/tumblr_m61c5lAAp31qi9dhho1_500.gif" width="450"; style="-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;">
<font style="font-size: 32pt; font-family:Parisienne; letter-spacing: -2px; text-shadow: 3px 3px 3px lightsteelblue"><i><font color=darkgray>Prenom & Prenom²</font></i></font><br></center>

<blockquote>[font=Georgia][justify]

GENIUS

[/justify][/font]</blockquote></div>

</center>

Par exemple cette partie-ci du code:

Code:

<div style="border-bottom: 3px solid black; border-top: 3px solid black; background-color: white; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; width: 460px;">

Cette partie-là, c'est la base de ton cadre, et tu commences toujours par ouvrir une balise (<) ensuite tu as rajouter div style=" (tu ouvres les guillemets) pour poser vraiment la base du cadre. Par exemple:

border-bottom: 3px solid black; -> c'est le trait noir que tu vois en bas avec la largeur du trait (3px) et la couleur

border-top: 3px solid black; -> c'est la bordure du haut avec la largeur du trait et la couleur (black) encore

background-color: white; -> c'est la couleur du fond

-moz-border-radius: 25px; -> ça c'est l'arrondi des onglets sous Mozilla firefox. Tu peux modifier le "0px" et le "30px" pour modifier les arrondis.

-webkit-border-radius: 25px; -> ça c'est l'arrondi des onglets sous Google Chrome. Tu peux modifier le "0px" et le "30px" pour modifier les arrondis.

width: 460px; -> c'est la largeur de ton cadre, il suffit de changer le "460"

Tu mets toujours un ; tant que tu continues de coder ton cadre. Quand t'as fini tu referme les guillemets (") et tu fermes ta balise (>). Il faut que tu saches que quand tu ouvres commences un

Code:

<div style="blablabla;">

il faut que tu refermes le code par un

Code:

</div>

C'est comme pour l'italique de ta police, tu fais

Code:

[i][/i]

C'est la meme chose ici.

_______________________________________________________________________________
Cette partie-ci:

Code:

<center>
<div style="letter-spacing: -3px; font-family: Special; font-size: 40px; color: darkgray; text-shadow: lightsteelblue 1px 1px 7px; ">[i]Titre du RP[/i]</div>

center -> c'est que tu veux que ce soit au milieu

letter-spacing: -3px; -> c'est l'écartement entre les mots

font-family: Special; -> c'est ta police. Si tu veux mettre Georgia ou Arial tu mettras font-family: Georgia;

font-size: 40px; -> c'est la taille de ton texte. Tu peux changer le "40px"

color: darkgray; -> c'est la couleur du texte. Ici: darkgray

text-shadow: lightsteelblue 1px 1px 7px; -> c'est l'ombre sous le texte, tu peux changer la couleur de l'ombre en changeant le "lightsteelblue".

Et tu fermes ta balise apres.

Apres pour insérer une image tu peux le faire par différentes façons. Soit tu fais un basique:

Code:

[img]url de ton image[/img]

Soit tu poses une balise:

Code:

<img  src="http://24.media.tumblr.com/tumblr_m61c5lAAp31qi9dhho1_500.gif" width="450"; style="-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;">

img src="http://24.media.tumblr.com/tumblr_m61c5lAAp31qi9dhho1_500.gif" -> tu inseres une image et tu as juste à changer le lien url (oublies pas de fermer les guillemets là encore).

width="450"; -> c'est la taille. Si tu veux imposer une hauteur c'est height:200px; (t'auras juste à changer le "200px").

-moz-border-radius: 25px; -> c'est la meme chose que pour le cadre. Ici c'est pour mettre des arrondis à ton image (Mozilla)

-webkit-border-radius: 25px; -> c'est la meme chose que pour le cadre. Ici c'est pour mettre des arrondis à ton image (Google Chrome).



Voilà ! Si t'as d'autres questions, hésites pas à m'envoyer un mp (ou à Nora sinon, parce qu'elle est graphiste et 100 fois meilleure que moi xD). J'espère que j't'ai pas trop embrouillé le cerveau !

Non, ça va ! J'ai réussis à comprendre le "langage" du codage à peu près mdr

Merci beaucoup beaucoup ! Ca va énormément m'aider et je pense que je ne peux que progresser avec ça!

Merci, t'es un amour ♥


Edit : Petite question, comment savoir que telle ou telle police peut fonctionner ?

Pas de quoi <3

Et bien c'est les memes polices que celle de word xD perso toutes les polices que j'utilise sur word ou OpenOffice marche en codage ^^

J'ai une ancienne version de word, donc je ne les ai pas toutes.... Merci beaucoup !! Je saurais où chercher ^^

Pas de soucis (: