Cours de Pekila !

Coucou ! J'ai lu et j'approuve le règlement !

Merci !

As-tu un forum de test ? Connais-tu quelque chose en codage

Je n'ai pas de forum de test mais je vais en faire un maintenant x)
Et je ne connais pratiquement rien au codage...

Le forum de Test a été créé !

Alors que connais-tu ? Que se soit juste pour centrer ou autre.
Passe moi l'adresse

Pour le Fofo Test je l'ai pris dans la version phpBB2 avec le thème par deffaut ( si ce n'est pas ce qu'il faut je pourrais changer ^^ ) : http://forumtest-pekila.forumgratuit.org/

Pour le codage, en BBcode je sais comment centrer, mettre à gauche ou à droite, le mettre en gras, en italique, le barré, mettre une image et mettre une adresse URL.

Pour le HTML et le CSS je ne connais rien x)

Ok. tu as très bien fait de faire ton forum de test comme ceci.

Bon bah on va commencer par la theorie;


le CSS se trouve en {et} et le HTML pour coder entre ou entre [et] mais c'est plus utiliser dans un message pour tout centrer mais pour créer une page d'accueil on utilisera les <>

Ok Très bien commençons notre cours.

Le CSS ? Késako ?
C'est l'abréviation de Cascading Style Sheets ("Feuille de style"). Ce langage nous sert uniquement à présenter la page web. C'est en CSS que l'on dira : "Mes titres sont en rouge et sont soulignés, mon texte est dans la police arial, mon nom est centré, mon menu a un fond blanc..." etc etc.
Grâce à ce langage, nous allons pouvoir créer rapidement et simplement la mise en page de ton forum.

il se met dans PA => Affichage => Couleur => Feuille de style.


Le HTML ? C'est quoi ?
C'est celui avec lequel vous taperez le contenu de ton forum. Il contient des informations logiques : par exemple "Ceci est mon titre, ceci est mon menu, là c'est le texte principal de la page, là il y a une image etc


En résumé :

HTML pour écrire le contenu de ta page web
CSS pour présenter ce contenu.

Jusqu'à la c'est de la théorie, pas très dur je pense.

Continuons. *je suis soûlante je sais*

Pour insérer du CSS dans du HTML on va utiliser les class ou id qui reviennent au même à peu près mais on va apprendre avec class car le id sert plus dans le javascript.

Donc on va insérer du CSS avec class mais autre chose avant car sinon le code na va pas marcher.
Les balises

et

sont utilisées pour appliquer un style à un contenu.
Donc cela donnera

Code:

 <div class=" CODE AMENANT AU CSS">Contenu </div>

Là c'est basique avec un code comme celui-ci on peut juste créer une description de forum par exemple et non un tableau. Qui plus est le CODE AMENANT AU CSS est pas marqué.

Donc le code à mettre en CSS
Sera toujours avec un . devant
comme ceci
.table
Et après suivi d'une { puis du code et }

Donc cela donnera
.table
{

CODE

}


Revenons au niveau de la div
Si on prenant comme mot de css table cela nous donneras

Code:

<div class="table"> blablabvla</div>

Jusque là as-tu compris ?

J'ai tout compris saud " table " qu'est ce que c'est ? '-'

le mot table va servir pour créer le css, tu peux mettre n'importe quoi style chiase, jolie titre

Ah Okay D'accord => On peuut continuer x)

Pour les différents codes css qui sont utiliser je vais te donner un site : http://www.cssdebutant.com/

Merci je vais le mettre dans mes Mémos

Tu essayes de me crer un code css avec un fond, une color de texte, un texte de 12px, et une bordure ?

Jpense avoir pas mal de fautes x)Je gere absolument pas xD U_u''

Code:

Body{
 background-image: url("carte.png");
 background-position: center;
 border-left: 2px  double #000000;
 border-right: 2px  double #000000;
 border-top: 1px double #000000;
 border-bottom: 1px double #000000;
 }
text{
 color: #B8C5CB;
 text-align: center;
 font-family: "Segoe Print", Trebuchet MS, Serif;
 font-style: italic;
 font-weight: 12px;
 }

pas mal une faute tu as oublié le point avant body
.body
Pareil pour le text sinon c'est pas mal.

Sur ton forum de test sur la page d'accueil met :

Code:

<div class="nom du css">

Et crée un autre css

Je ne sais pas où se trouve la page d'accueil...

Tu vas dans ton panneau d'administration > Affichage > page d'acceuil > généralité

En faite je vois pas très bien ce que tu veux dire....

Code:

<div class="nom du css">blavla</div>

tu le mets dans dans ton panneau d'administration > Affichage > page d'acceuil > généralité

Puis tu crées un css

Ah Okay jai compris x) Merci !

Je te laisse me mettre les codes ici