a class, span class ... comment y accéder ? (question de débutante :o)

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

JCE a plus d'un tour dans son sac

Dans le composant Administration de JCE, la configuration globale permet, si le CSS du template est découpé en plusieurs fichiers, de les assigner, mais pour presque tous les templates JSN, sauf Boot Pro et Mico Pro, ce n'est pas nécessaire, l'application du CSS du template est suffisant.

Ensuite, tu peux appliquer diverses règles pour JCE, le profil par défaut administrateur, et autant d'autres profils que tu veux, pour les utilisations sur le site (des versions avec uniquement les boutons voulus pour les commentaires ou spécialisées par composant
C'est très souple.

Pour les styles sur de sliens, tu as trouvé, sélection du lien, et la boite de dialogue permet de styler selon ses goûts.

Pour un span, par exemple text-highlight, sélectionner le bloc de texte et appliquer le style. Il n'y a que pour l'application d'une UniIcon qu'il faut basculer en mode source et l'insérer manuellement, le nombre de cas de figures possible étant troip important pour que le choix des styles puisse tous les intégrer.

[PieceOfCake]

Re : a class, span class ... comment y accéder ? (question de débutante )

C'est Tiny MCE, c'est vrai que JCE à côté c'est beaucoup plus puissant et efficace.

Si tu veux continuer à utiliser tiny MCE, le bouton permettant d'accéder au code source est en bas à droite : 'Basculer éditeur' et re clic pour revenir en mode Wysiwyg.

JCE est effectivement beaucoup plus pratique et permet de modifier à partir d'une liste dynamique les classes des éléments HTML sur lesquelles tu travailles (perso j'ai l'habitude de travailler avec le code source et je vais plus vite en 'natif'. question d'habitude), hormis que quelque fois ce n'est pas aussi précis qu'on voudrait, le gros reproche c'est que la liste des classes de JCE si elle reflète bien le fichier de style de ton template, n'est pas ordonnée, elle est tel que et quand tu as 150 ou 200 classes c'est un peu bor..ique!
Même si en tapant la première lettre du nom de classe tu peux parcourir plus vite le paquet.

et non t'es pas un boulet, apprendre ça prend du temps (JCE est gratuit, efficace, pratique et bien documenté. si tu en as le temps et l'usage n'hésite pas)

bon courage

[FlodAriege]

Re : a class, span class ... comment y accéder ? (question de débutante )

JCE a plus d'un tour dans son sac

Dans le composant Administration de JCE, la configuration globale permet, si le CSS du template est découpé en plusieurs fichiers, de les assigner, mais pour presque tous les templates JSN, sauf Boot Pro et Mico Pro, ce n'est pas nécessaire, l'application du CSS du template est

-> perdu ! le Template que j'utilise c'est justement Boot pro... Je vais donc devoir configurer JCE... Donc si je t'ai bien suivi, il faudrait que je repère comment le Template est découpé, afin de pouvoir assigner ces groupes de fichiers à JCE ? Bon là ça se complique, parce que je ne comprends même pas ce que j'écris... En attendant avec beaucoup d'espoir que tu repasses par là pour me dire comment faire (pour configurer JCE), je vais aller bidouiller un peu dans le composant administration de JCE, histoire de voir si par miracle je ne trouverais pas la solution toute seule

Ensuite, tu peux appliquer diverses règles pour JCE, le profil par défaut administrateur, et autant d'autres profils que tu veux, pour les utilisations sur le site (des versions avec uniquement les boutons voulus pour les commentaires ou spécialisées par composant
C'est très souple.

Effectivement ça serait pratique d'avoir juste la liste des styles que je veux utiliser : est-ce bien ce qu'il est possible de faire en créant des profils ?

Pour les styles sur de sliens, tu as trouvé, sélection du lien, et la boite de dialogue permet de styler selon ses goûts.

Pour un span, par exemple text-highlight, sélectionner le bloc de texte et appliquer le style. Il n'y a que pour l'application d'une UniIcon qu'il faut basculer en mode source et l'insérer manuellement, le nombre de cas de figures possible étant troip important pour que le choix des styles puisse tous les intégrer.

-> rebingo ! le span que j'ai besoin d'insérer correspond à une UniIcon qui s'affiche en début de lien à l'intérieur d'un bouton de lien.

En html, ça donne :

...Selon le mode d'emploi du Template :
<a class="link-button button-xxx"><span class="link-icon jsn-icon-info">texte du lien</span></a>

... mais si je regarde les fichiers modèles installés avec le Template, ça donne plutôt :
<a class="link-button button-light" href="index.php?option=com_content&amp;view=articl e&amp;id=116&amp;catid=86&amp;Itemid=435"><span class="link-icon jsn-icon-info">Nos spécialités</span></a>

