Widgets flottants sur tout le forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Widgets flottants sur tout le forum

Message par curtis le Mar 26 Aoû 2014 - 12:54

Bonjour,

Cela fait plusieurs heures que je cherche cette solution sur le forum, mais rien ne fonctionne. Je ne peux pas croire que personne n'a eu et résolu ce problème avant moi.

Je précise que je n'ai pas activé le portail et je n'en veux pas. Je suis en phpbb3.

Dans PA > Modules > Gestion des widgets du forum
J'ai créé 3 widgets persos qui fonctionnent très bien (menus ; guides ; cartes).

Les infos que j'ai trouvé sur le forum m'indiquent d'encadrer le code de widget par un DIV (exemple pour les menus)
Code:
<div class="menus_flottant"></div>

Puis de mettre dans la feuille CSS : PA > Affichage > Couleurs > Feuille de style CSS
Code:
.menus_flottant{
position:fixed;
top:10px;
left: 0px;
}

Le résultat est que le contenu du widget est bien fixé sur le forum, mais pas "la boite" du widget.

Quel est la solution SVP ?


Dernière édition par curtis le Mar 26 Aoû 2014 - 13:40, édité 1 fois

curtis
***

Masculin
Messages : 120
Inscrit(e) le : 19/12/2005

curtis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widgets flottants sur tout le forum

Message par Neptunia le Mar 26 Aoû 2014 - 13:20

Bonjour ^^

Si vous créez un widget, il apparaitra normalement dans la colonne gauche ou droite.

Au lieu de créer un widget, vous insérez son code dans le template overall_header. Ou dans le overall_footer_begin ou overall_footer_end. Bref un template actif sur toutes les pages.
Il est également possible d'injecter le code par le biais d'un javascript.

Neptunia
+ Hyperactif +

Féminin
Messages : 10939
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widgets flottants sur tout le forum

Message par curtis le Mar 26 Aoû 2014 - 13:40

Merci du coup de main.
Ne maitrisant pas bien les templates, j'ai trouvé une solution qui fonctionne.

Dans la feuille CSS, j'ai mis :
Code:
.menus_flottant{
position:fixed;
top:50px;
left: 3px;
}
.guides_flottant{
position:fixed;
top:382px;
left: 3px;
}
.cartes_flottant{
position:fixed;
top:481px;
left: 3px;
}

Et j'ai mis dans chaque widget le code type :
Code:
<div class="menus_flottant">
            
   <table>
                 
      <tbody>
         <tr>
                       
            <td bgcolor="#f7edec" style="width: 180px;">
                          
               <p>
                          <strong><span style="text-decoration: underline;">LES MENUS</span></strong>

"LE-CODE-HTML-DU-WIDGET"

            </td>
                       
         </tr>
                  
      </tbody>
   </table>
                  
</div>

Ce qui permet de fixer le widget où l'on veut.
Je pense même qu'il serais possible de le déplacer n'importe où sur le forum en ajustant les variables "top" et "left" du CSS.

C'est peut-être une solution pas très "propre", mais elle fonctionne et me convient très bien.
Si tout fois ça peut aider quelqu'un d'autre.

Encore merci pour la réponse.

curtis
***

Masculin
Messages : 120
Inscrit(e) le : 19/12/2005

curtis a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum