Page d'accueil sur toute la largeur
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Page d'accueil sur toute la largeur
Bonjour, j'aimerai, si possible, que mon image en page d'accueil prenne toute la largeur du forum. J'aimerai également supprimer la bordure/contour gris clair, de fond, autour de l'image.
Merci par avance.
Merci par avance.
Re: Page d'accueil sur toute la largeur
Bonjour,
Vous pouvez ajouter ceci dans votre feuille de style css.
Vous pouvez ajouter ceci dans votre feuille de style css.
- Code:
#wrap {max-width: none; width: 100%;}
.block .block-content {box-shadow:none;}
.block .block-content img {width: 100%;}
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: Page d'accueil sur toute la largeur
Bonjour Oka.mi, merci beaucoup mais ce n'est pas tout à fait ce que je voulais. Je ne désire pas élargir le corps du forum, juste l'image mise dans le bloc accueil. ( elle doit prendre toute la largeur comme le header). Avec votre code, j'ai toujours une marge à gauche et à droite. J'ai laissé votre code pour que vous puissiez voir le résultat sur mon forum. Du coup, j'ai également, la prévisualisation des sujets qui se trouvent déformés (tout agrandis et pixellisés) et mes catégories/forums se sont décalés.
Re: Page d'accueil sur toute la largeur
Bonjour, j'ai supprimé le code qui déforme mon forum parce que c'est fatigant de naviguer à travers une loupe.
Je rappelle :
Je désire mettre, uniquement, mon image qui se trouve dans le bloc accueil, sur toute la largeur comme le header et supprimer le contour/cadre gris du fond. Merci.
Je rappelle :
Je désire mettre, uniquement, mon image qui se trouve dans le bloc accueil, sur toute la largeur comme le header et supprimer le contour/cadre gris du fond. Merci.
Re: Page d'accueil sur toute la largeur
Bonjour,
En fait pour cibler uniquement votre bloc accueil, il faut le sortir du "wrap" (corps du forum) via JavaScript, car actuellement, il se trouve dedans et est donc limité par sa largeur maximale (max-width). Raison pour laquelle je vous ai fait retirer cette limite via css.
Étant donné votre retour, nous allons donc faire un ajout JavaScript pour placer l'élément du bloc accueil avant le wrap.
Le placement à cocher est "sur l'index".
Ensuite, comme vous ne voulez pas toucher au wrap et qu'on n'a de toute façon plus besoin de toucher au wrap vu qu'on a sorti le bloc accueil de son contenant, on va pouvoir retirer la ligne css correspondante.
La nouvelle version du code css à mettre est donc :
En fait pour cibler uniquement votre bloc accueil, il faut le sortir du "wrap" (corps du forum) via JavaScript, car actuellement, il se trouve dedans et est donc limité par sa largeur maximale (max-width). Raison pour laquelle je vous ai fait retirer cette limite via css.
Étant donné votre retour, nous allons donc faire un ajout JavaScript pour placer l'élément du bloc accueil avant le wrap.
- Code:
$(function(){
$('#wrap').before($('.block.introduction'));
});
Le placement à cocher est "sur l'index".
Ensuite, comme vous ne voulez pas toucher au wrap et qu'on n'a de toute façon plus besoin de toucher au wrap vu qu'on a sorti le bloc accueil de son contenant, on va pouvoir retirer la ligne css correspondante.
La nouvelle version du code css à mettre est donc :
- Code:
.block .block-content {box-shadow:none;}
.block .block-content img {width: 100%;}
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: Page d'accueil sur toute la largeur
Merci Oka.mi, il reste à supprimer les marges, entre le header et l'image accueil, puis celles à gauche et à droite svp.
Re: Page d'accueil sur toute la largeur
Pour cela, on retire la marge du bas sur la bannière (header-banner) et on retire le remplissage / padding autour du bloc accueil (block-content).
Ce qui donne, en reprenant le css précédemment donné :
Ce qui donne, en reprenant le css précédemment donné :
- Code:
#header-banner {margin-bottom: 0px;}
.block .block-content {box-shadow:none; padding: 0px;}
.block .block-content img {width: 100%;}
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: Page d'accueil sur toute la largeur
C'est parfait. Merci infiniment Oka-mi, vous êtes au top.
Sujets similaires
» Header sur toute la page du forum, largeur
» L'apparence de mon forum ne "s'étend" pas sur toute la largeur de la page
» Avoir un header de fond qui prend toute la largeur de la page
» Affichage des visiteurs sur la page daccueil.
» Mettre l'image de fond dans toute la largeur
» L'apparence de mon forum ne "s'étend" pas sur toute la largeur de la page
» Avoir un header de fond qui prend toute la largeur de la page
» Affichage des visiteurs sur la page daccueil.
» Mettre l'image de fond dans toute la largeur
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum