Fond image du Header qui se répète
4 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
Fond image du Header qui se répète
Détails techniques
Version du forum : phpBB3Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://anaaga.forumactif.com/forum
Description du problème
Mon Forum:A.N.A.G.A.A
J'ai placé un gif animé en tant que logo au centre du header
Mon problème:
J'aimerai placer un fond identique au fond du gif animé avec des décorations en +. Hors jusqu'à maintenant lorsque j'insère le lien du fond souhaité (gestion des images, fond de l'entête), mon fond est reproduit plusieurs fois horizontalement quelque soit sa dimension en largeur !
J'aimerai donc pouvoir positionner mon fond afin que les décorations se positionnent correctement de par et d'autre de mon gif animé. (car j'ai laissé le centre de "ma banderole" dans décor puisque le gif viendra se poser dessus.
Merci de l'aide que vous pourrez m'apporter
Dernière édition par Arnould Jf Leclercq le Sam 18 Nov 2017 - 10:14, édité 1 fois
Re: Fond image du Header qui se répète
bonsoir, ![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
si je me trompe pas il faut mettre le code suivant dans votre CSS
Panneau administration -> Affichage -> Image et couleur-> couleur -> feuille de style CSS :
Après je ne suis pas certaine à 100%
![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
si je me trompe pas il faut mettre le code suivant dans votre CSS
Panneau administration -> Affichage -> Image et couleur-> couleur -> feuille de style CSS :
- Code:
body{
background-repeat: no-repeat;}
Après je ne suis pas certaine à 100%
Re: Fond image du Header qui se répète
Plümpheit a écrit:bonsoir,
si je me trompe pas il faut mettre le code suivant dans votre CSS
Panneau administration -> Affichage -> Image et couleur-> couleur -> feuille de style CSS :
- Code:
body{
background-repeat: no-repeat;}
Après je ne suis pas certaine à 100%
Non ça je l'ai déjà essayé mais ça concerne le fond du forum, et non pas le header !
J'ai cherché partout mais aucune réponse cohérente n'est apportée nulle part !
Merci de l'aide que vous pourrez m'apporter !
Re: Fond image du Header qui se répète
Bonjour
Pas tout compris
alors des fois une image vaut mieux que des mots.
![Fond image du Header qui se répète Test10](https://i.servimg.com/u/f62/12/69/24/33/test10.png)
Vous voulez faire ça?
cdt.
Pas tout compris
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![Fond image du Header qui se répète Test10](https://i.servimg.com/u/f62/12/69/24/33/test10.png)
Vous voulez faire ça?
cdt.
Re: Fond image du Header qui se répète
Adam_sfp a écrit:Bonjour
Pas tout comprisalors des fois une image vaut mieux que des mots.
Vous voulez faire ça?
cdt.
Je veux ajouter en fond d'entête cette image prévue pour se caler derrière le logo (gif animé)
![Fond image du Header qui se répète Entt1310](https://i.servimg.com/u/f62/19/78/08/83/entt1310.png)
Il me faut encore vérifier sa taille, mais au final on verrai les décos sur les cotés et le gif (logo)au milieu !
Il doit bien y avoir une solution css ou javascript!
Merci !
Re: Fond image du Header qui se répète
Bonjour, pour mettre l'image de fond, vous pouvez ajouter ce code à votre CSS en insérant l'url de votre image :
Bien à vous.
- Code:
#logo-desc{background-image:url(URL de votre image de fond.jpg);}
Bien à vous.
Re: Fond image du Header qui se répète
◦Jay◦ a écrit:Bonjour, pour mettre l'image de fond, vous pouvez ajouter ce code à votre CSS en insérant l'url de votre image :
- Code:
#logo-desc{background-image:url(URL de votre image de fond.jpg);}
Bien à vous.
Désolé le code "#logo-desc{background-image:url(https://i.servimg.com/u/f62/19/78/08/83/entt1310.png);}" ne fonctionne pas non plus !
Mon Forum est en PHPBB3 pour info complémentaire !
Merci tout de même de votre aide !
En espérant trouver le bon code !
Re: Fond image du Header qui se répète
Bonsoir
Essayez ceci
Cdt.
Essayez ceci
- Code:
headerbar {
background-color: #4529e3;
background-image: url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
Cdt.
Re: Fond image du Header qui se répète
Arnould Jf Leclercq a écrit:◦Jay◦ a écrit:Bonjour, pour mettre l'image de fond, vous pouvez ajouter ce code à votre CSS en insérant l'url de votre image :
- Code:
#logo-desc{background-image:url(URL de votre image de fond.jpg);}
Bien à vous.
Désolé le code "#logo-desc{background-image:url(https://i.servimg.com/u/f62/19/78/08/83/entt1310.png);}" ne fonctionne pas non plus !
Mon Forum est en PHPBB3 pour info complémentaire !
Merci tout de même de votre aide !
En espérant trouver le bon code !
Bonjour, le code fonctionne parfaitement, vous devez faire une erreur en l'insérant. Déjà, il y a un problème avec votre image qui n'est pas adaptée... Voila ce que cela donne :
![Fond image du Header qui se répète 01QP3](https://i.goopics.net/01QP3.png)
Cordialement
Re: Fond image du Header qui se répète
J'ai beau essayer les deux codes rien ne s'affiche dans le header !
PS: J'a&vais indiqué plus que qu'effectivement l'image n'était pas au bon format (j'avais dit: Il me faut encore vérifier sa taille, mais au final on verrai les décos sur les cotés et le gif (logo)au milieu !)
Voilà mon script css:
Si un code ne va pas dites le moi ! (Car ça serait peut être ça la cause de mes soucis!)
Merci !
PS: J'a&vais indiqué plus que qu'effectivement l'image n'était pas au bon format (j'avais dit: Il me faut encore vérifier sa taille, mais au final on verrai les décos sur les cotés et le gif (logo)au milieu !)
Voilà mon script css:
- Code:
FOND HEADER
headerbar {
background-color: #4529e3;
background-image: url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;}
CONFIGURATION TEXTES TITRES CATEGORIES
.table-title, .table-title h2, dd.topics, dd.posts, dd.lastpost {
font-family:Arial !important;
font-size:16px !important;
}
VOTE SUR LES POSTS
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
SUPPRIMER MARGE GIF ANIME
#logo{padding:0;}
BORDS ARRONDIS
#wrap {
border-radius: 30px;
}
.forabg {
border-radius: 30px;
}
.module{
border-radius: 30px;
}
.row3 {
border-radius: 30px;
}
.panel {
border-radius: 30px;
}
ul.forums {
border-radius: 30px;
}
ul.topiclist {
border-radius: 30px;
}
html {
border-radius: 100px;
}
Si un code ne va pas dites le moi ! (Car ça serait peut être ça la cause de mes soucis!)
Merci !
Re: Fond image du Header qui se répète
Le code que je vous donne doit fonctionner puisque j'ai fait la capture d'écran directement sur votre forum avec le code inclus ! Celui de Adam_sfp fonctionne aussi mais actuellement, le css qui est sur votre forum ne correspond pas à celui que vous donnez...
Pour le moment, vous avez cela :
Mais il serait mieux de le mettre comme je vous ai dit pour avoir une taille uniforme avec la bannière.![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Donc, remettre votre css ainsi :
Il vous faudra remettre l'image à une bonne taille, par contre, vous avez une taille de forum à 75%, il faudra mettre une taille fixe pour que tous les membres voient la même chose suivant la résolution d'écran.
Pour le moment, vous avez cela :
- Code:
.headerbar {
background-color: #fff;
background-image: url(https://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
Mais il serait mieux de le mettre comme je vous ai dit pour avoir une taille uniforme avec la bannière.
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
- Code:
#logo-desc{background-image:url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png) !important;
background-size:cover;
height:191px;}
Donc, remettre votre css ainsi :
- Code:
FOND HEADER
#logo-desc{background-image:url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png) !important;
background-size:cover;
height:191px;}
CONFIGURATION TEXTES TITRES CATEGORIES
.table-title, .table-title h2, dd.topics, dd.posts, dd.lastpost {
font-family:Arial !important;
font-size:16px !important;
}
VOTE SUR LES POSTS
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
SUPPRIMER MARGE GIF ANIME
#logo{padding:0;}
BORDS ARRONDIS
#wrap {
border-radius: 30px;
}
.forabg {
border-radius: 30px;
}
.module{
border-radius: 30px;
}
.row3 {
border-radius: 30px;
}
.panel {
border-radius: 30px;
}
ul.forums {
border-radius: 30px;
}
ul.topiclist {
border-radius: 30px;
}
html {
border-radius: 100px;
}
Il vous faudra remettre l'image à une bonne taille, par contre, vous avez une taille de forum à 75%, il faudra mettre une taille fixe pour que tous les membres voient la même chose suivant la résolution d'écran.
Re: Fond image du Header qui se répète
Modification de mon CSS:
Mais ça ne fonctionne toujours pas !!
J'ai même essayé avec plusieurs navigateurs et c'est pareil.
Alors ??? Mystère ??
.... et faire en sorte (comme dit dans le titre, que l'image ne se répète pas...quelle prenne toutes la largeur du header)
Et comment rendre le format du forum en fixe ? le mettre à 100 %?
Merci
- Code:
FOND HEADER
#logo-desc{background-image:url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png) !important;
background-size:cover;
height:191px;}
CONFIGURATION TEXTES TITRES CATEGORIES
.table-title, .table-title h2, dd.topics, dd.posts, dd.lastpost {
font-family:Arial !important;
font-size:16px !important;
}
VOTE SUR LES POSTS
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
SUPPRIMER MARGE GIF ANIME
#logo{padding:0;}
BORDS ARRONDIS
#wrap {
border-radius: 30px;
}
.forabg {
border-radius: 30px;
}
.module{
border-radius: 30px;
}
.row3 {
border-radius: 30px;
}
.panel {
border-radius: 30px;
}
ul.forums {
border-radius: 30px;
}
ul.topiclist {
border-radius: 30px;
}
html {
border-radius: 100px;
}
Mais ça ne fonctionne toujours pas !!
J'ai même essayé avec plusieurs navigateurs et c'est pareil.
Alors ??? Mystère ??
.... et faire en sorte (comme dit dans le titre, que l'image ne se répète pas...quelle prenne toutes la largeur du header)
Et comment rendre le format du forum en fixe ? le mettre à 100 %?
Merci
Re: Fond image du Header qui se répète
Quelles cases sont cochées sous votre css ?
Forcer le CSS de base du forum:non
Désactiver le CSS de base:Non
Optimiser votre CSS:oui
Avec le code que je vous ai donné, l'image prendra la totalité de largeur mais il faut que votre forum ait une largeur fixe comme votre image n'est pas neutre ! Dans votre PA>Général>Forum>Configuration>Largeur du forum (nombre ou %) :Mettez une taille en px et si par exemple vous mettez 1300px, faites une image de fond de 1300pxx191px puisque 191px est la hauteur de la bannière actuelle.![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Forcer le CSS de base du forum:non
Désactiver le CSS de base:Non
Optimiser votre CSS:oui
Avec le code que je vous ai donné, l'image prendra la totalité de largeur mais il faut que votre forum ait une largeur fixe comme votre image n'est pas neutre ! Dans votre PA>Général>Forum>Configuration>Largeur du forum (nombre ou %) :Mettez une taille en px et si par exemple vous mettez 1300px, faites une image de fond de 1300pxx191px puisque 191px est la hauteur de la bannière actuelle.
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Re: Fond image du Header qui se répète
Ha oui, mais non, ça ne peut pas fonctionner !!! On ne peut pas écrire du texte de la sorte !! Mettez-le ainsi :
Lorsque vous écrivez du texte dans le css, mettez le entre /**/ pour qu'il ne soit pas pris en compte par le navigateur.
- Code:
/*FOND HEADER*/
#logo-desc{background-image:url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png) !important;
background-size:cover;
height:191px;}
/*CONFIGURATION TEXTES TITRES CATEGORIES*/
.table-title, .table-title h2, dd.topics, dd.posts, dd.lastpost {
font-family:Arial !important;
font-size:16px !important;
}
/*VOTE SUR LES POSTS*/
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
/*SUPPRIMER MARGE GIF ANIME*/
#logo{padding:0;}
/*BORDS ARRONDIS*/
#wrap {
border-radius: 30px;
}
.forabg {
border-radius: 30px;
}
.module{
border-radius: 30px;
}
.row3 {
border-radius: 30px;
}
.panel {
border-radius: 30px;
}
ul.forums {
border-radius: 30px;
}
ul.topiclist {
border-radius: 30px;
}
html {
border-radius: 100px;
}
Lorsque vous écrivez du texte dans le css, mettez le entre /**/ pour qu'il ne soit pas pris en compte par le navigateur.
![Mr. Green](https://2img.net/i/fa/i/smiles/icon_mrgreen.png)
Re: Fond image du Header qui se répète
◦Jay◦ a écrit:Ha oui, mais non, ça ne peut pas fonctionner !!! On ne peut pas écrire du texte de la sorte !! Mettez-le ainsi :
- Code:
/*FOND HEADER*/
#logo-desc{background-image:url(https://i62.servimg.com/u/f62/19/78/08/83/entt1310.png) !important;
background-size:cover;
height:191px;}
/*CONFIGURATION TEXTES TITRES CATEGORIES*/
.table-title, .table-title h2, dd.topics, dd.posts, dd.lastpost {
font-family:Arial !important;
font-size:16px !important;
}
/*VOTE SUR LES POSTS*/
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
/*SUPPRIMER MARGE GIF ANIME*/
#logo{padding:0;}
/*BORDS ARRONDIS*/
#wrap {
border-radius: 30px;
}
.forabg {
border-radius: 30px;
}
.module{
border-radius: 30px;
}
.row3 {
border-radius: 30px;
}
.panel {
border-radius: 30px;
}
ul.forums {
border-radius: 30px;
}
ul.topiclist {
border-radius: 30px;
}
html {
border-radius: 100px;
}
Lorsque vous écrivez du texte dans le css, mettez le entre /**/ pour qu'il ne soit pas pris en compte par le navigateur.![]()
Merci infiniment, ça fonctionne enfin !
Effectivement il manquait"des bricoles" dans le css !
Maintenant il ne me reste plus qu'à arriver à rendre les petites images de déco moins floues !
Me faut encore trouver le truc qui coince de ce coté là, mais ça ne saurait tarder
Encore merci à tous ! ;-)
Cordialement
A.Leclercq
Re: Fond image du Header qui se répète
Je peux vous le faire si vous souhaitez.
Re: Fond image du Header qui se répète
◦Jay◦ a écrit:Je peux vous le faire si vous souhaitez.
Finalement je veux bien car je n'arrive pas à comprendre pourquoi une image nette se retrouve floue sur le forum !
Cette image au format PNG fait d'origine 3157x466 px
[url= https://i.servimg.com/u/f62/19/78/08/83/entx210.png]https://i.servimg.com/u/f62/19/78/08/83/entx210.png[/url]
J'aimerai autant que possible:
- Que l'image soit nette
- Qu'elle soit centrée horizontalement et verticalement dans le Header
- Qu'elle s'adapte "comme le forum" à la configuration d'affichage du visiteur
C'est beaucoup demandé je sais bien, mais si vous y arriviez ça serait formidable !
Merci à vous !
Mais je continue de chercher de mon coté
Re: Fond image du Header qui se répète
Bonjour, l'image est floue car elle ne fait pas 3157px de large mais seulement 800px car quand vous l'hébergez, l'hébergeur la redimensionne à 800px, il faut décocher la case pour qu'elle ne soit pas redimensionnée.
De toutes façons, vu la taille de l'image le mieux serait de passer par un autre hébergeur car si vous mettez une image .png, servimg la transforme en .jpeg.
Donc, si vous pouviez me redonner les images au bon format ou alors vous pouvez héberger votre image ailleurs, par exemple ici > https://goopics.net
Tenez-moi au courant.
Cordialement.
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Donc, si vous pouviez me redonner les images au bon format ou alors vous pouvez héberger votre image ailleurs, par exemple ici > https://goopics.net
Tenez-moi au courant.
Cordialement.
Re: Fond image du Header qui se répète
Bonsoir,
OUFFF ça y est en hébergeant mon image dans un autre site.
Ma dernière préoccupation "serait" de faire en sorte que le forum "en son entier" s'adapte à la configuration de chaque visiteur, mais là je pense que c'est encore plus compliqué !
Encore Merci "Jay" et "Plümpheit" pour votre aide ! C'était super sympa !
OUFFF ça y est en hébergeant mon image dans un autre site.
Ma dernière préoccupation "serait" de faire en sorte que le forum "en son entier" s'adapte à la configuration de chaque visiteur, mais là je pense que c'est encore plus compliqué !
Encore Merci "Jay" et "Plümpheit" pour votre aide ! C'était super sympa !
Re: Fond image du Header qui se répète
Comme c'est à l'heure actuelle, il s'adapte à la résolution de chaque visiteur. ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Re: Fond image du Header qui se répète
Oui sauf que l'affichage diffère selon le navigateur ! Avec Chrome ça va, mais avec Firefox pas terrible !◦Jay◦ a écrit:Comme c'est à l'heure actuelle, il s'adapte à la résolution de chaque visiteur.
Re: Fond image du Header qui se répète
Pouvez-vous faire un screen de ce qui ne va pas selon vous car je viens d'essayer avec plusieurs navigateurs dont FF et je ne vois pas vraiment de différence...
![Rolling Eyes](https://2img.net/i/fa/i/smiles/icon_rolleyes.gif)
Re: Fond image du Header qui se répète
Bonjour◦Jay◦ a écrit:Pouvez-vous faire un screen de ce qui ne va pas selon vous car je viens d'essayer avec plusieurs navigateurs dont FF et je ne vois pas vraiment de différence...![]()
Sur GC:
![Fond image du Header qui se répète Captur11](https://i.servimg.com/u/f62/19/78/08/83/captur11.jpg)
Sur MF:
![Fond image du Header qui se répète Captur12](https://i.servimg.com/u/f62/19/78/08/83/captur12.jpg)
C'est vrai que pour que ça aille mieux j'ai supprimé les widgets de droite
Mais y a quand même des petites différences sur firefox
En plus là c'est en 1600x1024 px en résolution d'affichage !
Mais là je ne pense pas qu'on y puisse quelque chose.
En photo c'est moi en 1985 ! lol
Re: Fond image du Header qui se répète
Bonjour, personnellement, j'ai le même affichage avec tous les navigateurs, celui qui correspond à votre FF, je pense que vous avez dé-zoomé avec Google Chrome pour avoir cet affichage.
Cordialement.
Cordialement.
Re: Fond image du Header qui se répète
Et bien alors c'est parfait !! Ouuffffffff◦Jay◦ a écrit:Bonjour, personnellement, j'ai le même affichage avec tous les navigateurs, celui qui correspond à votre FF, je pense que vous avez dé-zoomé avec Google Chrome pour avoir cet affichage.
Cordialement.
En tout cas un grand Merci à tous !
Je clôture donc ce post
MERCI ENCORE !
![-](https://2img.net/i/empty.gif)
» Header de fond qui se répète ..
» Image de fond qui se répète
» L'image de fond ne répète pas
» fond d'image répété
» Image de fond du forum qui se répéte.
» Image de fond qui se répète
» L'image de fond ne répète pas
» fond d'image répété
» Image de fond du forum qui se répéte.
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