template gantry et article

[beber26]

bonjour je suis sous gantry hydrogen comment pourrai je faire pour separer mes articles"content'



parceque la cela fait plutot fouilli 'on oublie les plug in ok"

mais est il possible de les mettre chacun dans une bulle.... sans passe par la creation d un contenu personaliser??


merci

[dolmenhir]

Re : template gantry et article

Slt,

Quand tu dit "séparer" et "bulle", tu penses à quoi exactement ?

Parce que les solutions ne manquent pas...

Mais si tu te montres plus précis dans ta question, on le sera aussi dans notre réponse.

Dol.

[beber26]

Re : template gantry et article

je veut dire separer en fait une simple ligne horizontal noir entre 2 articles est ce possible

ou le mieux se serait des coins arrondis pour chacun de mes article ..il y en aura plusieurs par pages



merci d avance

[pmleconte]

Re : template gantry et article

Bonjour,

Au niveau des templates Gantry, il y a eu quelques discussions sur les possibilités d'adaptations faciles http://forum.joomla.fr/showthread.ph...ghlight=gantry

Personnellement, quand tout va mal et que je n'ai la main sur rien, j'en reviens aux bases et j'utilise un bon vieux hr en début ou en fin d'articles

<hr style="border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-color: #000066; margin-top: 0px; margin-bottom: 0px;" />

Cela tire un beau trait en début ou en fin, suivant votre humeur.

Pascal

[dolmenhir]

Re : template gantry et article

Slt,

Il existe une solution extrêmement simple : le css
Gantry ou pas, dans une page au format blog, tous les articles sont précédés par la classe "page-header" (à moins d'un override violent... mais même là, il existera une classe ou un agencement de balises qu'il suffit d'identifier).

Il suffit d'utiliser une classe css pour créer un effet visuel :
exemple

.page-header {
border-top:1px solid #333;
}

on peut aussi utiliser, par exemple, du

.page-header:before

pour quelque chose d'un peu plus sophistiqué.
et même les nht-child() pour n'appliquer ces effets de style qu'à certains articles d'une page (exemple : à partir du deuxième...)

Si en plus vous ajoutez des classes à vos pages, les solutions ne manquent pas.

Dol.

[pmleconte]

Re : template gantry et article

Bonjour Dol,

J'ai essayé hier soir de "jouer" avec Hydrogen de Gantry et, j'ai de petites connaissances en informatique et en anglais (la plupart des docs sont en anglais), je dois avouer avoir atteint quelques limites pour trouver l'endroit où mettre le "css facile" pour un article.

Avec Gantry, on peut toucher à pas mal de choses, mais, dès que l'on "sort du cadre", ça tourne à la prise de tête (j'en ai cauchenmardé cette nuit ).

Pascal

[dolmenhir]

Re : template gantry et article

Slt Pascal,

Avec le CSS, tu peux pratiquement tout atteindre et tout modifier dans une page, sans mettre les mains dans le cambouis.
Faut juste comprendre certaines subtilités des feuilles de style, bien analyser le code et la structure des pages, et savoir par où commencer.

Je ne dis pas que ce soit toujours très simple, car comme tu l'as constaté, il y a parfois des constructions de pages abusivement alambiquées (pourquoi faire simple quand on peut faire très compliqué ?).
Et moi-même, malgré ma longue expérience, je dois parfois "batailler".
Mais crois moi, rien ne résiste à la force des CSS quand elles sont bien employées.

Dol.

[pmleconte]

Re : template gantry et article

Dol,

Je "m'amuse" presque tous les jours avec le CSS et je n'en conteste pas les possibilités immenses.

Le débat est "comment mettre ça dans Gantry Hydrogen ?".

Si tu essayes, tu verras que "adaptation", "facile", "CSS" peuvent devenir des mots synonymes de "grand délire".

Pascal

[dolmenhir]

Re : template gantry et article

J'ai installé Hydrogen sur l'un de mes sites de "recherche et développement"
Je n'ai pas rencontré de difficultés particulières à customiser le css.

Il y a justement un fichier dédié à cela :
templates/g5_hydrogen/custom/css-compiled/custom_9.css

Dans ce fichier, on y porte toutes les personnalisations/surcharges de n'importe quelle classe, et le tour est joué.

[pmleconte]

Re : template gantry et article

beber26 va finir par en avoir marre de nos états d'âme

Je viens de tester la mise à jour du fichier custom_9.css. Merci ça marche, sauf (n'oublies pas que je suis normand), si tu touches à ton template avec Gantry au niveau du style, il "recompile" les css et il faut tout recommencer.

C'est beau , c'est touttotomatik

Pascal

[dolmenhir]

Re : template gantry et article

beber26 va finir par en avoir marre de nos états d'âme

Beber26 va plutôt nous remercier d'apporter autant d'eau à son moulin

Le problème de recompilation des presets de la plupart des frameworks de templates est vraiment agaçant, je te l'accorde.
Une solution imparable est d'aller placer un "<link>" directement dans l'en-tête de l'index pour appeler sa feuille de style customisée.

Il existe justement un plugin qui fait ça :

http://joomla.impression-estudio.gr/add-custom-css/index.php

du coup, peut importe les recompilations du framework, ta feuille de style perso n'est pas impactée

[pmleconte]

Re : template gantry et article

Allez un petit dernier pour la route.

J'ai trouvé comment avoir le css permanent:
- Dans Particule Defaults, il faut descendre sur "Atom Defaults" (c'est tout en bas, donc bien caché). Là, on sélectionne Custom CSS/JS et on clique sur + de CSS: cela donne un écran New Item où l'on peut mettre ta suggestion .page-header... dans le INline CSS et on enregistre (cliquez sur Aplly).

On a fini avec les particules (élementaire, mon cher Watson!).

Maintenant, direction "Page Settings" et, dans la partie "Atoms", on drag&drop Custom CSS dans la partie blanche en dessous.

Et voilà.

Et y en a un qui dit que tout est facile avec le CSS

Pascal

[dolmenhir]

Re : template gantry et article

Il existe justement un plugin qui fait ça :
http://joomla.impression-estudio.gr/...-css/index.php

Ce plugin est très imparfait car il décode la feuille css pour l'injecter "mot à mot" dans l'index...
C'est stupide en fait.
Il suffit de placer un simple link contenant la référence à la feuille css personnalisée.

J'ai modifié ce plugin pour aller dans ce sens...
Je vais en faire une version optimisée qui servira à la communauté

[beber26]

Re : template gantry et article

ben moi je vous remercie de discuter comme ca cela agrandit ma connaissance

il faut juste que je test tout cela

en tout cas c passionant pour ma part de vous voir discuter

je vous tient informe tres rapidement

[dolmenhir]

Re : template gantry et article

Voilà, le plugin est disponible
J'en parle sur ce fil

http://forum.joomla.fr/showthread.php?216226-DC-CUSTOM-CSS-pour-vos-styles-personnalis%C3%A9s

Le lien est également disponible dans ma signature