Piwigo.org

vimages · 2009-02-01 13:49:02

Bon, pour les modifications de template, on duplique le template de base que l'on veux modifier, on le modifie et on place le nouveau fichier dans template extention.. on le déclare en admin et le tour est joué.. assez simple somme toute !

Pour les css..
il y a le fichier theme.css qui est le principal fichier supportant les personnalisations css.

Dans mon cas, j'ai du modifier les fichiers : menubar.css, content.css, thumbnails.css et ajouter les local_layout.css

Dans le but de bien séparer les personnalisations des fichiers natifs (comme pour les templates) Y a t'il un moyen de forcer ces modifications css sans toucher aux fichiers natifs?

ainsi, l'intégralité des fichiers natifs seront préservés.

merci.

éric.

Dernière modification par vimages (2009-02-01 23:26:06)

ddtddt · 2009-02-01 14:46:17

Tous dans le local_layout.css ?

vimages · 2009-02-01 14:47:46

et tu penses que les entrées css du local_layout.css seront prises en compte en priorité ?

ddtddt · 2009-02-01 14:52:09

A vérifier mais il est appelé après donc il "écrase" ce qu'il y a avant.

VDigital · 2009-02-01 15:22:02

1 - Ce que tu sais déjà:

1.1 - theme/xxxxx/theme.css si tu veux vraiment que les changements ne s'appliquent que pour ce thème.
1.2 - Mais encore, local-layout.css dans yoga si tu utilises yoga (il prendra le dessus sur ton theme.css).
1.3 - Mais plus encore, local-layout.css dans template-common si tu veux une modif générale (quelque soit le template).

2 - Maintenant plus fort avec Piwigo 2.0.x:
dans le template-extension lui-même, j'explique par l'exemple.

2.1 - Chaque template-extension peut définir son css.
Dans un répertoire "template-extension/Vroum/", tu peux créer ton footer.tpl
mais également un footer.css.

Dans le tpl tu ajouteras:

{html_head}
<link href="{$ROOT_URL}template-extension/Vroum/footer.css" type="text/css" rel="stylesheet" />
{/html_head}

Ce css prendra le pas sur le local-layout.css (Cf. 1.3).

2.2 - Cas particulier le header.css:
Dans ce cas {html_head} ne sert à rien puisqu'on peut modifier la section <head>.

Il suffira donc de coder:

{* Specific *}
<link href="{$ROOT_URL}template-extension/Vroum/header.css" type="text/css" rel="stylesheet" />
</head>

Évidemment, ce css prendra le pas sur le local-layout.css (Cf. 1.3).

2.3 - De toute façon même dans le moins prioritaire .css (Cf. 1.1).
On peut toujours corriger une règle moins précise.

Exemple:
dans un Vroom/footer.css, j'imagine
a.Piwigo { color:#FF9922; text-decoration:blink; }

2.3.1 - Je peux l'overrider (le surcharger même dans le theme.css).
#copyright a.Piwigo { color:#FF7700; text-decoration:underline; }

2.3.2 - Cela ne suffit pas? par exemple:
#the_page #copyright a.Piwigo { color:#FF7700; text-decoration:underline; }

2.3.3 - Cela ne suffit pas encore? par exemple:
body #the_page #copyright a.Piwigo { color:#FF7700; text-decoration:underline; }

Et j'ai encore 2 ressources que je conserve pour les cas tordus.

3 - A mon avis, tu devrais en avoir bien assez avec ça déjà.

vimages · 2009-02-01 15:27:24

ou la la....

J'ai certainement out ce qu'il faut là...
Merci vincent !

je vais étudier ça de près.. si je peux tout caser entre le theme.css de mon theme perso et les fichiers de mon dossier perso dans template extension.. c'est top. cela équivaudra quelque part à faire un nouveau template.

Quand ce sera ai point je ferai un petit post.

....
merci.

éric.

Piwigo.org

Annonce

#1 2009-02-01 13:49:02

[résolu][2.0RC4] personnalisation et fichiers css natifs.

#2 2009-02-01 14:46:17

Re: [résolu][2.0RC4] personnalisation et fichiers css natifs.

#3 2009-02-01 14:47:46

Re: [résolu][2.0RC4] personnalisation et fichiers css natifs.

#4 2009-02-01 14:52:09

Re: [résolu][2.0RC4] personnalisation et fichiers css natifs.

#5 2009-02-01 15:22:02

Re: [résolu][2.0RC4] personnalisation et fichiers css natifs.

#6 2009-02-01 15:27:24

Re: [résolu][2.0RC4] personnalisation et fichiers css natifs.

Pied de page des forums