Cours de Wave

Voilà. : )

Coucou !

As-tu lu le règlement ? As-tu notepad ? As-tu un forum de test ?

Règlement ?

Notepad ?

Forum - Test ?

http://wave-library.forum-canada.net/

Bienvenue dans ta classe !

Connais-tu quelques codes meme très simples ou pas ?

Code:: a.forumlink:link, a.forumlink:visited {
border-top: 2px solid #826365;
border-right: 6px solid #826365;
border-bottom: 2px solid #826365;
border-left: 6px solid #826365;
background-image: url('http://obsession27.free.fr/divers/fonds/tordu10.jpg');
font-family: Georgia;
font-size: 13px;
text-align: center;
font-variant: small-caps;
display:block;
-moz-border-radius: 20px;
}

Hum... ton code donne quoi à la fin ?
Sinon c'est pas mal du tout.

Alors les div servent à appliquer le css.
Par exemple

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

Et au niveau css tu prendras ce qui a entre guillemet.
Ce qui donneras dans ta feuille de style

Code:: .css
{
TES CODES
}

Les span servent à modifier et à donner apparence comme les div mais à l'intérieur d'une div déjà
Explications : les div donnent la mis en page de tout le code, les span donnent la mis en page que de la partie voulue. Donc c'est bien pratique quand on souhaite faire une fiche de présa par exemple.

Un ptit travail.
Je veux que tu me fasses comme sur ce forum pour les descriptions des forums.
Seulement, je voudrais juste un fond, et aussi une bordure.

Pour le faire tu auras besoin du code div seulement après je te laisse créer le css si tu as des soucis hésite pas

Un code CSS pour la la personnalisation d'une description d'un forum. Mais pour le faire tu auras besoin d'un div que tu placeras dans la case description

Code:: .description
{
border-top: 2px solid #423434;
border-right: 2px solid #423434;
border-bottom: 2px solid #423434;
border-left: 2px solid #423434;
background-color: #9C7F7E
text-align: center;
}

Code:: <div class="description">Contenu</div>

Regarde bien tu as oublié un ";" après le background

Code:: .description
{
border-top: 1px solid #423434;
border-right: 1px solid #423434;
border-bottom: 1px solid #423434;
border-left: 1px solid #423434;
background-color: #9C7F7E;
margin-left: 30px;
margin-right: 30px;
text-align: left;
}

L'erreur bête qui fait foirer le code, t'inquiète pas t'es pas la seule.

Change le nombre de pixel pour la bordure doite et gauche puis rajoute
padding: NBpx;
padding-left: NBpx;

Code:: .description
{
border-top: 1px solid #423434;
border-right: 4px solid #423434;
border-bottom: 1px solid #423434;
border-left: 4px solid #423434;
padding: 4px;
padding-left: 4px;
background-color: #9C7F7E;
margin-left: 30px;
margin-right: 30px;
text-align: left;
}

Bah voila tu as trouvé toute seule. Bon, tu comprends mieux comment on se sert de la balise div et comment on insère le CSS ?
Si oui, je vais commencer les tableau. Sais-tu en faire ou juste le code de base ?

Tu parles bien des tableaux faits à partir de div ou de table?

des tableau enfin PA page d'accueil

Ah non, pour ce domaine, je sais pas comment faire. x)

Remplit le et poste le ici. Et regarde bien qu'elle balise correspond à quoi

Ah, je vois. Le truc ''tr'' permet de changer de rangée/de rester sur une rangée. Sympa. : D	Huhuuuuuu	OwwwwO
Et on change de ligne. : D	: DDDDDDDD	00 Vachement, bien, je comprends donc que ''td'' permet de créer une case dans le tableau. Comment on enlève les lignes du contour d'ailleurs? Je me doute qu'on peut les retirer, ou les personnaliser.

Oui on peut les retirer et tout personnaliser as-tu une idée d'ailleurs comment faire ? Il y a un lien avec ce qu'on a vu plus haut mais on utilise pas de div

Le CSS? Si c'est pas ça, j'en sais rien. x)

Oui le css mais comment l'intégrer ici sans div ?

Ok. c'est pas grave du tout.
Regarde donc ça peut se faire que pour les balises td

Code:: <td class="whpa1">

ou

Code:: <td class="whpa1">

le whpa1 Tu le changes comme pour la div.

Donc sur le forum de test tu peux me faire un tableau à 3 colonnes deux lignes avec un css très simple, c'est à toi de choisir. Tu peux juste me mettre un fond.
Par contre pour le tableau met juste

Code:: <table>
</table>

Code:: .tableau
{
border-top: 4px solid #423434;
border-bottom: 4px solid #423434;
background-color: #826365;
text-align: center;
}

http://wave-library.forum-canada.net/

» Cours de moi
» •• Cours de So.
» cours d'Asahi
» Cours de Pekila !
» Cours de Kendall