[Réglé] Support des Extensions phpBBimage de fond sur la shout

Support pour toutes les extensions phpBB développées par notre équipe et toutes les autres.
Avatar de xpmen
Belgique xpmen
Auteur du sujet
Messages : 365
Enregistré le : 25 novembre 2018
Liquide : 2 618.70
Relax-Arcade :  3
Pays :
Belgique (be)
Belgique

image de fond sur la shout

Message par Belgique xpmen » 06 nov. 2020, 17:25
Bonsoir Sylver

p'tite question sur la shout, comme noël arrive bientôt, je vais activé mon style noël
et, est il possible de mettre une image de fond sur la shout ?
mon but est pas de mettre un fond écran sur la shout mais juste une image en transparence sur la droite
histoire d'habiller un peux plus ce noel qui s'annonce plutôt triste cette année *corona*

si c''est possible, donne moi la marche a suivre stp
je suppose que c'est dans le css qui faut le faire, et bien sur que sur le style Noël

merci
pour les passionés du potager: www.hortus-meo.be
Avatar de Sylver35
France Sylver35
Administrateur du site
Messages : 763
Enregistré le : 13 janvier 2018
Liquide : 3 881.55
Relax-Arcade :  1
Localisation : Bretagne
Pays :
France (fr)
France

image de fond sur la shout

Message par France Sylver35 » 06 nov. 2020, 19:06
Bonjour,

Pour personnaliser le css de la shoutbox pour le style SuperGameNoel, il faut d'abord créer un dossier SuperGameNoel dans le dossier styles de la shoutbox, à coté de all (qui sert pour tous les styles)
Dans ce dossier SuperGameNoel, tu met une copie du dossier theme se trouvant dans all.

Là, tu te retrouve une fois le cache vidé avec le même style pour la shoutbox, mais on peut maintenant le personnaliser sans que cela n'impacte les autres styles.
Tu met ton image dans le dossier SuperGameNoel/thene/images/, je te conseille de choisir une image ayant un certain taux de transparence pour ne pas rendre les messages illisibles.
Dans le fichier shoutbox.css, on va appliquer les modifs css toutes simples :
On va d'abord définir une transparence pour tous les messages, dans la deuxième règle du fichier :

code : Tout sélectionner

#shout_messages > li.row1, #shout_messages > li.row2 {
Tu ajoute cette ligne : background-color: transparent;

Maintenant, faisons venir l'image.
Juste après cette règle, tu va ajouter une règle pour l'id shout_messages qui est la div contenant tous les messages :

code : Tout sélectionner

#shout_messages {
	background: #FFF url("./images/ton_image.png") right bottom no-repeat;
}
A ce stade, l'image apparait après un vidage de cache dans le coin inférieur droit..... enjoy 8-)
Des chercheurs qui cherchent, on en trouve, mais des chercheurs qui trouvent, on en cherche !
Avatar de xpmen
Belgique xpmen
Auteur du sujet
Messages : 365
Enregistré le : 25 novembre 2018
Liquide : 2 618.70
Relax-Arcade :  3
Pays :
Belgique (be)
Belgique

image de fond sur la shout

Message par Belgique xpmen » 06 nov. 2020, 19:34
super Sylver dancegirl dancegirl dancegirl dancegirl dancegirl dancegirl haaa* haaa* haaa*

j'ai placer l'image sans la rendre plus clair pour voir, la sa m'a l'aire parfait

a l’occase jette y un œil et dis moi ce que tu pense
esse que je devrai éclaircir
mais je pense que non ;)

merci Sylver
pour les passionés du potager: www.hortus-meo.be
Avatar de Sylver35
France Sylver35
Administrateur du site
Messages : 763
Enregistré le : 13 janvier 2018
Liquide : 3 881.55
Relax-Arcade :  1
Localisation : Bretagne
Pays :
France (fr)
France

image de fond sur la shout

Message par France Sylver35 » 06 nov. 2020, 19:40
Je vient de voir que j'ai forcé une couleur blanche.
Pour ne pas dénaturer le style, change le code pour l'image par celui-ci :

code : Tout sélectionner

#shout_messages {
	background: transparent url("./images/shoutnoel.png") right bottom no-repeat;
}
Ainsi, la couleur verte d'origine reviendra 8-)
Des chercheurs qui cherchent, on en trouve, mais des chercheurs qui trouvent, on en cherche !
Avatar de xpmen
Belgique xpmen
Auteur du sujet
Messages : 365
Enregistré le : 25 novembre 2018
Liquide : 2 618.70
Relax-Arcade :  3
Pays :
Belgique (be)
Belgique

