ModernBB : Image "Qui est en ligne ?" dans le qeel

[*Splash*]

Bonjour,

J'ai ajouté une image au qeel en utilisant ce code dans l'index_body :

Code:

<img src="https://i.goopics.net/OwOYw.gif" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
{TOTAL_USERS_ONLINE}<br />

Ce qui me donne cela :



J'aimerais cette partie de texte soit positionnée à côté de l'image :

Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 1 Invisible et 1 Invité
Le record du nombre d'utilisateurs en ligne est de 9 le Mer 11 Avr 2018 - 9:32
Utilisateurs enregistrés : Splash
Membres connectés au cours des 24 dernières heures : Splash

Comment faire ?

[Invité]

Bonjour Splash, avec ce tuto peut être :

https://forum.forumactif.com/t395636-mettre-une-image-dans-le-qeel-sous-modernbb?highlight=IMAGE+QEEL+MODERN+BB

[*Splash*]

Hi Surricate,

Je ne vois pas de solution de placement de texte.

[Invité]

J'avais réussi à mettre une image comme vous désirez. Je cherche comment j'avais fait.

Ce qui est certain c'est que j'ai un code dans le css
celui ci pour insérer l'image

Code:

.block.qeel{background-image:url(https://*****);
background-repeat:no-repeat;
}

et celui ci pour créer un espace pour le positionner correctement selon la taille de l'image :

Code:

.block.qeel .h3,.stats_qeel,.block.qeel .block-footer{margin-left:30px;}

Par contre je ne me souviens pas avoir modifié le template. Je continue mes vérifications , si j'ai du nouveau.

[Neptunia]

Bonjour ^^


De mémoire il n'y a rien d'autre à faire que la modif de template puisque le css de base de la version modernBB conserve ce qui permettait d'afficher cette image correctement sous phpBB3.

Du coup si ça fonctionne pas chez vous c'est autre chose qui bloque, par exemple si vous avez désactivé le CSS de base, ça ne va pas fonctionner.

J'ai toutefois proposé un code CSS complémentaire pour ceux qui souhaitaient mettre l'image ailleurs qu'à l'endroit prévu.

[ModernBB] Mettre une image à votre QEEL (Qui est en ligne) (Lien externe)

Mais mieux vaut corriger le problème de base que le contourner en rajoutant un code qui est en principe inutile.

[*Splash*]

Hi Neptunia,

Mon CSS de base n'est pas désactivé



J'ai ajouté le code donné au CSS mais rien n'y fait pour autant

[Invité]

Je pense avoir trouvé :
dans le template index_body

Code:

<!-- BEGIN disable_viewonline -->
 <div class="block qeel">

ligne 44 (j'ai rajouté qeel après la class block

en mettant ensuite les codes css que je vous ai donné, de mon côté ca fonctionne en refaisant l'essai sur mon forum test.

* edit : ah par contre désolée, c'est vrai que l'image reste à côté de la phrase qui est en ligne, donc je ne sais pas plus.

Je mets quand même le rendu final , pour ceux que ca intéresse.

[Neptunia]

Pouvez-vous faire un test en supprimant complètement le template index_body puis en refaisant la manip indiquée dans les deux sujets indiqués ?

De mon côté quand j'ai testé le rajout d'un float:left sur votre image, les statistiques passaient bien à côté de l'image et non plus en dessous.

[*Splash*]

Merci à vous deux, c'est OK

J'avais une erreur de code dans le template.
Pour ma part pas besoin d'ajouter quoi que ce soit à la feuille CSS

[Neptunia]

C'est bien ce que je disais, il n'y a rien à ajouter si le rendu phpBB2/phpBB3/punBB convient.

Du coup j'ai converti un fofo test en modernBB pour des prunes, mais ça faisait un moment que j'aurais dû le faire.

L'essentiel est que ça fonctionne.

[*Splash*]

C'est bien ce que je disais, il n'y a rien à ajouter si le rendu phpBB2/phpBB3/punBB convient.

Du coup j'ai converti un fofo test en modernBB pour des prunes, mais ça faisait un moment que j'aurais dû le faire.

L'essentiel est que ça fonctionne.

Juste le code ajouté au template est suffisant