[RÉGLÉ] colonne or not colonne

[pjuignet]

Bonjour a tous,

Je suis sur Joomla 3.4 avec le template Beez 3 et le style Red.

J'ai mis mes pages d'accueil et intermédiaires en pleine largeur sur une colonne, mais pour les articles il reste un colonne à droite (vide car pas de module). Peut-on supprimer cette colonne ou au moins centrer l'article sur la page ?
Merci d'avance.

pour voir : http://www.philosciences.com/Pss (site en reconstruction)

J'ai constaté aussi un bizarrerie les titres des catégories sont parfois écrit en gros et parfois pas bien que j'utilise le mêmes instructions de page en page.

[Kirigol]

Re : colonne or not colonne

bonjour;
Pour les affichages différents
Voir dans contenu > articles > boutons parametres en haut à droite.
Tu gèreras l'affichage par défaut en mode blog

Ensuite pour chaque lien de menu vers les catégories créées affichage en mode blog voit si les parametres du lien sont par défaut (donc relatifs à la config générale) ça devrait entrer dans l'ordre.
Suivant l'arborescence créee tu auras aussi des liens en h2 h3 ou h4 suivant que tu affiches des "sous-catégories" comme des catégories principales.

Pour l'histoire de la pleine largeur choisi sur le lien de menu >affichage du blog > succession des articles ->ligne

[pjuignet]

Re : colonne or not colonne

Merci pour ta réponse
Concernant les articles la mise en page choisie automatiquement est "Défaut" je ne peux pas choisir le mode "blog". L'option n'existe pas.

[PhilJ]

Re : colonne or not colonne

Bonjour,

[...] pour les articles il reste un colonne à droite (vide car pas de module). Peut-on supprimer cette colonne ou au moins centrer l'article sur la page ?


pour voir : http://www.philosciences.com/Pss (site en reconstruction)

Le souci le plus évident est que votre menu prend place dans le fil de navigation (aussi appelé fil d'Ariane) :
—

<div id="breadcrumbs"> ... </div>

—
au lieu de se trouver dans une position menu.

C'est effectivement — entre autres — une source importante de gaspillage d'espace.

J'ai constaté aussi un bizarrerie les titres des catégories sont parfois écrit en gros et parfois pas bien que j'utilise le mêmes instructions de page en page.

Difficile de deviner les endroits que vous évoquez, mais ce n'est certainement pas bizarre. Par exemple, sur la page http://www.philosciences.com/Pss/ind...ophie-generale, les noms des catégories cliquables sont stylés par une classe CSS (en l'occurrence .category-list h3.item-title a). Il suffit que les mêmes noms s'affichent dans un autre contexte, avec par suite une autre classe CSS, pour que leur apparence soit différente : couleur, soulignement, taille des caractères, variations au survol, etc.


Cordialement,



PhilJ

[pjuignet]

Re : colonne or not colonne

Bonjour
Menu dans le fil de navigation >> J'ai voulu le mettre en position haute mais j'ai du mal choisir la position et il s'est intégré au fil de navigation. Merci ça va résoudre certains problèmes de mise en page.

Bizarrerie des titres >> Vous avez raison, ça viens de ce que je ne maîtrise pas bien les différents choix si bien que les titres sont tantôt dans une classe tantôt dans une autre.

Merci ces renseignements me font un peu avancer.

Suite :

J'ai changé la position du menu mais toujours affichage à gauche des articles et colonne latérale vide.

Cordialement
PJ

[pjuignet]

Re : colonne or not colonne

Par exemple :

http://www.philosciences.com/Pss/index.php/philosophie-et-science/philosophie-de-la-biologie/25-les-theories-physico-chimiques-du-vivant-sont-elles-fondees

Mais pourquoi ?

[PhilJ]

Re : colonne or not colonne

Bonjour,

Par exemple : [...] Mais pourquoi ?

Parce que la zone accueillant les articles est actuellement limitée en largeur par une directive CSS. Pour imposer une largeur de 100 %, il suffit de redéfinir la largeur de cette zone à 100 % :

#wrapper2 .item-page {

max-width: 100%; /* au lieu de 660px actuellement */

}

Cette directive se trouve dans le fichier position.css du dossier /Pss/templates/beez3/css/.

Vous pouvez bien sûr faire la modification directement dans ce fichier position.css, mais au risque de la perdre à la première mise à jour de Joomla (étant donné que le template utilisé est un template Joomla natif).

Au lieu de cela, on recommande, soit d'ajouter une feuille de style de surcharge (CSS override : elle est alors souvent nommée custom.css), soit de travailler sur une copie du template, qui, elle, ne sera jamais écrasée.

...A moins que le changement ne soit possible déjà directement en backoffice, dans la gestion du template (= Extensions > Gestion des templates > Beez3).


Cordialement,




PhilJ

[pjuignet]

Re : colonne or not colonne

Merci, ça ma déjà bien avancé !

Dans les paramètre avancés du template Beez 3 il y a bien deux réglages de proposés
Largeur de la colonne principale + modules (%)
Largeur de la colonne principale seule (%)

mais ça n'a pas l'air de fonctionner ??

J'ai changé le max-width comme indiqué à 100% et ça marche mais du coup c'est trop large. J'ai essayé 75% c'est pas mal mais de nouveau à gauche.

Peut on ajouter du code type :

#wrapper2 .item-page {
max-width: 75%;
margin-left : auto;
margin-right : auto;
}

pour centrer sans risque d'interférences ailleurs ?

J'ai tenté ça l'air de marcher ....

Cordialement
PJ

[PhilJ]

Re : colonne or not colonne

[...] J'ai changé le max-width comme indiqué à 100% et ça marche mais du coup c'est trop large. J'ai essayé 75% c'est pas mal mais de nouveau à gauche.

J'ai testé avec une valeur de 100 % sur des écrans de différentes largeurs, du standard 1024 px au grand écran 1920 px en passant par les formats intermédiaires (1280 px, 1600 px...). Tout me paraît normal avec 100 % : tout s'affiche bien, sans débordement, et c'est bien lisible. Avec 75%, l'article est réduit à une colonne assez étroite (je dirais volontiers que cela fait 'old style'). => C'est peut-être une affaire de goût ?


Pour ce qui est du centrage du bloc article :

Peut on ajouter du code type :

#wrapper2 .item-page {
max-width: 75%;
margin-left : auto;
margin-right : auto;
}

pour centrer sans risque d'interférences ailleurs ?

J'ai tenté ça l'air de marcher...

En effet, et ça ne devrait pas avoir d'impact ailleurs, même si ce genre de choses est toujours à vérifier sur d'autres pages.

Aussi : pour faire plus court, vous pouvez aussi utiliser une seule ligne pour définir les marges : margin: 0 auto;



Bonne soirée.

[pjuignet]

Re : colonne or not colonne

Merci
C'est plus facile avec l'avis d'un spécialiste...
PJ