Quelques tutos trouvés !

le CSS
TELLEMENT IMPORTANT, MAIS TELLEMENT INCOMPRIS

Il est aujourd'hui, devenu capital de savoir maitriser un minimum de connaissances dans le CSS pour administrer son forum. Seulement, bien que des tutoriaux et des codes déjà tout fait soient à la disposition de tout le monde, on ne s'en sort pas facilement. A la suite, un petit tutoriel pour vous familiariser avec les codes de bases, pour forumactif principalement. Alors, mes chéris, on se concentre parce que ça risque d'être hard pour les débutants. En espérant être clair et vous donnez des illuminations. Bonne lecture!

Chapitre I: Illuminons votre lanterne

Honolulu de http://www.creation-du-web.com/honolulu a écrit:

Les CSS (Cascading Style Sheets) peuvent constituer le point de réference du formatage (couleurs et apparence du texte, des liens, et de certains éléments de la page html) de tout le site web. Si votre site comporte plus d'une centaine de pages HTML, il serait fastidieux de les modifier une à une, si vous décidez de changer la couleur de vos liens sur votre site ! Les CSS vous permettent une maintenance extrèmement simple...

Si certains d'entre vous ont eu l'idée saugrenue d'aller se pendre ou de se jeter d'un pont en lisant cette petite introduction, par pitié, revenez parmi nous. Si ce message vous a fait peur, surtout ne fermez pas la page! Puisque je suis là pour vous expliquer tout ce qui vient d'être dit, de manière simple.

Donc pour faire un petit résumé, la feuille CSS vous sert à personnaliser votre site/forum en partant des couleurs, en allant à la forme des liens, en passant par les images que vous ajouterez, etc. Elle vous sert à embellir l'image de votre site/forum et de le personnaliser à votre façon.

Pour cela, je vous conseillerais de naviguer sur Mozilla Firefox puisqu'il est le meilleur pour supporter toutes sortes de css. Téléchargez le ici.

Compliqué? Je ne pense pas, alors ceci était le chapitre d'introduction, tout mignonet, je vous propose la suite. Accrochez-vous, ça risque de secouer (ou pas --').

Chapitre II: du CSS oui, mais comment?

Maintenant que vous savez à quoi sert le css, nous allons passer à la pratique. Lorsque vous créez un forum, vous avez envie qu'il ait une apparence originale, et jolie. Le css est donc l'un des points importants du design. Sous forumactif, la feuille de css se trouve :

Panneau d'administration → Affichage → Couleur → CSS

De là, vous aurez le droit à un espace vide, qui est votre feuille. C'est ici que vous mettrez tous vos codes.

En parlant de codes, voici un schéma de ce à quoi vous devez vous attendre en ce qui concerne les codes css. Dans cette fameuse feuille, vous insérez des codes qui ressemblent à ceci :

a b y g a ë l a écrit:

balise{
propriete: valeur;
propriete: valeur;
propriete: valeur;}

• Une balise doit être le nom de ce que vous voulez personnaliser. Par exemple, si l'on veut modifier le lien de ses catégories, sous forumactif, ce sera .forumlink ;
• La propriété est l'effet que vous voulez donner à votre balise. Toujours avec l'exemple des liens, vous pouvez mettre un fond de couleur avec la propriété background-color ;
• Et la valeur, c'est ce qui accompagne votre propriété. Exemple : Pour changer de taille le texte, vous ferez 14px ou changer la couleur d'un fond #000000 ;

/!\ Warning : Ne jamais oublier le " ; " à chaque fin de code. Il est un peu votre point final. Par exemple, si vous faite un code pour mettre un fond de couleur, et qu'ensuite vous voulez agrandir le texte qu'il y aurait dessus, il vous faut les séparer d'un " ; " sinon le code ne fonctionnera pas.

Bien sûr, pour personnaliser votre forum, il vous faut connaître toutes les différentes balises ; propriétés et valeurs. Les plus importantes et sympa vous sont donnés en dessous.

Petite Astuce : Pour mieux vous retrouver dans vos fiches CSS, vous pouvez rajouter des " commentaires " pour vous repérer. Il suffit que votre message soit entre /* TEXTE */

Chapitre III: Les balises, propriétés et valeurs

LES BALISES DE BASE

Body > Le fond de votre forum.
Forumline > Le corps de votre forum.
Bodyline > Ce sont vos catégories, les sous-forums.
a:link > Les liens en général.
a.forumlink > Les liens de vos catégories.
Notez que… : lorsque vous rajoutez hover, c’est pour personnaliser les liens survolés.

LES PROPRIÉTÉS ET LES VALEURS

font-family: "le nom de votre police";
font-size: la taille de votre police;
color: #couleur de votre texte;
background-color: #couleur de votre fond;
background-image: url(image);
background-repeat: repetition ?;
letter-spacing: valeur de l’espacement des lettres;
height: valeur de la hauteur;
width: valeur de la largeur;
margin: valeur de la marge;
border-top: taille du bord haut;
border-right: taille du bord droit;
border-bottom: taille du bord bas;
border-left: taille du bord gauche;

Voila donc les bases

Chapitre IV: tout personnaliser, le pied!

C'est l'un des principaux aventages du CSS, on peux tout personnaliser et garder ça, per-so-nnel! Je vous explique, lorsque vous désirez créer une fiche de présentation par exemple, et que vous voulez que vos codes ne soient pas volés par les premiers qui viennent, construisez-la avec la balise

Code:

 <div class=""></div>

Cette balise va vous changer la vie, je développe.

Créez un fond à votre fiche, c'est simple. Prenez la balise

Code:

<div class=""></div>

et nommez la \\"fond\\" :

Code:

<div class="fond"></div>

Dans votre css, notez

Code:

.fond{}

Et ensuite, remplissez dans votre css, toutes les propriétés et les valeurs pour personnaliser votre fond.

Code:

.fond{
   background-color:#369;
   border:medium #60F 3px;
   height:150px;
   etc...}

Et voila, votre code à l'abri

Chapitre V: en conclusion...

Nous voila à la fin de cette leçon, j'espère que tout aura été clair, si il y a un soucis, posez vos questions à la suite. Je tiens aussi à vous dire quelque chose : les codes créés par d'autres ne sont en AUCUN CAS LES VOTRE! C'est du vol, s'approprier les codes d'un autre pour une fiche, un forum ou autre c'est du plagiat. Respectez la passion et l'imagination des créateurs, et mettez vous au css, apprenez pour faire de merveilleux codes... avec de la motivations, on arrive à tout.

Je suis la créatrice de ce tuto, toute redistribution sans mon accord est interdit! Respectez moi et mon envie d'aider les autres!

©	MISE EN PAGE MADE BY ABYGAËL. TUTO MADE BY ABYGAËL TOUS DROITS RÉSERVÉS. NE PAS COPIER.

Fifi' a écrit:

j'ai l'impression qu'il faut être bon en maths pour comprendre ça
ce qui bien sur n'est pas mon cas (j'ai un cerveau piti)