Elargir un template Jimdo

Un des petits défauts des templates de Jimdo est qu'ils sont fort étroits, ce qui leur donne parfois un look "désuet". Une bonne largeur standard, aujourd'hui, est de 950 px.

Voyons comment élargir la taille des templates standards de Jimdo, qu'ils contiennent ou pas une image (attention, avec une image, c'est plus compliqué !).

Comme lorsque l'on souhaite modifier les couleurs d'un template Jimdo, vous pouvez appliquer des changements pour élargir la taille de votre zone de contenu en modifiant la balise "head" (via les paramètres).   

<style type="text/css">

/*<![CDATA[*/

div#container {

text-align: left;

width: 950px;

}

div#emotion-header {

line-height: 0;

width: 950px !important;

}

div#nav_top {

width: 950px;

}

div#content .gutter {

width: 600px !important;

}

div#footer .gutter {

width: 600px !important;

}

/*]]>*/

</style>

On va remplacer l'image actuelle par une image de 950 px. Mais si on ne fait rien, l'image reste "calée" sur 850 pixels.

Il faut donc ajouter dans le Head le code suivant :

div#emotion-header a {

display:block !important;

width:950px !important;

height:190px !important;

background-image:url('http://u.jimdo.com/www54/o/s537277c03524230c/emotion/orig/header.jpg?t=1389362818') !important;

}

div#emotion-header img {

display:none !important;

}

Ce code permet de :

- Cacher l’image de div#emotion-header ;

- Définir l’original de votre image, donc le format auquel vous l’avez mis en ligne comme image de fond pour div#emotion-header ;

- Faire en sorte que le lien dans le header, qui dirige vers l’accueil, fonctionne tout de même.

Cet article vous a été utile ? N'hésitez pas à le partager !