Image en fond de widget
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
Image en fond de widget
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : https://creas3d.forumactif.org
Description du problème
Bonjour j'aurai voulu savoir si il est possible de mettre une image en fond de widget et si oui comment peut-on faire ?j'ai déjà changé la couleur des widgets mais pour l'image en fond ça semble plus compliqué ou impossible ....
Re: Image en fond de widget
Bonjour,
Le code que vous avez utilisé pour changer la couleur des widgets est-il bien celui-ci ?
Le code que vous avez utilisé pour changer la couleur des widgets est-il bien celui-ci ?
- Code:
.column:nth-of-type(1) .module {
background-color: #EACFFC;
}
- Code:
.column:nth-of-type(1) .module {
background-color: #EACFFC;
background-image: url(URLIMAGE);
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
Merci MlleAlys
j'ai trouvé ce code que j'ai placé dans lle widget
votre est-il à placer dans le CSS ?
j'ai trouvé ce code que j'ai placé dans lle widget
- Code:
<div class="inner">
<div class="h3">
<table style="text-align: center;">
<tbody></tbody> <tbody></tbody>
<tr style="">
<td style="background: url('https://i92.servimg.com/u/f92/14/77/07/89/sans_t17.png'); width: 600px ; height: 400px ; ">
<br /><br /><br /><br /><span style="color: rgb(255, 0, 0); font-size: 24px;"><br /><strong></strong> </span>
<div style="">
<span style="color: rgb(255, 0, 0); font-size: 24px;">Meilleurs Voeux à Tous</span>
</div>
<div style="">
<div>
<script async="" src="//w.24timezones.com/l.js" type="text/javascript"></script>
<p>
</p>
<div>
<br />
</div>
</div>
</div><strong><span style="color: rgb(255, 0, 0); font-size: 24px;"> <br /><br /><br /><br /></span></strong>
</td>
</tr><tbody></tbody><tbody> </tbody>
</table>
<br />
</div>
</div>
votre est-il à placer dans le CSS ?
Re: Image en fond de widget
Oui, le mien se place dans le css du forum, et agira sur tous les widgets en même temps.
Votre code parait avoir beaucoup de balises inutiles. Cependant l'avantage c'est que modifier directement le fond du widget dans son code peut permettre de choisir un fond différent pour chaque widget. Si c'est ce que vous souhaitez faire, alors je vous conseille plutôt d'utiliser un code de cette structure là (forum en version phpbb3) :
Ce qui donne par exemple pour ce widget là :
Votre code parait avoir beaucoup de balises inutiles. Cependant l'avantage c'est que modifier directement le fond du widget dans son code peut permettre de choisir un fond différent pour chaque widget. Si c'est ce que vous souhaitez faire, alors je vous conseille plutôt d'utiliser un code de cette structure là (forum en version phpbb3) :
- Code:
<div class="module" style="background:url(URLIMAGE);">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="h3" style="text-align:left;">
TITRE DU WIDGET
</div>
<div>
CONTENU DU WIDGET
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
Ce qui donne par exemple pour ce widget là :
- Code:
<div style="background:url('https://i.servimg.com/u/f92/14/77/07/89/sans_t17.png');" class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div style="color: rgb(255, 0, 0); font-size: 24px; padding:100px 0; text-align:center; font-weight:bold;">
MEILLEURS VOEUX À TOUS
</div><span class="corners-bottom"><span></span></span>
</div>
</div>
Dernière édition par MlleAlys le Jeu 4 Jan 2024 - 20:43, édité 2 fois
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
Super ça marche
puis je utiliser le même code css en le modifiant ou c'est plus compliqué
pour les fonds de catégorie ?
puis je utiliser le même code css en le modifiant ou c'est plus compliqué
pour les fonds de catégorie ?
Re: Image en fond de widget
ça va être le même style, mais cibler un autre élément.
Est-ce que vous souhaitez garder le blanc au survol ?
Est-ce que vous souhaitez garder le blanc au survol ?
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
oui merci
Re: Image en fond de widget
Alors première façon de faire, retirer la couleur rose pour voir l'image qui est en dessous en fond des catégories :
Ou, deuxième façon de faire, si c'est une image différente que vous voulez mettre :
- Code:
/*retirer la couleur dans les catégories*/
ul.forums {
background: none;
}
Ou, deuxième façon de faire, si c'est une image différente que vous voulez mettre :
- Code:
/*image de fond dans les catégories*/
ul.forums {
background-image: url(URLIMAGE);
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
alors sur mon forum d'essai c'est impeccable par contre sur mon forum
j'ai un petit souci ça ne fonctionne que sur un certains nombre de catégories ??
j'ai un petit souci ça ne fonctionne que sur un certains nombre de catégories ??
Re: Image en fond de widget
Quel est le forum en question ?
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
celui de mon profil mais je dois ouvrir l'accès car c'est un forum privé
https://dangela.forumgratuit.org/
https://dangela.forumgratuit.org/
Re: Image en fond de widget
Effectivement, le forum est inaccessible et je ne peux pas inspecter le problème.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
c'est bon j'ai mis l'accès aux galeries
Re: Image en fond de widget
Je n'ai toujours pas accès
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
est ce que c'est bon ?
J'ai mis un accueil aux invités en widget ça sera plus pratique à activer
J'ai mis un accueil aux invités en widget ça sera plus pratique à activer
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
je pense que vous pourrez tout voir c'est en dessous de l'horlogecreange a écrit:est ce que c'est bon ?
J'ai mis un accueil aux invités en widget ça sera plus pratique à activer
finalement j'ai fait une capture d'écran
Re: Image en fond de widget
Ah, je pense que c'est parce que vous avez utilisé le premier code que j'ai donné, mais qu'en phpbb3 l'image de fond ne se répète qu'horizontalement et non pas verticalement, désolée je n'y pensais plus (la capture ne permet pas de confirmer mais ça doit être ça).
Avez-vous testé à la place le deuxième code que j'ai proposé ?
Avez-vous testé à la place le deuxième code que j'ai proposé ?
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
Bonjour MlleAlys
j'ai utilisé le 1er code et là je viens d'utiliser le 2eme c'est pareil
je remets l'accès sur le widget invité sur le portail pour que vous puissier mieux voir
j'ai utilisé le 1er code et là je viens d'utiliser le 2eme c'est pareil
je remets l'accès sur le widget invité sur le portail pour que vous puissier mieux voir
Re: Image en fond de widget
Bizarre Il faudrait vraiment que je puisse inspecter le problème, mais le widget sur le portail "psst pour les invités c'est par ici" me renvoie à l'index du forum, inaccessible aux invités, donc je ne vois toujours pas le souci. Pourriez-vous fournir un lien direct vers la page de la capture en vérifiant qu'il est accessible aux invités ? (même déconnectée, vous devez voir le problème)
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
oui j'ai un souci pour donner l'accès aux invités
j'avais mis un js pour renvoyer les invités sur le portail mais je ne le trouve plus
j'avais mis un js pour renvoyer les invités sur le portail mais je ne le trouve plus
Re: Image en fond de widget
Il faut surtout changer les permissions pour donner accès aux invités.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
c'est fait
Re: Image en fond de widget
Complétez le deuxième code ainsi :
- Code:
ul.forums {
background-image: url(https://i.servimg.com/u/f92/14/77/07/89/fond_d15.png);
background-repeat: repeat;
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en fond de widget
super ça marche
merci beaucoup MlleAlys pour votre aide et votre patience
je vous souhaite une bonne fin de journée
merci beaucoup MlleAlys pour votre aide et votre patience
je vous souhaite une bonne fin de journée
Sujets similaires
» image de fond des widget
» Image de fond dans un widget
» Widget du portail: image en fond de barre
» Comment mettre une image de fond à la chatbox?(Image que l'on voit lorque l'on est pas connecté).
» Supprimer l'image de fond dans mon widget "Menu" du site web !
» Image de fond dans un widget
» Widget du portail: image en fond de barre
» Comment mettre une image de fond à la chatbox?(Image que l'on voit lorque l'on est pas connecté).
» Supprimer l'image de fond dans mon widget "Menu" du site web !
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