Cours de Sweety

Bonjour !

C'est vraiment gentil de ta part de me prendre ! Je vais enfin commencer le codage *w*
J'ai lu le règlement !

C'est parti pour le cours *se concentre*

As-tu un forum de test ? connais tu quelques codes ?

Euh je ne connais aucun code ><
Mais j'ai un forum test :
http://sweetytheme.forumgratuit.org/

Ok.

Le HTML permet de créer ta page, le css lui de lui donner un style, fond, couleur, bordure.... On peut aussi les mettre en HTML mais c'est beaucoup plus long et ça alourdit le code, donc plus facile de se tromper.

On va commencer par travaillé sur un petit HTML et un peu de CSS
Déjà tout est en anglais comme tu peux t'en douter. Donc fond = background.
Mais background comment tu peux en avoir différent on en utilise 2 le color et image.
Le code sera donc background-color: CODE DE LA COULEUR;

Le ";" est très important sans lui le code css ne marche pas.

Donc on va créer un truc très simple.
On va faire des descriptions de forum comme ici
Tout d'avord tu auras besoin d'un div qui te permettra de mettre un code css.

Code:

<div class="CODE CSS">CONTENU</div>

Tu l'as met dans pa > général > catégorie > tu cliques sur un forum et tu mets dans descriptions

Ensuite va dans > affichage > couleur > feuille de style
Et va créer un code CSS
Pour le créer tu dois toujours mettre un "." devant.
Donc par exemple
.css
{
background-image : url('URL DE L'IMAGE);
}

tu as compris ? Si oui fait ce que j'ai demandé

J'ai copié coller ca
Mais je crois que c'est pas ca que je dois faire XD Je comprends pas trop ce que je dois faire =O

Pareil pour le code CSS T-T
J'dois remplacer quoi :0 ?

Alors je vais ré-éxpliquer tu mets :

Code:

<div class="css">Contenu</div>

Dans pa > général > catégorie > tu cliques sur un forum et tu mets dans descriptions

Puis tu vas dans ta feuille de CSS
PA> affichage > couleur > feuille de style

Et tu mets :
.css
{
background-color: #CODE DE LA COULEUR;
}

Le code de la couleur se sont des chiffre et lettre puis tu enregistres
Comme tu as vu le "css", le mot css se retrouve aussi dans ta feuille de style en .css
Tu peux mettre n'importe quel mot

Je mets ca :

Code:

.css
{
background-color : #000000
}

Mais ca change rien T-T

Pis j'essaie de mettre ca

Code:

<div class="CODE CSS">Blbalablaba</div>

Mais ca change rien =O

Pourquoi ?

Code:

<div class="CODE CSS">Blbalablaba</div>

CODE CSS mettre css à la place
Et pas mettre fffff mais un autre truc style b1c55b

J'ai mis ca

Code:

<div class="css">Blbalablaba</div>

Aucun changement non plus =o

La aussi T-T

Code:

.css
{
background-color : #b1c55b
}

Tu as oublié un truc essentielle dans le css le ";" après la fin d'un code


.css
{
background-color : #b1c55b;
}

Ah oui !
Je l'ai rajouté !
Mais ca ne change rien :0
http://sweetytheme.forumgratuit.org/

ça te derange si je m'inscris et que tu me mets admin car je comprends pas beaucoup ça marche pas

Oui jte passe tout de suite le code du compte admin, j'ai rien a perdre XD

Spoiler:

J'ai trouvé regarde dans tes catégorie de forum tu as pas mis la div

Aaah j'ai compris ! Ca y est ! Je l'avais mis au mauvais endroit XD
Merci !

De rien donc on peut continuer
rajoute à ton code css
color: #code couleur;

puis border: #code couleur;

Donc j'ai ca dans ma feuille ?

Code:

.css
{
background-color : #b1c55b;
}

.css
{
border : #D44E4E;
}

.css
{
color : #D44E4E;
}

Non pas bon,
pour le code css tout ce met dedans

.cs
{
background-color : #b1c55b;
color : #D44E4E;
border : #D44E4E;
}

Aah d'accord ! :0

Mais border c'est le cadre ? Mais ya pas de cadre =O

ouais car j'ai mal fait le code *sort*

border : 2px #D44E4E;

.css
{
background-color : #92a884;
color : #d4ffba;
border : 2px #D44E4E;
}


Ya toujours rien =o

Tu as le droit de me tuer j'avais oublie le solid
border: 2px solid #000000;

Donc fait une bordure plus grosse juste à droite ou gauche.
Je t'aide un peu border-QUELQUE CHOSE: 6px solid #000000

Ca marche !!
Merci *w*

Et t'en fais pas, jme trompe plus de fois que toi XD

Tu as pas rajouter la bordure droite et gauche.
border-left
border-right

Ah oui !

Voila *w* C'est zoliiii *w*