Commencement CSS

[Ninsun]

Bonjour à tous,

Je commences le CSS sur mon site, je souhaite donc savoir si je modifie directement dans le template.css ou si je créé un fichier a part pou créer mon css personalisé.

Si je créé ce fichier, ou dois je le placer dans mes dossiers?

[ced1870]

Re : Commencement CSS

salut
tu dois pouvoir créer un fichier custom.css dans le dossier css du template, il me semble que ça marche avec Protostar
je n'ai pas encore eu le temps de tester cette fonctionnalités
Le souci si tu modifies le template.css c'est lors des mises à jour, ton fichier sera écrasé
sinon tu peux dupliquer le template et le renommer, ce qui te permet d'y faire les modifs que tu veux
CEd

[Ninsun]

Re : Commencement CSS

Bonjour Ced,
Merci de ta réponse.
Si je le duplique et le renomme, dois je supprimer le fichier css restant nommé template.css?

[ced1870]

Re : Commencement CSS

quand je parle de dupliquer c'est tout le dossier du template pour en créer un autre
regardes sur le net il y a des tutos à ce sujet car il faut modifier le fichier xml pour lui donner le nom du template

[Ninsun]

Re : Commencement CSS

Ok j'ai compris le principe.Est il possible d'assigner par exemple un template pour chaque page que j'aurais créer personnellement?
Pa contre, j'ai créé un nouveau template et quand je l'applique, ma page se reduit en largeur tandis que l'autre etait en pleine page (je n'ai rien modifier dans le template de base, mes modules empietent sur d'autres egalement).

[ced1870]

Re : Commencement CSS

tu dois avoir un souci au niveau du chargement d'un fichier css ou des paramètres

Est il possible d'assigner par exemple un template pour chaque page que j'aurais créer personnellement?

bien sur, dans le gestionnaire de templates

[Ninsun]

Re : Commencement CSS

Pour le moment j'eesaye de positionner une image de fond pour la page d'accueil.

Faut il placer l'image dans le dossier images du template choisi ou dans le dossier images avant les templates?

j'écris le css sous cette forme :
ligne 7036 à 7048 du fichier template.css :

.body .container {
background-color: #fff;
background-image: url(images/coquelicot.jpg);
background-size: ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 20px;
border: 1px solid rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}

Pour le background images, ma syntaxe est elle bonne?

je suis toujous sur protostar mais un que j ai dupliqué.

Merci.

[ced1870]

Re : Commencement CSS

Faut il placer l'image dans le dossier images du template

oui plutot si c'est pour intégrer dans le template, les autres images sont plutot pour etre appelées dans les articles et autre

background-image: url(images/coquelicot.jpg);

plutot

background-image: url(../images/coquelicot.jpg);

si tu as la structure
- template
-- images
-- css

[Ninsun]

Re : Commencement CSS

Je dois donc suivre le cheminement entier depuis le disque C?
Soit : background-image : url(C:/xampp/htdocs/stagedev/templates/potostardev/images/coquelicot.jpg); ou alors je prends à partir d'un chemin plus court?

[Ninsun]

Re : Commencement CSS

Rebonjour,

Alors hier, mise a jour joomla, tout mon css a sauté car je n'avais pas de fichier custom.css.
Le souci est que quand je créé un dossier custom.css, le css que je mets à l'intérieur ne s'applique pas.

Je dois passer à coté de quelque chose mais je ne vois pas quoi.Dans le custom.css je dois recopier l'intégralité du dossier template.css ou bien juste mettre mes modifications?
J'ai compris le principe pour créer et installer divers templates mais le dossier custom, je suis largués lol.

Autre question, comment modifier le css d'un module que j'ai placé dans le footer? J'arrive a capter le nom de classe de la div sur firebug mais les modifs ne prennent pas non plus.