Bonjour !


Bonne journée ! ^^

Bonjour^^ En attendant qu'on ait d'autre codeur, je vais prendre te prendre comme élève^^ (Rassures toi, je m'y connais en codage hein XD)

Connais-tu les bases du CSS (les propriétés pour faire des fonds, des bordures etc..) et du html (faire un tableau, une class...) ?

(Par contre je te préviens, je suis très occupée, donc j'essaierais d'être la plus disponible possible, mais je suppose que tu devras patienter un peu, surtout que je n'ai encore aucun cours de près >.<)

En CSS, non mais en HTML, je connais les balises... --'

D'accord, alors reproduit moi ce tableau s'il te plait, propose moi un lien (si possible qui doit s'ouvrir dans une nouvelle fenêtre) et une image (avec le code html et pas en BBcode) et montre moi une classe toute simple.

Cellule numéro 1	Cellule numéro 3
Cellule numéro trois qui prend toute la largeur

PS : Ah et s'il te plait évite les smiley du genre --", car je les interprète généralement assez mal ^^

Si ça ne te dérange pas Ayael, est ce qu'on peut revoir les balises, désolé, j'ai un trou de mémoire... ?

D'accord XD Aucun soucis, on va reprendre depuis le début alors^^

Pour les tableaux je suppose que tu te souviens qu'un tableau commence et finis par "table"
qu'une ligne commence et finis par tr et qu'une case commence et finit par td. Une ligne de tableaux avec trois case se présente donc comme ceci :

Code:

<table><tr>
<td>Case 1</td>
<td> case 2</td>
<td> Case 3</td>
</tr></table>

Un lien s'écrit :

Code:

<a href="lien">Nom du lien</a>

si on veut qu'il s'ouvre sur une autre fenêtre (essentiel pour les iframes par exemple) on utilise la balise target

Code:

<a href="lien" target=_blank">nom du lien</a>

Le code pour les images est :

Code:

<img src="lien de l'image"/>

Les classes sont un moyen de lié le CSS du forum au html et donc d'alléger les codes (comparé à si on utilisé un style)

Dans le html elle se présente sous cette forme :

Code:

<div class="nom1">Blablabla</div>

et dans le CSS :

Code:

.nom1 {
Propriétés
}

(les nom mis dans le html et dans le css peut être changé mais il doit être scrupuleusement identique.)

On va commencer par là déjà, après on verra les colspan et rowpan^^

J'aimerais donc que tu me fasses un tableau avec trois lignes et sur chaque ligne 5 cases^^

Case 1	case 2	Case 3	Case 4	Case 5
Case 1	case 2	Case 3	Case 4	Case 5
Case 1	case 2	Case 3	Case 4	Case 5

Voilà, c'est fait ! ^^
Mais j'ai pas compris pour la classe, il faut créer une classe qu'on ajoute dans notre console CSS avec un nom puis on met :



comme ceci, non ?

Exact (n'oublie pas de mettre entre balise code^^)

et dans ta feuille de style CSS : Affichage → Couleur → Feuille de style CSS

Code:

.nomdelaclasse {
Propriété
}

et ton div tu peux le mettre n'importe où (là où tu veux voir la décoration sur ton texte) ça peut être dans généralité, dans les sujets de ton forum ou dans les templates!

Voici les propriétés majeurs lié aux textes qui te permettront d'obtenir de nombreux résultat : http://www.blood-waya.com/t1602-les-proprietes-css-les-plus-courantes#15424

As tu un forum test? As tu des questions sur ce que je t'ai déjà expliqué?

J'ai un soucis, il n'y a que dans la section que je ne vois pas les images et liens, tu pourrais modifier ça ?

Ah oui, petite erreur de permission des forums, voilà qui est corrigé ! ♥

Merci, et oui j'ai un forum TEST mais pas compris, c'est quelles balises que je devais mettre en code ?

le

Code:

<div class="nomdelaclass">TEXTE</div>

Si tu ne mets pas entre balise code pour me montrer, je vois que "TEXTE"^^

Donc pour ton premier exercice, je veux que tu me fasses un cadre, avec un texte centrer, en 15px et italique à la t'inquiète, le cadre devra avoir une bordure blanche double et un fond noir (l'écriture devra donc être blanche) je veux qu'ils fasse 200px de hauteur et 200px de largeur, et qu'une barre de défilement apparaisse s'il y a trop de texte...

Tu me montres le résultat via ton forumtest, et tu me donnes le code à la suite de ce sujet (le code html, et celui CSS)

Des questions?^^

C'est sur un message que je dois faire ça ?

Oui, ou sur une page d'accueil ça marche aussi^^

Désolé, mais j'ai plus de forum test, je l'ai perdu... --'
Comment faire ?

en recréer un