Templates et Webdesign
Créer une feuille de style personnalisée pour Protostar
Si vous voulez personnaliser votre template à moindre frais, il suffit d'utiliser les styles css qui vous permettrons de personnaliser beaucoup de choses.
Le plus simple, pour ne pas avoir à travailler sur des feuilles de styles déjà bien surchargées, est de créer une feuille de style peronnalisée.
Outre le fait que cela vous rendra le travail plus simple et surtout plus clair, le template Protostar chargera votre feuille de style en dernier, ce qui permettra à vos classes utilisant le même nom qu'une classe existante d'avoir la priorité sur cette dernière.
Créer d'une feuille de style personnalisée pour Protostar :
Accédez à la racine de votre site puis allez dans le dossier : "templates/protostar/css/" et créez un nouveau fichier que vous nommerez "user.css"
Vous pouvez aussi le faire directement depuis l'espace administratif du site :
- Allez dans le menu "Extensions > Templates"
- Cliquez sur le titre du template "Protostar"
- Cliquez sur le bouton "Nouveau fichier" situé dans la partie supérieure de la page
- Dans la "pop-up" qui s'ouvre, cliquez sur le dossier "css" pour le sélectionner
- Dans le champ "nom de fichier" saisissez "user" et sélectionnez le type "css" puis cliquez sur créer
- Cliquez sur le bouton "Enregistrer" ou "Enregistrer et Fermer"
Modifier vos styles personnalisés
Pour ajouter ou modifier vos styles personnalisés, il vous suffit de retourner dans ce fichier "user.css" et de travailler dessus directement depuis l'espace administratif de votre site Joomla.
- Allez dans le menu "Extensions > Templates"
- Cliquez sur le titre du template "Protostar"
- Cliquez sur le dossier "css" situé dans la partie gauche de la page puis sur le fichier "user.css"
- Vous verrez alors une zone d'édition au centre de la page où vous pourrez créer et modifier toutes les classes css que vous voudrez