Css selon variable

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.4
#~ Url du site :
#~ Hébergeur / Soft : netissime
#~ Informations Système :


----------------------------------------------

Cms Version: 1.11.4

Installed Modules:

CMSMailer: 5.2.1
CMSPrinting: 1.0.3
FileManager: 1.4.3
MenuManager: 1.8.5
MicroTiny: 1.2.5
ModuleManager: 1.5.5
News: 2.12.10
Search: 1.7.7
ThemeManager: 1.1.7
TinyMCE: 2.9.12
FormBuilder: 0.7.3
Captcha: 0.4.5


Config Information:

php_memory_limit:
process_whole_template:
output_compression:
max_upload_size: 10000000
url_rewriting: none
page_extension:
query_var: page
image_manipulation_prog: GD
auto_alias_content: true
locale:
default_encoding: utf-8
admin_encoding: utf-8
set_names: true


Php Information:

phpversion: 5.3.6
md5_function: On (Vrai)
gd_version: 2
tempnam_function: On (Vrai)
magic_quotes_runtime: Off (Faux)
E_STRICT: 0
E_DEPRECATED: 0
memory_limit: 128M
max_execution_time: 30
output_buffering: 4096
safe_mode: Off (Faux)
file_uploads: On (Vrai)
post_max_size: 24M
upload_max_filesize: 10M
session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
session_use_cookies: On (Vrai)
xml_function: On (Vrai)
xmlreader_class: On (Vrai)


Server Information:

Server Api: apache2handler
Server Db Type: MySQL (mysqli)
Server Db Version: 5.1.56
Server Db Grants: Trouvé un privilège "GRANT ALL" qui semble être adapté


----------------------------------------------

#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~


Bonjour,
Je sais que ce sujet revient souvent. Cependant je bloque...
J'ai lu attentivement les posts notamment celui d'Airlibre mais je n'y arrive pas. Je voudrais n'utiliser qu'un seul gabarit qui s'adapterait automatiquement.


A partir de simplex, je voudrais assigner une couleur spécifique par domaine d'activité. j'ai donc mis dans mes pages la variable qui correspond au domaine.
Code :
[== Indéfini ==]

