Modification de la taille du corps du site et du header

[guidenature]

Bonjour,
J'utilise un ancien design (4195), est-il possible d'agrandir le corps du site et/ou le header ?
Je trouve le format actuel un peu étroit avec la résolution des nouveaux écrans.
Merci !

[FredVig]

Agrandir le corps du site ?
Si vous parlez de la largeur, oui c'est possible. Il suffit de suivre le tuto "comment modifier un peu le design de votre site" et de trouver les bons codes.
Quant au header, il me semble me souvenir qu'ils étaient modifiables à partir du module ?
Tenez toutefois compte que les statistiques sur les tailles des fenêtres  en 2013 montrent que la grosse majorité des informations doivent se concentrer sur une largeur moins importante que ce que l'on croit :
Résolution d'écran en France 2013
D'autant que beaucoup de gens préfèrent n'utiliser qu'une portion de l'écran.

[guidenature]

Oui je parle de la largeur (ok pour le tuto). Pour le header on peut le modifier en largeur mais j'aimerais l'agrandir en longeur et qu'il soit bien centré sur ma page (possible ?)
Merci pour le lien sur les résolutions d'ecrans !

[FredVig]

Sur votre site, le header est déjà centré.
Parlez-vous d'un autre site ?
Pour modifier la hauteur du header sur le site camargue bureau des guides rajoutez au "modifier le HEAD" le code suivant juste avant les signes de fin : /*]]>*/

Code:

#emotion-header{height: [color=#FF0000](ici la valeur qui vous plaît)[/color]px!important;}

[guidenature]

Je parle bien de ce site mais je n'avais pas encore utilisé le code pour agrandir le header, c'est fait (la photo sera a modifier) ! Par contre il faudrait que je la centre (un autre code ?).
Merci !

[guidenature]

Alors c'est bizarre mais le "grand" header ne s'affiche qu'en mode modification, il se remet à sa taille initiale en mode affichage

[FredVig]

il semble que je comprenne mal votre demande…
- La têtière (header) possède une hauteur et une largeur
- L'image de fond possède ses dimensions propres, un facteur de grossissement et une position en hauteur et en largeur par rapport à la têtière.
>La hauteur, la position et le zoom de l'image se règlent en cliquant sur le module de la têtière : "modifier le HEADER".
>La largeur de la têtière est calée sur les dimensions du design de la page. On peut la modifier avec un code placé dans Paramètres>Modifier le HEAD
Mais il faut aussi modifier la dimension de l'image de fond pour que cela soit visible. Ensuite, il faudra modifier la position relative de la têtière pour la centrer sur la page, toujours avec du code.
Ce n'est pas très simple, et surtout, je ne suis pas certain de comprendre l'objectif graphique. Si vous voulez un site avec une têtière qui dépasse des deux côtés de la page, ou qui s'adapte aux larges écrans, il vaut mieux repartir sur un nouveau design parmi ceux qui sont responsives (commencez sur un nouveau site en free, puis, adaptez au vôtre.)
ENfin, vous avez indiqué :
/

Code:

*<![CDATA[*/
div#emotion-header {
line-height: 0;
width: 1366px !important;
}
/*]]>*/

Je pense que :
/*<![CDATA[*/
#emotion-header {width: 1366px !important;}
/*]]>*/
Suffit

[guidenature]

C'est bien ça le but est de faire dépasser la têtière des deux cotés de la page. Auriez-vous le code pour modifier la postion relative ? J'adapterai ensuite mon image de fond.
Ok pour le design, je vais regarder les nouveaux et voir si ça change pas trop ma mise en page de départ.
En tout cas merci d'avoir pris le temps de m'expliquer !

[FredVig]

Franchement, je pense qu'un des designs nouveau risque de plus vous plaire, sans ajouter du code, et en ajoutant plus de souplesse.
Essayez sur un nouveau site free avant de vous lancer sur le définitif.
Sinon, essayez ce code, mais c'est juste un point de départ, car cela risque de poser des soucis dans certaines configurations.

Code:

/*<![CDATA[*/
#emotion-header {left:-233px!important;width: 1366px !important;}
#emotion-header-img {width: 1366px !important;}
/*]]>*/


[guidenature]

Ok merci ! Je vais effectivement tester les nouveaux designs.

[Contenu sponsorisé]