... bon je débute en html, mais j'imagine que Href est l'url du lien, ce que je me demande, c'est si je le mets bien au bon endroit, mais bon, apparemment ça marche...

[FlodAriege]

Re : a class, span class ... comment y accéder ? (question de débutante )

(...) JCE est effectivement beaucoup plus pratique et permet de modifier à partir d'une liste dynamique les classes des éléments HTML sur lesquelles tu travailles (...), le gros reproche c'est que la liste des classes de JCE si elle reflète bien le fichier de style de ton template, n'est pas ordonnée, elle est tel que et quand tu as 150 ou 200 classes c'est un peu bor..ique!
Même si en tapant la première lettre du nom de classe tu peux parcourir plus vite le paquet.

Ah bah là oui, je suis entièrement d'accord avec toi : c'est un bor*** sans nom !!! si au moins les styles étaient classés par ordre alphabétique par exemple, ça irait encore, mais non tu penses, ils sont en vrac... ingérable. J'aimerais bien pouvoir supprimer ce que je n'utilise pas, et ajouter ce qui ne figure pas encore dans la liste (liste déjà longue, mais incomplète concernant mon Template, je crois qu'elle mélange les styles natifs des templates livrés avec Joomla et ceux du Template).

et non t'es pas un boulet, apprendre ça prend du temps (JCE est gratuit, efficace, pratique et bien documenté. si tu en as le temps et l'usage n'hésite pas)

bon courage

Merci pour ta patience et ta compréhension. Comme tu l'as déjà compris, j'ai effectivement opté pour JCE. Maintenant je vais tâcher de trouver la documentation qui va avec, pour pouvoir l'arranger à mes besoins.

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

-> perdu ! le Template que j'utilise c'est justement Boot pro... Je vais donc devoir configurer JCE... Donc si je t'ai bien suivi, il faudrait que je repère comment le Template est découpé, afin de pouvoir assigner ces groupes de fichiers à JCE ? Bon là ça se complique, parce que je ne comprends même pas ce que j'écris... En attendant avec beaucoup d'espoir que tu repasses par là pour me dire comment faire (pour configurer JCE), je vais aller bidouiller un peu dans le composant

Dans la configuration globale de JCE, Mise en forme et affichage, Styles CSS dans l'éditeur. Choisir Fichiers CSS personnalisés
Pour Boot Pro:

templates/$template/css/template.css
templates/$template/css/jsn_css3.css 

Effectivement ça serait pratique d'avoir juste la liste des styles que je veux utiliser : est-ce bien ce qu'il est possible de faire en créant des profils ?

C'est faisable, en ajoutant un fichier css dans le template (que je nomme personnellement editor.css), en y recopiant les styles qu'on veut voir apparaître dans la liste (plus des styles personnalisés si on le veut) et ordonnés comme on le veut, soit par groupes de fonctions (paragraphe, span..), soit alphabétiquement.

Une fois la petite cuisine faite, dans le CSS personnalisé de l'éditeur, virer le reste et y mettre

templates/$template/css/editor.css 

... mais si je regarde les fichiers modèles installés avec le Template, ça donne plutôt :
<a class="link-button button-light" href="index.php?option=com_content&amp;view=articl e&amp;id=116&amp;catid=86&amp;Itemid=435"><span class="link-icon jsn-icon-info">Nos spécialités</span></a>

Ce qui est correct.

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

le gros reproche c'est que la liste des classes de JCE si elle reflète bien le fichier de style de ton template, n'est pas ordonnée, elle est tel que et quand tu as 150 ou 200 classes c'est un peu bor..ique!

La raison de ce classement façon Attila ou Gremlins vient surtout des templates, où il peut y avoir de quelques styles à plusieurs centaines, et pour tout arranger, les JSN utilisent les macros [jsn-icon-*] en méta styles, donc là, JCE fait ce qu'il peut face à la profusion.

Trier les styles serait possible, mais complexes, surtout quand les feuilles de styles utilisent des propriétés avancées genre métas.

[PieceOfCake]

Re : a class, span class ... comment y accéder ? (question de débutante )

Et juste pour le plaisir de semer un peu de confusion (comment ça y avait pas besoin ?), à noter que JCK permet d'adapter complètement la liste de classes disponibles à ses goûts, enlever, rajouter etc... et par profil utilisateur en prime.

Dommage que je n'arrive pas à le faire fonctionner comme je veux et qu'il y a ces bugs curieux et aléatoires, ça avait l'air prometteur

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

à noter que JCK permet d'adapter complètement [stuff deleted...]
Dommage que je n'arrive pas à le faire fonctionner comme je veux et qu'il y a ces bugs curieux et aléatoires, ça avait l'air prometteur

JCK Editor est très bien, mais par moment quasiment aussi stable qu'un baril de TNT sur le dos d'un chameau.

[FlodAriege]

Re : a class, span class ... comment y accéder ? (question de débutante )

Dans la configuration globale de JCE, Mise en forme et affichage, Styles CSS dans l'éditeur. Choisir Fichiers CSS personnalisés
Pour Boot Pro:

templates/$template/css/template.css
templates/$template/css/jsn_css3.css 

Ooooooola j'ai copié-collé (sans doute bêtement) :
templates/$template/css/template.css
templates/$template/css/jsn_css3.css
dans la case situé sous "fichiers css personnalisés" et là ... le drame ... plus aucun style css ne s'affiche dans la liste déroulante de l'éditeur....
bon alors en attendant de comprendre comment faire, j'ai remis en état.

Globalement, j'ai vraiment l'impression de patauger. Quand j'ai créé mon premier site internet (ici si ça intéresse quelqu'un : www.rouchenergies.fr )avec un logiciel qu'évidemment je ne connaissais pas puisque je n'avais jamais créé de site avant, je n'avais pas autant galéré. Là il faut que j'apprenne tout un nouveau vocabulaire, et surtout je trouve très difficile d'accéder à une documentation vraiment complète. A chaque fois que je veux faire quelque chose, je ne trouve pas ce que je cherche dans les docs...
Nouvel exemple : j'essaie de :
a) agrandir la taille des caractères (avant on pouvait apparemment le gérer très facilement, mais chez joomlashine ils ont jugé bon de supprimer cette fonctionnalité qui était soit-disant peu utilisée. Bref. Dans leur doc ils disent qu'on peut modifier la taille des caractères en paramétrant le "page class" d'un item du menu avec la syntaxe custom-textsize-big
... ouais... et on le trouve où ce "page-class" ? J'ai beau cherché dans toutes les docs sur Joomla, bah... j'trouve pas.
EDIT : ça y est j'ai trouvé ! Mais... ça ne change rien à la taille de la police, dommage...

b) pour que le texte d'un article s'affiche sous forme de colonnes, il faut insérer
<div class=”grid-layout”>
<div>Text in column 1</div>
<div> Text in column 2</div>
</div>
Bon jusque là ça va, j'ai réussi. Sauf que... les deux colonnes ainsi créées sont parfaitement "collées" l'une à l'autre, sans aucun espace entre les deux colonnes, rendant l'ensemble quasiment illisible et par dessus très très moche. Bon, très bien, je dois pouvoir gérer... à condition d'avoir un mode d'emploi pour ça. Au secours, je ne trouve jamais ce que je cherche0