image de fond sur la shout

Message par Belgique xpmen » 06 nov. 2020, 19:42
oui, effectivement c'est mieux ainsi :)
merci Sylver
pour les passionés du potager: www.hortus-meo.be
Avatar de Sylver35
France Sylver35
Administrateur du site
Messages : 763
Enregistré le : 13 janvier 2018
Liquide : 3 881.55
Relax-Arcade :  1
Localisation : Bretagne
Pays :
France (fr)
France

image de fond sur la shout

Message par France Sylver35 » 07 nov. 2020, 22:41
J'ai modifié le code de la shoutbox pour implémenter en origine la possibilité de mettre une image de fond sans tripatouiller les fichiers d'origine 8-)

Il a été ajouté dans les formulaires shoutbox principale, shoutbox privée et popup une zone de saisie pour définir une image de fond ainsi que les positions horizontale et verticale de l'image.
Cette image renseignée doit se trouver dans le dossier theme/images/ du ou des styles dans lequel on souhaite cette image.
On peut donc avoir des images différentes pour des styles différents mais en portant obligatoirement le même nom.
fond_shoutbox.png
Tu peut le voir en fonctionnement ici dans la popup ou le panneau latéral
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Des chercheurs qui cherchent, on en trouve, mais des chercheurs qui trouvent, on en cherche !
Avatar de xpmen
Belgique xpmen
Auteur du sujet
Messages : 365
Enregistré le : 25 novembre 2018
Liquide : 2 618.70
Relax-Arcade :  3
Pays :
Belgique (be)
Belgique

image de fond sur la shout

Message par Belgique xpmen » 08 nov. 2020, 07:33
wouaaaaaaa super

merci Sylver dancegirl dancegirl
avec les propositions que j'ai déjà faite et qui son devenu fonction original, je vais finir par rentrer dans le groupe actionnaire de la Breizh Shoutbox :lol: :lol: :lol: :lol:

encore merci Sylver ;)
pour les passionés du potager: www.hortus-meo.be
Avatar de xpmen
Belgique xpmen
Auteur du sujet
Messages : 365
Enregistré le : 25 novembre 2018
Liquide : 2 618.70
Relax-Arcade :  3
Pays :
Belgique (be)
Belgique

image de fond sur la shout

Message par Belgique xpmen » 16 nov. 2020, 17:35
Bonsoir Sylver

je reviens sur ce topic :oops:

tout était parfait jusqu’à ce matin

ce matin je me connecte sur mon fofo via mon smartphone, comme je suis sur smartphone le style prosilver s'active normal jusque la
mais je vois l'image de fond sur la shout :o
ce soir je rentre du taf, je vais sur le fofo et me met sur le style supergame
et la pareil, image de fond sur la shout

mise à part la mise à jour phpbb et quelque ext, je n'ai rien fait d'autre
et encore c'était hier aprém, hier soir tout était encor correct :shock: :?

a tu fait quelque chose ?
pour les passionés du potager: www.hortus-meo.be
Avatar de Sylver35
France Sylver35
Administrateur du site
Messages : 763
Enregistré le : 13 janvier 2018
Liquide : 3 881.55
Relax-Arcade :  1
Localisation : Bretagne
Pays :
France (fr)
France

image de fond sur la shout

Message par France Sylver35 » 16 nov. 2020, 18:24
Va voir dans l'administration de la shoutbox, j'ai modifié le code afin d'implémenter une liste déroulante d'images de fond, plus simple à gérer que remplir à la main.
Mais, en envoyant les dossiers background, j'avais oublier de virer le fichier shoutnoel.png dans all.
Pour bien assurer le coup, j'ai mis à la place une image de même nom mais transparente et de seulement 1 pixel.
Ainsi, plus d'image de fond en dehors de ton style de noël ;)
Des chercheurs qui cherchent, on en trouve, mais des chercheurs qui trouvent, on en cherche !
Avatar de xpmen
Belgique xpmen
Auteur du sujet
Messages : 365
Enregistré le : 25 novembre 2018
Liquide : 2 618.70
Relax-Arcade :  3
Pays :
Belgique (be)
Belgique

image de fond sur la shout

Message par Belgique xpmen » 16 nov. 2020, 18:32
me douté que c'était un truc du genre, mais j'ai pas voulu y regarder plus (ftp) avant d'être sur que sa venez de toi
et sans savoir ce que tu avais fait

pour l'acp je viens de voir dancegirl dancegirl dancegirl dancegirl

merci Sylver
pour les passionés du potager: www.hortus-meo.be
  • Sujets similaires
    Réponses
    Vues
    Dernier message