YACS Le livre de Yacs Créer une identité visuelle

PrécédentSuivantIndex

Comment dériver les styles natifs

Créez vos propres styles à partir des styles existants, sans toucher à ces derniers. Vos nouveaux styles viennent s'ajouter à la liste de ceux qui sont déjà présents dans Yacs.

[title]Avant de dériver son premier style : se repérer[/title]

Les styles sont rangés dans le dossier "skins" du répertoire de Yacs. Vous y trouvez les quatre styles natifs qui sont : * skeleton (skin de base)
* boxesandarrows
* digital
* joi
[i](Note : Vous cherchez des explications sur Choisir un style pour votre site ?)[/i]

[title]Un style de référence est régulièrement mis à jour par Yacs.[/title] Aussi il estl vivement conseillé de **ne pas travailler directement dessus, mais de le dériver** pour y faire vos modifications. Sans cela, vos [b]modifications seraient purement et simplement écrasées[/b] lors de la mise à jour.

[subtitle] Que fait Yacs lors d'une dérivation d'un style ?[/subtitle] Yacs crée un nouveau dossier dans le répertoire skins portant le nom que vous lui aurez attribué. Il y recopie tous les dossiers et fichiers du style de référence que vous souhaitez dériver. Vous avez en main un style complet, que vous pouvez alors modifier.
[title]Procédure[/title] Rendez-vous sur le [b][i]Panneau de Contrôle[/i][/b], puis sur l'[b][i]index des styles[/i][/b].
Imaginons que votre style actif soit digital (mais ça pourrait être n'importe lequel).
Au niveau du style digital, cliquez sur le lien [b][i]Dériver ce style[/i][/b].
Dans la page suivante, donner un nouveau nom à votre style, par exemple digital_mon_style, puis cliquer sur le bouton pour laisser YACS créer un répertoire correspondant, et copier tous les fichiers du style d'origine.
Vous voilà avec une parfaite copie, modifiable à souhait et sans risque.

De retour sur la page d'index des styles, cliquer sur le lien [b][i]Utiliser ce style[/i][/b] pour activer le style dérivé.

À partir de ce moment vous êtes chez vous et pouvez considérer toute sorte de modification, y compris le changement de logo, qui est une des premières manipulations que l'on souhaite souvent faire, et une des plus simples, même sans vraiment être familiarisé avec les css.

[subtitle]Changer de logo[/subtitle] Vous n'avez pas de grandes connaissances en css mais vous souhaitez mettre votre logo sur votre site maintenant ? C'est certainement à votre portée.
Prenez juste le temps de lire attentivement l'article : insérer votre logo sur votre site Yacs.

PrécédentSuivantIndex