Heureusement qu'il y a le forum, et SURTOUT des gens comme toi Jisse03 et comme Pieceofcake, qui avez la patience de répondre à des questions qui doivent vous paraitre bien barbantes.

Si l'un de vous pouvait m'indiquer un vrai mode d'emploi de Joomla, je suis preneuse ! Une "bible" serait parfaite.

[lefabdu51]

Re : a class, span class ... comment y accéder ? (question de débutante )

remplace $template par le nom du dossier ou se situe ton template.

Dans le cas du template Beez 3 , cela serait templates/beez3/css/jsn_css3.css .
A toi d ajuster en consequence.

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

Les templates Joomlashine, même et surtout le gratuit Boot Pro, sont des templates très pros, donc présumant de l'utilisateur au moins certaines connaissances

avec un logiciel qu'évidemment je ne connaissais pas puisque je n'avais jamais créé de site avant, je n'avais pas autant galéré.

Là évidemment, s'agissant de HTML pur et dur, sans rien de prévu pour les mises à jour dynamiques...

Là il faut que j'apprenne tout un nouveau vocabulaire, et surtout je trouve très difficile d'accéder à une documentation vraiment complète.

Tu passes d'un générateur HTML à un système totalement dynamique... Imagines que tu doives, pour conduire, passer en une demi-heure du Fardier de Cugnot à une voiture actuelle avec tout le fatras électronique d'assistance

