Purity2.fr

Bonjour,

Personnellement pour apporter des modifs sur mon template je procède de la manière suivante: je fais mes modifs dans mon fichier , renommer mon fichier XML, zip mon dossier et installe le template dans joomla.

Basé sur cette façon de faire, je souhaitais redimensionner mon template pour lui adjuger une largeur de 1150 px. JE me rend donc dans le backend de joomla et clic sur ma template (dans la rubrique gestion des templates) afin d'entrer dans les paramètres du template. Là, je sélectionne specified pixel et indique 1150px puis valide et vais voir l'aperçu.

Toute ma template n'est cependant pas redimensionnée: la barre sur laquelle se trouve les positions user 1 à 5 ainsi que celle où se trouvent les positions users 6 à 10 s'étirent toujours sur toute la largeur de mon écran. Le footer aussi, il me semble.

Comment pourrais-je faire pour redimensionner ces parties séparément ou toute ma template d'un coup?

Merci pour votre aide.

Nicolas

Je pense que j'avais le même problème et je l'ai résolu comme suit (j'avais trouvé une piste sur ce? un autre? forum - donc je ne peux pas rendre à César etc...)

dans les fichiers css du template

fichier layouts.css

modifier .wrap comme suit


.wrap { clear: both;
margin-left: auto;
margin-right: auto;
width: 960px;
}
Mettre la même 'width' que celle trouvée dans body (celle que tu souhaites)

J'espère que cela fonctionnera comme chez moi....

Merci pour la réponse.

Ca ne marche pas ou du moins ça ne donne pas l'effet recherché.
A appliquant ce changement, tout le site est redimensionné. y compris l'mage de fond.
Je souhaiterais obtenir le même effet que sur la template de Dens.

Cad, obtenir un site où tous les élements sont fixés à 1150px header, menu, barre avec user 1 à 5, content...), le reste de l'écran serait rempli par mon image de fond.

Quelqu'un a-t-il la solution?

Quelqu'un aurait-il la solution?

Merci d'avance

Petit up, si quelqu'un connait la réponse.

J'essaie et réessaie mais je suis vraiment bloqué

Merci d'avance

Bonsoir,

met un petit lien vers ton site, ce sera plus facile...
je pense que tu doit mettre une "width: 1150px;" à tous les éléments que tu souhaite redimensionner a savoir dans le template.css
Bon courage.

Bonsoir,

Merci pour votre réponse. Malheureusement, je travaille en local...

Pour être concret, voici comment je pourrais faire visualiser ce que je recherche. Prenons la capture d'écran proposée par Dens sur un de ces tutoriels:
www.purity2.fr/fr/tutoriels/mise-en-page/contenu/115-appliquer-image-fond.html

Nous avons:
le header
Le menu qui s'affiche sur tout la longueur de l'écran
Le bandeau avec les modules users 1à 5qui s'affiche sur tout la longueur de l'écran également
La partie centrale qui elle est limitée à une certaine taille (dans mon cas, ça serait 1150px)
Le bandeau avec les modules users 6 à 10 qui s'affiche sur tout la longueur de l'écran
Et le footer qui, il me s'étend sur tout l'écran également

Ce que je cherche à faire est de limiter la longueur des bandeaux (user1 à 5 et users 6 à 10) ainsi que le menu et le footer à une taille de 1150 pixels. De cette façon, je pourrai avoir un fond d'arrière plan sur toute la hauteur de mon site (et non comme dans la capture d'écran, une image qui ne se limite qu'à la partie centrale du site).

Merci d'avance pour votre aide.

Voila comment j'ai procèdé :

- Pour le menu c'est au niveau de #ja-mainnav dans template.css
rajoute une width: 1150px;
Si ton menu se retrouve tout à gauche rajoute une margin-left pour centrer ton menu.

- Pour le foot c'est la même chose mais a la ligne .ja-navhelper il me semble

- Pour la partie centrale c'est dans layout.css il y a :
.wrap { width: 1150px; max-width: 1150px; margin: 0 auto; position: relative;}

- Pour les position user[...] je ne peux pas t'aider car personnellement je ne les utilise pas...

Cherche déjà dans cette direction, mais pour t'aider utilise Firebug

Cdt