Recherche dans le forum:
Rechercher


Auteur Message
Message05/06/2009, 23 11 12 (UTC)    
Sujet du message: [ Tutoriel ] Creation de Kit Graphique CSS

Cher Membre, Bienvenue à ce post.

Je vais vous expliquer par étape comment créer son Design en CSS pure.
Il faudrait utiliser le HTML donc Commençons par le Commencement.
Nous avons des balises qui sont affichés dans le Code Source de Notre Page Web (En Design CSS) .

Pour commander et donner du Style au Site il faudrait comme je vous ai dit du CSS.

La Structure doit être effectuée comme suit :

Header : <div id="oben">
Navigation : <div id="nav">
Contenu : <div id="content">
Compteur : <div id="counter">

Que doit on mettre dans la Case " Code CSS sans tags de style " ?

Et bien on doit appeler les Balises!
Pour mettre en valeur les 4 id indiquer ci-dessus il faut faire comme ceci :


Tout d'abord appeler les Balises :
Qui sont (oben,nav,content et counter)

Citation:

//** Structure CSS **//

#oben {
...
}

#nav {
...
}

#content {
...
}

#counter {
...
}

//** Fin de Structure CSS **//


Ensuite pour mettre en valeur le Style du Site Web il faut avoir du goût :p !
Non je rigole bah en faite il faudrait choisir d'abord la largeur du site web, par exemple je vais prendre une largeur de 980 pixel.

Alors je crée le Header qui est " oben " et je dois lui donner une position, préciser la taille, et donc selon la taille voulue faire le graphiquement le Header et pour coder il faut faire comme ceci:

#oben {
width: 980px; // Largeur en pixel //
height:200px; // Hauteur en pixel //
background-image: url(url de l'image); // Votre image créer //
top: 10px; // Position Hauteur selon la page web //
}

Et donc pour le Contenu vous faites de même,

#content {
..à mettre par exemple " Police de Caractère, Taille du Texte, Couleur du Texte, Taille du Fond de Contenu, Positionnement"
}

Et pareil pour les autres Balises.

Bientôt un Tutoriel pour vous faire savoir comment mettre du Style à votre Site Web mais cet fois si sa seras un Tutoriel que je ferais avec un Tableau où je vous montrerais tous ce que l'on peut mettre entre les Balises avec les significations.

Amicalement WebCreatorDesign,
______________
Si vous avez réussi à résoudre le problème que vous aviez eu : Ajouter [Résolu] pour que l'on sache !
Avant de faire une demande passer par la Barre de Recherche , il y a peut-être la solution à votre problème !
Tous demandes doit ce faire par le Forum , pas par le Message Privé. Merci de votre compréhension.




Dernière édition par webcreatordesign le 06.06.2009, 11:08; édité 5 fois
Message11/06/2009, 09 09 27 (UTC)    
Sujet du message: Merci pour tout ça

ça nous sera utile tous ça en attendant la suite du tutoriel pour plus de style

Code:
</script>  <SCRIPT src="http://h1.flashvortex.com/display.php?id=3_1240157341_12288_330_0_468_60_9_30" type="text/javascript"></SCRIPT>

______________
Mikevent
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com