a) agrandir la taille des caractères (avant on pouvait apparemment le gérer très facilement, mais chez joomlashine ils ont jugé bon de supprimer cette fonctionnalité qui était soit-disant peu utilisée.

Hum, un raccourci, le manuel de personnalisation indique quoi faire
Et surtout, vu que Boot Pro est responsive, les choix par défaut sont faits pour être les plus pertinents quel que soit l'outil de connexion (PC, tablette, smartphone, TV connectéée) et permettre l'adaptation.
Le manuel de personnalisation te permet d'outrepasser ces paramètres.

ils disent qu'on peut modifier la taille des caractères en paramétrant le "page class" d'un item du menu avec la syntaxe custom-textsize-big

Exact, dans les paramètres avancés de l'élément de menu, en suffixe de classe de la page..

b) pour que le texte d'un article s'affiche sous forme de colonnes, il faut insérer
<div class=”grid-layout”>
<div>Text in column 1</div>
<div> Text in column 2</div>
</div>

Là, c'est uniquement si on désire afficher un article en mode multi-colonnes, comme un journal papier. Et là, dans le CSS, si tu es familier(ère) du CSS, tu dois régler tes choix pour la gouttière (séparation entre colonnes et son style), le kerning (méthode de gestion des espaces entre caractères..), et autres. Ça, le template par défaut ne peut connaître les règles de style variant de pays à pays et dépendant des "bonnes règles de typographie" en place pour ce pays. Il s'agit d'une possibilité très puissante, mais réservée aux spécialiste de la mise en page, ayant au moins des expériences en milieu de l'imprimerie, le bricolage à ce niveau n'ayant jamais existé depuis l'invention de l'imprimerie.

Si l'un de vous pouvait m'indiquer un vrai mode d'emploi de Joomla,

ça fait un moment qu'on a quiotté les généralités de Joomla! pour entrer dans les subtilités de mise en page avec un temlplate très pro, utilisant un vocabulaire pro, et usant de méthodes proches de l'imprimerie

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

remplace $template par le nom du dossier ou se situe ton template.

Dans le cas du template Beez 3 , cela serait templates/beez3/css/jsn_css3.css .
A toi d ajuster en consequence.

lol, exact, sauf que dans ce cas, il s'agit d'un template JSN, qui construit dynamiquement ses CSS en fonction du paramétrage du template...

[lefabdu51]

Re : a class, span class ... comment y accéder ? (question de débutante )

Ooooooola j'ai copié-collé (sans doute bêtement) :
templates/$template/css/template.css
templates/$template/css/jsn_css3.css
dans la case situé sous "fichiers css personnalisés" et là ... le drame ... plus aucun style css ne s'affiche dans la liste déroulante de l'éditeur....

pourtant la ou ca devrais faciliter les choses...ca ne cours pas dans le bon sens...
un bug de l'interface utilisateur?
Ou cela se situe ailleurs?

[jisse03]

Re : a class, span class ... comment y accéder ? (question de débutante )

pourtant la ou ca devrais faciliter les choses...ca ne cours pas dans le bon sens...
un bug de l'interface utilisateur?
Ou cela se situe ailleurs?

Probablement un léger bug situé quelque part entre la chaise et le clavier

[FlodAriege]

Re : a class, span class ... comment y accéder ? (question de débutante )

lol, exact, sauf que dans ce cas, il s'agit d'un template JSN, qui construit dynamiquement ses CSS en fonction du paramétrage du template...

Alors quoi... ? Je remplace $template par le nom du dossier contenant le Template JSN ou pas ???
Chez moi il se trouve ici :
C:\wamp\www\sitejoomla6\templates\jsn_boot_pro\css \template.css
Ce qui donnerait :
templates/jsn_boot_pro/css/template.css
templates/jsn_boot_pro/css/jsn_css3.css
... sauf que si j'ai bien réussi à localiser le fichier template.css dans le dossier jsn_boot_pro, je n'y ai par contre trouvé aucun fichier nommé jsn_css3.css
... c'est peut-être pour ça, Jisse03, que tu écris "sauf que dans ce cas..."
Donc : je fais ou je fais pas ?

Je re-décris la manip' que j'ai cru appliquer correctement, pour voir où exactement ma bêtise a bien pu tomber entre la chaise et le clavier :
Composants / JCE Administration / Configuration globale
Sous la rubrique "Mise en forme & affichage" : dans la liste déroulante située en face de "Styles CSS dans l'éditeur", j'ai actuellement : "Fichiers CSS par défaut du Template"
Je le remplace par le choix suivant, à savoir : "Fichier(s) CSS personnalisés"
et dans la case Fichier(s) CSS personnalisés", je colle :
templates/$template/css/template.css
templates/$template/css/jsn_css3.css
Enregistrer et fermer
--
quand je reprends un article pour l'éditer, je teste la liste "styles CSS"... ben... comme hier : il n'y a aucune liste qui se déroule...
Donc : où donc me gourré-je ?