Forum

Bonjour,

j'ai une petite question pour mon header concernant la bannière.

J'ai donc une bannière que j'ai crée moi même qui fait 800X120. MAis lorsque je la place sur mon site, la couleur qui se trouve sur la droite ( j'utilise le thème "Main" ), donc un petit réctangle bleu, se décale... je voudrais sonc le supprimé, et non le faire décallé. Voici un screen pour vos montrer ce fameux réctangle:

ici



Voilà, j'éspère que vous pourrez m'aidez pour supprimé ce cadre, ou simplement le caché, ou encore caché une partie du cadre.



Merci à bientôt



MikDream

Je ne pense pas que tu puisse décaler le petit rectangle bleu sur la droite mais tu peux agrandir ta bannière ou faire un dégradé dans ta bannière (par exemple ajouter la partie avec le ciel)

Ou alors tu peux centrer ta bannière au choix. Explique nous un peu plus précisément ta demande que l'on puisse t'indiquer exactement comment régler ton problème.

Le plus simple est de prendre la partie la plus à droite de ta bannière sur sa hauteur et sur 1px de large. Ensuite dans la classe css tu fait répeter cette image de 1px de large sur tout la largeur du site ainsi on ne verra pas de différence.

Le code à changer dans le css (l'image fond_header.gif sera à placer dans le répertoire templates/main/images c'est un exemple):

[code]#header
{
height: 120px;
border: solid 1px #000000;
background: url(images/fond_header.gif) repeat-x;
text-align: center;
}[/code]


Voilà si ça n'est pas clair n'hésites pas

Bon, merci de vos réponses. Cependant je n'ai pas trouvé la solution. Je vais retenter d'éxpliquer mieux mon problème, pour celà, j'ai fait 2 images montrant 2 cas de figures le premier est celui que je veut, mais avec une bannière plus grande. Le second montre avec une bannière plus grande, mais, celà agrandi tout le forum sur la longueur ( c'est celà que je veut éviter. Je veut donc que ma bannière puisse rentrer correctement dans le header, sans agrandir le forum.

Voici les images: 1°image

2°image



Voilà, j'éspère m'étre mieux fait comprendre.



A bientôt



MikDream

La solution à ton problème est sans doute celle que propose Crowkait. Je vais tenter de te l'expliquer différemment.

-Tu découpes la dernière colonne de pixels de ta bannière et tu crées une image que tu appelle par exemple: fond.jpg. Cette image fera donc 1 pixel de large pour une hauteur identique à celle de ta bannière.
-Place cette image dans le dossier images/ de ton thème.
-Ensuite tu édites le fichier main.css dans le dossier de ton thème. Puis tu modifies le css de cette façon:
[code]#header {
height: 120px;
border: solid 1px #000000;
background: url(images/fond.jpg) repeat-x;
text-align: left;
}[/code]
Cela placera ta bannière à gauche de l'écran et répètera l'image fond.jpg vers la droite.

Cette méthode ne te permettra pas de réduire le cadre à droite puisqu'il est techniquement impossible de la réduire. Mais il sera rempli avec un fond qui sera en accord avec ta bannière. Cela n'agrandira pas ta bannière car tu es le seul à pouvoir l'élargir.

Bon j'ai trouvé la solution ( elle est logique finalement ), j'ai donc réduit ma bannière ( longueur maxi = 670px ), et ensuite j'applique la technique de Kak Miortvi Pengvin, je centre la bannière, et de chaque côté je met le ciel.
Voilà, c'été tout con , mais bon fallait y penser^^.

Bon tant que j'y suis, je pose une autre petit question: est-il possible de réduire l'écart qu'il y a entre les blocs de gauche et de droite?

Merci, a bientôt

MikDream

Qu'entends-tu exactement par là?

Il veut réduire l'écart entre le bloc de gauche et le corps de la page et de même à droite

Bonjour,
je me réexplique: en fait je souhaite réduire l'écart qu'il y a entre le bloc "Statistiques" et le bloc "Newsletters" ( par exemple ), tout deux placé sur la droite du site ( toujours "par exemple" ). Donc comment faire?

Merci

MikDream

tu ouvre ton ftp dans ../templates/{THEME}/stats_mini.tpl ( si c'est le bloc du haut )
dans le code tu vas voir en fin de page deux "<br/>" c'est ce qui creer l'espace entre les deux blocs, j'espere que tu as compris