[Resolu] Lier une feuille de style CSS à une page et non à un gabarit

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.9
#~ Url du site :
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ Cms Version: 1.11.9
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ News: 2.14.1
#~ Search: 1.7.11
#~ ThemeManager: 1.1.8
#~ TinyMCE: 2.9.12
#~ CMSDumper: 1.3
#~ MysqlDump: 1.3.1
#~ CGSimpleSmarty: 1.7.2
#~ CGExtensions: 1.38.7
#~ CGBlog: 1.12.1
#~ FormBuilder: 0.7.4
#~ Captcha: 0.4.6
#~ TagCloud: 1.0.2
#~ Disqus: 2.0
#~ CGFeedMaker: 1.0.17
#~ Bookmarks: 2.1
#~ HitCounter: 1.1
#~ Gbook: 1.2
#~ ListIt2: 1.4.1
#~ ThemesMadeSimple: 0.3
#~ JQueryTools: 1.2.6
#~ ListIt2TestBookmarks: 1.4.1
#~ LinkMgr: 1.5.1
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR.utf-8
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.16
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.73
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour

J'ai voulu - sans y parvenir - associer une feuille de style CSS à une page (et non à un gabarit) pour personnaliser des listes <UL> avec des images. En intégrant le smarty {cms_stylesheet name="puces"} dans la zone sidebar ou zone de contenu d'une page (car je ne vois pas de <head> où mettre le code CSS dans une page sous TinyMCE), j'obtiens le résultat voulu, sauf que cela impacte aussi sur la forme de mon menu principal où je voie apparaitre les images que j'ai choisies pour les puces. A propos j'utilise le gabarit ShadowMenu Tab + 2 columns.

Deux simples questions :

1. comment associer un fichier CSS à une (ou des) page(s) pour la personnaliser sans que cela impacte sur le gabarit, sinon comment intégrer du code CSS à l'intérieur d'une page sous TinyMCE ?

2. les pages sous CMSMS (avec TinyMCE) n'ont-elles pas de zones <head> ou l'on peut intégrer des scripts ? En lisant les aides sur Internet, on indique souvent d'intégrer un script dans la partie <Head> puis de l'appeler dans le <Body>. Je ne vois pas de partie <head> quand je désactive le WYSIWYG des pages sous TinyMCE.

Merci pour votre aide

Ben
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.11.9
#~ Url du site :
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ Cms Version: 1.11.9
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ News: 2.14.1
#~ Search: 1.7.11
#~ ThemeManager: 1.1.8
#~ TinyMCE: 2.9.12
#~ CMSDumper: 1.3
#~ MysqlDump: 1.3.1
#~ CGSimpleSmarty: 1.7.2
#~ CGExtensions: 1.38.7
#~ CGBlog: 1.12.1
#~ FormBuilder: 0.7.4
#~ Captcha: 0.4.6
#~ TagCloud: 1.0.2
#~ Disqus: 2.0
#~ CGFeedMaker: 1.0.17
#~ Bookmarks: 2.1
#~ HitCounter: 1.1
#~ Gbook: 1.2
#~ ListIt2: 1.4.1
#~ ThemesMadeSimple: 0.3
#~ JQueryTools: 1.2.6
#~ ListIt2TestBookmarks: 1.4.1
#~ LinkMgr: 1.5.1
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR.utf-8
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.16
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.73
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour

J'ai voulu - sans y parvenir - associer une feuille de style CSS à une page (et non à un gabarit) pour personnaliser des listes <UL> avec des images. En intégrant le smarty {cms_stylesheet name="puces"} dans la zone sidebar ou zone de contenu d'une page (car je ne vois pas de <head> où mettre le code CSS dans une page sous TinyMCE), j'obtiens le résultat voulu, sauf que cela impacte aussi sur la forme de mon menu principal où je voie apparaitre les images que j'ai choisies pour les puces. A propos j'utilise le gabarit ShadowMenu Tab + 2 columns.

Deux simples questions :

1. comment associer un fichier CSS à une (ou des) page(s) pour la personnaliser sans que cela impacte sur le gabarit, sinon comment intégrer du code CSS à l'intérieur d'une page sous TinyMCE ?

2. les pages sous CMSMS (avec TinyMCE) n'ont-elles pas de zones <head> ou l'on peut intégrer des scripts ? En lisant les aides sur Internet, on indique souvent d'intégrer un script dans la partie <Head> puis de l'appeler dans le <Body>. Je ne vois pas de partie <head> quand je désactive le WYSIWYG des pages sous TinyMCE.