{assign var="domaine" value="metro"}
etc pour toutes les pages (çà marche puisque j'appelle l'image du bandeau avec çà grâce à votre aide d'ailleurs).

Dans le gabarit j'ai mis

Code :
[== Indéfini ==]
    {if $domaine == 'medical'}
{$couleur ='#B1D56F'}
{/if}


    {if $domaine == 'metro'}
{$couleur ='#78BEO'}
{/if}

    {if $domaine == 'masse'}
{$couleur ='#FAAA3F'}
{/if}

    {if $domaine == 'laser'}
{$couleur ='#EF5D23'}
{/if}



Dans la feuille de style j'ai par exemple

Code :
[== CSS ==]
a {
    color: [[$couleur]];
}

h1 {
    color: [[$couleur]];
}


çà marche pour un domaine Smile mais la couleur reste pour les autres domaines... :o

J'ai essayé de faire une feuille de style par domaine en les nommant avec le nom du domaine et de l'appeler ainsi dans le gabarit

{cms_stylesheet name='($domaine).css'}


Je tourne en rond. Sad

Merci de votre aide.
Répondre
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.4
#~ Url du site :
#~ Hébergeur / Soft : netissime
#~ Informations Système :


----------------------------------------------

Cms Version: 1.11.4

Installed Modules:

CMSMailer: 5.2.1
CMSPrinting: 1.0.3
FileManager: 1.4.3
MenuManager: 1.8.5
MicroTiny: 1.2.5
ModuleManager: 1.5.5
News: 2.12.10
Search: 1.7.7
ThemeManager: 1.1.7
TinyMCE: 2.9.12
FormBuilder: 0.7.3
Captcha: 0.4.5


Config Information:

php_memory_limit:
process_whole_template:
output_compression:
max_upload_size: 10000000
url_rewriting: none
page_extension:
query_var: page
image_manipulation_prog: GD
auto_alias_content: true
locale:
default_encoding: utf-8
admin_encoding: utf-8
set_names: true


Php Information:

phpversion: 5.3.6
md5_function: On (Vrai)
gd_version: 2
tempnam_function: On (Vrai)
magic_quotes_runtime: Off (Faux)
E_STRICT: 0
E_DEPRECATED: 0
memory_limit: 128M
max_execution_time: 30
output_buffering: 4096
safe_mode: Off (Faux)
file_uploads: On (Vrai)
post_max_size: 24M
upload_max_filesize: 10M
session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
session_use_cookies: On (Vrai)
xml_function: On (Vrai)
xmlreader_class: On (Vrai)


Server Information:

Server Api: apache2handler
Server Db Type: MySQL (mysqli)
Server Db Version: 5.1.56
Server Db Grants: Trouvé un privilège "GRANT ALL" qui semble être adapté


----------------------------------------------

#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~


Bonjour,
Je sais que ce sujet revient souvent. Cependant je bloque...
J'ai lu attentivement les posts notamment celui d'Airlibre mais je n'y arrive pas. Je voudrais n'utiliser qu'un seul gabarit qui s'adapterait automatiquement.


A partir de simplex, je voudrais assigner une couleur spécifique par domaine d'activité. j'ai donc mis dans mes pages la variable qui correspond au domaine.
Code :
[== Indéfini ==]

{assign var="domaine" value="metro"}
etc pour toutes les pages (çà marche puisque j'appelle l'image du bandeau avec çà grâce à votre aide d'ailleurs).

Dans le gabarit j'ai mis

Code :
[== Indéfini ==]
    {if $domaine == 'medical'}
{$couleur ='#B1D56F'}
{/if}


    {if $domaine == 'metro'}
{$couleur ='#78BEO'}
{/if}

    {if $domaine == 'masse'}
{$couleur ='#FAAA3F'}
{/if}

    {if $domaine == 'laser'}
{$couleur ='#EF5D23'}
{/if}



Dans la feuille de style j'ai par exemple

Code :
[== CSS ==]
a {
    color: [[$couleur]];
}

h1 {
    color: [[$couleur]];
}


çà marche pour un domaine Smile mais la couleur reste pour les autres domaines... :o

J'ai essayé de faire une feuille de style par domaine en les nommant avec le nom du domaine et de l'appeler ainsi dans le gabarit

{cms_stylesheet name='($domaine).css'}


Je tourne en rond. Sad

Merci de votre aide.
Répondre
#2
Salut,
le problème viens de la mise en cache des CSS...je m'y suis heurté aussi.
Il me semble l'avoir signalé dans le post d'Ailibre non?
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
Répondre
#2
Salut,
le problème viens de la mise en cache des CSS...je m'y suis heurté aussi.
Il me semble l'avoir signalé dans le post d'Ailibre non?
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
Répondre
#3
Merci de ta réponse. Oui j'ai lu des infos sur les différents systèmes de cache.
Comment faire alors ? Je tourne toujours...
Te souviens tu comment as tu réglé ce pb quand tu t'y es heurté ?
merci.
Répondre
#3
Merci de ta réponse. Oui j'ai lu des infos sur les différents systèmes de cache.
Comment faire alors ? Je tourne toujours...
Te souviens tu comment as tu réglé ce pb quand tu t'y es heurté ?
merci.
Répondre
#4
c'étais à l'occasion de différents tests, pas sur un cas concret...je ne l'ai pas résolu Big Grin
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
Répondre
#4
c'étais à l'occasion de différents tests, pas sur un cas concret...je ne l'ai pas résolu Big Grin
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
Répondre
#5
une piste
-------------
Code :
[[* first we assign color option here, you can change value=" " to orange, green or black, which will change stylesheet values according to chosen color, as default (no value) blue color is set *]]
[[assign var="color" value="green"]]

h2 {
    font-size: 1.8em;
    padding: 10px 0;
[[if $color == 'green']]
        color: #216f17;
[[elseif $color == 'orange']]
        color: #fa5f02;
[[elseif $color == 'black']]
        color:#1861bd;
[[else]]
    color: #233a58;
[[/if]]
    font-weight: normal;
}
-.
Répondre
#5
une piste
-------------
Code :
[[* first we assign color option here, you can change value=" " to orange, green or black, which will change stylesheet values according to chosen color, as default (no value) blue color is set *]]
[[assign var="color" value="green"]]

h2 {
    font-size: 1.8em;
    padding: 10px 0;
[[if $color == 'green']]
        color: #216f17;
[[elseif $color == 'orange']]
        color: #fa5f02;
[[elseif $color == 'black']]
        color:#1861bd;
[[else]]
    color: #233a58;
[[/if]]
    font-weight: normal;
}
-.
Répondre
#6
Merci. Je ne savais pas qu'on pouvait tester les variables dans les css. Je vais essayer cette piste.
Répondre
#6
Merci. Je ne savais pas qu'on pouvait tester les variables dans les css. Je vais essayer cette piste.
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)