GameCorp - Index des forumsCommunautéGameCorp : Vie du site et du forumDesign alternatifs : Astuces et CSS
Design alternatifs : Astuces et CSS
| Daru13 |
Posté le 02 Mai 2008 à 03:32
|
|
 Messages : 2884 GCPoints : 108090 |
Voila, comme il y a peu on en a parlé... je vous propose de discutailler des design alternatifs pour GameCorp, ainsi que de leur création. Voila de quoi expliquer les bases de la syntaxe du CSS  .-------------------------------------------------------------------------------------------------------------------------------------------------------------- Syntaxe Le CSS, c'est un langage qui va vous permettre de styliser une page web. Il vous permettra de positionner, colorer, imager, etc...  Code : CSS .header /* CSS du header, ce qu'on trouve en haut de toutes les pages */ { background-image: url("header.png"); background-repeat: none; float: left; border: 1px solid black; } Analysons : ".header" défini quel élément concerne ce code. ici, vous pouvez mettre un attribut d'une balise xHTML, ou une valeur attribuée à un id ou a un class ."/* Commentaire */" Entre /* et */ seront affiché vos commentaire, pour vous aider a vous repérer dans voter code . Un commentaire ne sert a rien a part cela, il n'attribut en aucun cas un quelconque style."{ ... }" Ces accolades délimitent l'espace où vous allez saisir des attributs et des valeurs CSS. Voila comment marche le CSS, au niveau de la disposition d'éléments dans votre code. Maintenant, intéresserons-nous aux propriétés et valeurs elles-même : A la fin de chaque instructions, il faut mettre un point-virgule. Ce point virgule annonce que cette instruction est terminée, en gros. Entre l'attribut et la valeur de cette dernière, pensez a mettre ":" et non "=". Ici, espacer ou non n'a pas d'importance au niveau syntaxique .Voila, pour résumer, comment ça marche :Code : CSS Élément concerné { Attribut : Valeur ; } -------------------------------------------------------------------------------------------------------------------------------------------------------------- Si des listes de attributs ( voir valeurs possibles ) vous intéréssent... alors... - Liste des propriétés les plus courantes ( SdZ ) - Liste très complète
Dernière édition le 02 Mai 2008 à 13:28
|
|
| Artemys_Fowl |
Posté le 02 Mai 2008 à 18:47
|
|
 Messages : 735 GCPoints : 68605 |
La syntaxe, c'est joli, mais si y'a rien pour mettre dessus, ben, c'est pas super utile, m'voyez ? Enfin je dis ça comme ça.
Aux désespérés mentaux et psychologiquement gâtés...
Maryline Sarah Emylyan Casthaniera Mazenod Koukolos ? Qui a inventé un nom pareil ? Prêt à tout détruire... Je dois juste... appuyer... sur le bouton... |
|
| Daru13 |
Posté le 02 Mai 2008 à 18:56
|
|
|
Messages : 2884 GCPoints : 108090 |
Je pensais qu'en s'y mettant tous, peut-être qu'on pourrait commenter le looonnngg fichier CSS de GameCorp, mhh ^^ ? Qui est partant  ?
|
|
| Mod |
Posté le 02 Mai 2008 à 20:42
|
|
 Messages : 4954 GCPoints : 2100823 |
Fichier long car pas encore très "optimisé". Ca devrait légèrement être plus court une fois que j'aurais conclut le système de multi-design.
|
|
| Darktib |
Posté le 03 Mai 2008 à 21:46
|
|
 Messages : 4017 GCPoints : 347288 |
C'est pas mal comme idée, ca peut donner la 'bonne' syntaxe pour les débutants en CSS (dont je fait partie^^). Tu pourrais en faire un tuto. Ca fait (un peu) penser au C... Quant au fichier CSS de gamecorp... Je l'ai regardé 1 seconde... puis j'ai tout de suite fermé 
Dernière édition le 03 Mai 2008 à 21:47
|
|
Voir le profil
Envoyer un message privé
Voir le site
GameCorp - Index des forumsCommunautéGameCorp : Vie du site et du forumDesign alternatifs : Astuces et CSS
Répondre