Merci pour votre aide

Ben
#2
1° Il te suffit d'ajouter une classe à ton <ul> et de modifier ta css ainsi : ul.taClasse {tes propriétés pour image}. Pas besoin de créer une feuille css à part.
Tu as intérêt à apprendre à coder sans le wysiwyg, sans quoi tu n'auras pas la maîtrise sur ton code et tu viendras souvent pleurer sur le forum Wink
2° Dans les options de page, tu as un champs "métadonnées", c'est là que tu peux mettre tes scripts spécifiques à la page (ils sont ajoutés grâce au tag {metadata} qui se trouve déjà dans tes gabarits de page).
#2
1° Il te suffit d'ajouter une classe à ton <ul> et de modifier ta css ainsi : ul.taClasse {tes propriétés pour image}. Pas besoin de créer une feuille css à part.
Tu as intérêt à apprendre à coder sans le wysiwyg, sans quoi tu n'auras pas la maîtrise sur ton code et tu viendras souvent pleurer sur le forum Wink
2° Dans les options de page, tu as un champs "métadonnées", c'est là que tu peux mettre tes scripts spécifiques à la page (ils sont ajoutés grâce au tag {metadata} qui se trouve déjà dans tes gabarits de page).
#3
Bonsoir Jean

Merci pour l'aiguillage. Je suis parvenu à créer une classe et l'utiliser dans ma css principale.

Code :
[== Indéfini ==]
ul.puces {
list-style-image: url('http://www.benhenda.com/uploads/images/icones/puce_fleche_bleue3.gif');
}

Juste un deuxième hic c'est le listage en <ul> imbriqués (le nested listing). La puce que je déclare pour le <Ul> principal s'applique à tous les niveaux des <ul> et des <li> en dessous. J'ai essayé plusieurs montages mais ca ne marche pas. J'ai crée une autre classe pour les <li> mais pareil, la même puce s'applique à tous les <li> des niveaux en dessous.

N'y a-t-il pas moyen d'avoir une classe unique et lorsqu'on l'appelle en HTML, elle s'appliquera différemment selon le niveaux de la hiérarchie du listing ?

Juste un exemple que je saurais adapter ou des pistes à creuser sur le Net Sad


Merci bien

Ben
#3
Bonsoir Jean

Merci pour l'aiguillage. Je suis parvenu à créer une classe et l'utiliser dans ma css principale.

Code :
[== Indéfini ==]
ul.puces {
list-style-image: url('http://www.benhenda.com/uploads/images/icones/puce_fleche_bleue3.gif');
}

Juste un deuxième hic c'est le listage en <ul> imbriqués (le nested listing). La puce que je déclare pour le <Ul> principal s'applique à tous les niveaux des <ul> et des <li> en dessous. J'ai essayé plusieurs montages mais ca ne marche pas. J'ai crée une autre classe pour les <li> mais pareil, la même puce s'applique à tous les <li> des niveaux en dessous.

N'y a-t-il pas moyen d'avoir une classe unique et lorsqu'on l'appelle en HTML, elle s'appliquera différemment selon le niveaux de la hiérarchie du listing ?

Juste un exemple que je saurais adapter ou des pistes à creuser sur le Net Sad


Merci bien

Ben
#4
Le nombre de <li> et de sous <li> est-il fixe ?
Est-il généré automatiquement, comme pour le menu ?
Le rédacteur futur du site devra-t-il en ajouter ? Et y connait-il quelque chose en html ?
Finalement, ça va servir à quoi, tout ça ? Soit explicite et on pourra t'orienter vers la meilleure solution.
#4
Le nombre de <li> et de sous <li> est-il fixe ?
Est-il généré automatiquement, comme pour le menu ?
Le rédacteur futur du site devra-t-il en ajouter ? Et y connait-il quelque chose en html ?
Finalement, ça va servir à quoi, tout ça ? Soit explicite et on pourra t'orienter vers la meilleure solution.
#5
Bonsoir Jean

Désolé, oui j'aurais du donner plus de détails.

Oui je suis bien connaisseur en HTML5 mais pas beaucoup en codes avancés CSS fait à la main. Je fais du css basique (interne ou externe) avec des éditeurs HTML genre Dreamweavers, Frontpage etc.

Je suis seul éditeur du contenu de mon site perso et cet exercice est destiné à gérer une liste de favoris statiques sur ma page d'accueil. J'ai voulu générer automatiquement mes favoris en plusieurs sous-ensembles (catégories) avec le module Bookmarks mais il parait que c'est bogué. Donc je le fais pour l'instant à la main. Pour le nombre de <li> cela ne dépasse pas les 3 niveaux : catégories, sous catégories et parfois sous-sous catégories.

Item 1
Item 2
Item 2.1
Item 2.2
Item 2.2.1
Item 2.2.2
Item 2.3
Item 3

Mais je pourrais me contenter de 2 niveaux seulement.

Ton idée d'utiliser une Class m'ouvre des perspectives pour pouvoir personnaliser les modules ou les bloc de contenus.

Une Class de listes hiérarchisée permettrait de travailler normalement avec TinyMCE sans être obligé d'insérer des puces-images à la main en face de chaque ligne. Enfin, je le comprends comme ça.

Merci beaucoup pour ta patience

Ben
#5
Bonsoir Jean

Désolé, oui j'aurais du donner plus de détails.

Oui je suis bien connaisseur en HTML5 mais pas beaucoup en codes avancés CSS fait à la main. Je fais du css basique (interne ou externe) avec des éditeurs HTML genre Dreamweavers, Frontpage etc.

Je suis seul éditeur du contenu de mon site perso et cet exercice est destiné à gérer une liste de favoris statiques sur ma page d'accueil. J'ai voulu générer automatiquement mes favoris en plusieurs sous-ensembles (catégories) avec le module Bookmarks mais il parait que c'est bogué. Donc je le fais pour l'instant à la main. Pour le nombre de <li> cela ne dépasse pas les 3 niveaux : catégories, sous catégories et parfois sous-sous catégories.

Item 1
Item 2
Item 2.1
Item 2.2
Item 2.2.1
Item 2.2.2
Item 2.3
Item 3

Mais je pourrais me contenter de 2 niveaux seulement.

Ton idée d'utiliser une Class m'ouvre des perspectives pour pouvoir personnaliser les modules ou les bloc de contenus.

Une Class de listes hiérarchisée permettrait de travailler normalement avec TinyMCE sans être obligé d'insérer des puces-images à la main en face de chaque ligne. Enfin, je le comprends comme ça.

Merci beaucoup pour ta patience

Ben
#6
Si tu souhaites une puce différente pour chaque li, tu n'as qu'à leur donner une classe différente : li.item1, li.item2, li.item21.
Merci de bien vouloir clôturer ce post et celui-là en modifiant le titre et en y plaçant [Résolu] au début.
Pour un Docteur en Information et Communication, Maître de Conférence de surcroit, qui explique à ses élèves le logiciel libre et le plagiat, je remarque que tu t'es pourtant permis de supprimer la métadonnée "generator" contenant le copyright du cms... (licence colonne droite : http://www.cmsmadesimple.fr/presentation...sation-cms).
#6
Si tu souhaites une puce différente pour chaque li, tu n'as qu'à leur donner une classe différente : li.item1, li.item2, li.item21.
Merci de bien vouloir clôturer ce post et celui-là en modifiant le titre et en y plaçant [Résolu] au début.
Pour un Docteur en Information et Communication, Maître de Conférence de surcroit, qui explique à ses élèves le logiciel libre et le plagiat, je remarque que tu t'es pourtant permis de supprimer la métadonnée "generator" contenant le copyright du cms... (licence colonne droite : http://www.cmsmadesimple.fr/presentation...sation-cms).
#7
Touché, coulé. Je remédie à cela tout de suite. C'est par inadvertance. Merci pour la remarque et les réponses.
#7
Touché, coulé. Je remédie à cela tout de suite. C'est par inadvertance. Merci pour la remarque et les réponses.
#8
1- profite en pour faire la mise à jour en 1.11.10 cause faille possible de 1.11.9
2- supprime le http://www.b qui pointe non pas vers ton site mais vers ...
J-C Etiemble v 2.2.xx
#8
1- profite en pour faire la mise à jour en 1.11.10 cause faille possible de 1.11.9
2- supprime le http://www.b qui pointe non pas vers ton site mais vers ...
J-C Etiemble v 2.2.xx


Atteindre :


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