[RÉGLÉ] Modification affichage 2/3 1/3

[krouby]

Bonjour,

Je souhaite modifier l'affichage de mon site en 2/3 1/3
je m'explique :

la partie 2/3 pour ce qui est articles et plugin slideshow
la partie 1/3 pour les menus en plus du menu principal (bar en haut de page)

version de joomla : 3.4.6
template : Protostar

cela me sortirez une grosse épine du pied

en tout cas merci pour votre temps.

[papounet]

Re : Modification affichage 2/3 1/3

Bonjour jeune scarabée,

A la fin du fichier template.css de ton template, tu ajoutes le code suivant :

div.row-fluid main.span9 {
  background: pink;
  width: 66,666666666666667%;
}
div.row-fluid div#aside {
  background: tan;
  width: 33,333333333333333%;
} 

A la fin du fichier, je te dis.

Papounet

PS : Les backgrounds sont là juste pour que tu visualises ce que tu modifies.

[lomart]

Re : Modification affichage 2/3 1/3

Bonjour,

Même si la solution de Papounet peut convenir, je préférerais modifier le fichier index.php de protostar en remplaçant les 2 span3 par des span4, les 2 span9 par des span8 et par sécurité (présence d'une colonne à gauche) le span6 par un span4.
Comme cela, on laisse bootstrap gérer les différents cas et navigateurs.

[papounet]

Re : Modification affichage 2/3 1/3

Oui effectivement.

Papounet

Note : je note dans un coin que lomart est un spécialiste de bootstrap.

[lefabdu51]

Re : Modification affichage 2/3 1/3

Bonjour,

Même si la solution de Papounet peut convenir, je préférerais modifier le fichier index.php de protostar en remplaçant les 2 span3 par des span4, les 2 span9 par des span8 et par sécurité (présence d'une colonne à gauche) le span6 par un span4.
Comme cela, on laisse bootstrap gérer les différents cas et navigateurs.

Pourquoi modifier le fichier index.php ?
autant utiliser les paramètres avancés des modules......
tu as un paramètre largeur bootstrap et tu peut choisir la balise associée à la position.

[lomart]

Re : Modification affichage 2/3 1/3

Pourquoi modifier le fichier index.php ?
autant utiliser les paramètres avancés des modules......
tu as un paramètre largeur bootstrap et tu peut choisir la balise associée à la position.

Sauf erreur, ce paramètre règle le nombre de colonnes occupées par le module dans le conteneur parent ... qui lui est défini dans index.php

[krouby]

Re : Modification affichage 2/3 1/3

Bonjour jeune scarabée,

A la fin du fichier template.css de ton template, tu ajoutes le code suivant :

div.row-fluid main.span9 {
  background: pink;
  width: 66,666666666666667%;
}
div.row-fluid div#aside {
  background: tan;
  width: 33,333333333333333%;
} 

A la fin du fichier, je te dis.

Papounet

PS : Les backgrounds sont là juste pour que tu visualises ce que tu modifies.

et bien super cela fonctionne parfaitement bien. merci encore pour votre aide précieuse