Jump to content

Empêcher le global.css sur les pages personnalisées [Résolu]


Recommended Posts

Bonsoir, 

J'aimerais savoir s'il est possible de désactiver l'appel du global.css sur les pages que je crée.
Elles sont créés avec un TPL, CSS et PHP.

Par exemple j'ai un fichier mapage.css dans ./themes/montheme/css/ ainsi qu'un fichier mapage.tpl dans ./themes/montheme/ et pour finir un fichier mapage.php à la racine du site. 

Sauf que voilà, il tient compte du global.css et ca me bloque dans la conception d'un Design un peu original.

J'ai précisé dans mon fichier TPL :

<link href="themes/givmi/css/mapage.css" rel="stylesheet" type="text/css" > 

Histoire d'essayer mais le global.css est toujours appelé. 

Merci à vous

Edited by ice699 (see edit history)
Link to comment
Share on other sites

Bonjour,

Le global.css peut être écrasé, si le même code se trouve dans un autre .css.
Pour être plus précis, imaginons que vous avez dans dans le global.css, ce code :

p {text-align:left;} = paragraphes alignés à gauche

si vous le modifié et le collé dans mapage.css, alors il prendra le dessus, ou s'ajoutera si les codes ne s'annulent pas.

Ainsi, pour toutes les autres pages, ce sera aligné à gauche, car vous aurez bien :  p {text-align:left;}
Mais pour celle-ci, vous aurez, par exemple : p {text-align:right; border:3px;} = paragraphes de cette page alignés à droite + bordure 3px.

Le global.css sera toujours lu, mais il sera secondaire sur ces pages, étant écrasé par les codes entrés dans mapage.css.
J'espère avoir été clair, tout cela me semble un peu confus comme explication.

Bonne continuation.
Cordialement.


Du coup, au lieu que ce soit aligné à gauche, ce sera aligné à droite, seulement pour cette page, normalement.
 

Link to comment
Share on other sites

Vous avez été parfaitement limpide. 
Cependant c'est ce que j'ai fait pour mapage.css.
J'ai copié le contenu de global.css dans mapage.css et ensuite j'ai modifié mapage.css.
Sauf que certaines modifications ne se font pas. 

Je le vois dans Google Chrome, global.css prend le dessus. 

Je ne comprend pas pourquoi.

Par exemple le code ci dessous est appelé dans mapage.css et global.css
Si je vire cette ligne de mapage.css ce code a toujours un effet sur mapage 

*:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; }

Je précise que je travail avec le cache de Prestashop désactiver
Je force la recompilation totale du site parce que je développe sur mon réseau local et mon navigateur pour le développement n'a pas de cache non plus.

Link to comment
Share on other sites

Par exemple le code ci dessous est appelé dans mapage.css et global.css

Si je vire cette ligne de mapage.css ce code a toujours un effet sur mapage 

*:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; }

 

C'est normal, puisque ça reste appelé dans global.css.

Ce qu'il faut, c'est annuler la chose, pour mapage.tpl, avec mapage.css.

En reprenant votre exemple, dans l'idée, ca donnerait :

*:before, *:after {
 -webkit-box-sizing: none;
 -moz-box-sizing: none;
 box-sizing: none; }

Normalement, les deux fichiers seront bien appelé par le navigateur internet (global.css et mapage.css), mais mapage prenant le dessus, le code de global s'annule, puisqu'on lui dit de ne pas afficher.

Link to comment
Share on other sites

Exact, vous devez spécifier pour chaque code html rapporté dans le global.css, et utilisé dans dans mapage.tpl, une copie sous mapage.css.
Dans celles-ci, vous direz si vous voulez que ça n'apparaisse pas, ou si vous voulez que ça apparaisse différemment. (totalement ou partiellement)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...