[Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

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

Résolu [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par Arkanyo le Mer 10 Juin 2015 - 15:20

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'aimerais ajouter un fil Twitter sur le côté droit de mon forum, j'ai lu la procédure expliquée ici : http://forum.forumactif.com/t375557-inserer-un-fil-twitter-et-facebook-sur-son-forum?highlight=twitter

Cependant, je ne sais pas où entrer mon code.
Mon forum est en PHPBB3 et je suis administrateur, non fondateur.

Pouvez-vous m'aider ?


Dernière édition par Arkanyo le Ven 12 Juin 2015 - 16:38, édité 2 fois

Arkanyo
Nouveau membre

Messages : 11
Inscrit(e) le : 10/06/2015

http://lyre-ehel.forumofficiel.fr/
Arkanyo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par horusbk le Mer 10 Juin 2015 - 22:42

Bonsoir^^

Commencer par vérifier que l'option widget est active :
Panneau d'administration Right Modules Right Portail & Widgets Right Gestion des widgets du forum Right Options générales des widgets du forum

Vérifier que la ligne "Afficher les widgets du forum" est cochée sur OUI.

Pour insérer votre code :
Allez sur le widget que vous désirez ou à défaut, celui que vous avez créé.
Appuyer sur le rouage edit
Une zone d'édition apparaît. Cest ici que vous devrez mettre le code.

Warning N'oubliez pas d' :enreg: vos modifications avant de quitter.

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par Arkanyo le Mer 10 Juin 2015 - 23:39

Bonsoir,

Cela ne fonctionne pas, le fil n'apparait pas sur mon forum :/

Arkanyo
Nouveau membre

Messages : 11
Inscrit(e) le : 10/06/2015

http://lyre-ehel.forumofficiel.fr/
Arkanyo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par horusbk le Mer 10 Juin 2015 - 23:46

Bonsoir.
Avez vous essayé en créant un widget personnalisé ? Et non un déjà existant ?
Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par Arkanyo le Mer 10 Juin 2015 - 23:51

En fait cela marche, mais je n'obtiens pas le résultat escompté. Je vous montre un screen avec en cadre rouge là où j'aimerais qu'il apparaisse (complètement sur les bords).


Arkanyo
Nouveau membre

Messages : 11
Inscrit(e) le : 10/06/2015

http://lyre-ehel.forumofficiel.fr/
Arkanyo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par horusbk le Jeu 11 Juin 2015 - 14:11

Bonjour,

Pour ce qui est de mettre un widget hors du cadre de votre forum je ne sais pas du tout comment faire.
Je suis certains qu'un autre membres de ce forum sera en mesure de vous répondre.


Cordialement,
1baptiste

EDIT: Quand on cherche, on fini toujours par trouver la solution !
Voir message ci-dessous. Wink

Modération: vous pouvez supprimer ce message, merci I love you


Dernière édition par 1baptiste le Jeu 11 Juin 2015 - 23:23, édité 1 fois (Raison : solution trouvée)

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par horusbk le Jeu 11 Juin 2015 - 23:21

Re: Mouahaha ! Après une journée de recherche et d'essai sur mon forum test, j'ai peut-être trouvé une solution à votre problème.

Right Normalement, avec le Tuto que vous mentionnez plus haut, vous avez dû créer un widget personnel.
Right Ce code va vous permettre de le mettre où bon vous semble :
Code:
<div style="position: absolute; top: HHpx; right: DDpx;">...</div>

Quelques explications du codes :
HH vous devez remplacer ces caractères par un valeur qui déterminera la position de votre widget en fonction du haut de votre forum.

DD vous devez remplacer ces caractères par un valeur qui déterminera la position de votre widget en fonction du bord droit de votre forum.

right: correspondant à la droite de votre forum, s'il vous prenez l'envie de mettre un widget à gauche, c'est ce code :
Code:
[code]<div style="position: absolute; top: HHpx; left: DDpx;">...</div>[/code]

... : ces trois petits points indique l'endroit où vous devez mettre le code fournit par Twitter.

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par R-max le Jeu 11 Juin 2015 - 23:46

bonsoir si vous n'étes pas le fondateur ,vous n'avez pas accés aux Templates ou css pour ajouter du codage ,
>>baptiste sans css il ne sera pas le positionner Mr. Green
sinon il suffit dans le widjet personaliser ,d'ajouter a votre code une div
Code:
<div id="twitter">
ajouter votre code widjet
</div>
et dans le css >feuille de style
Code:
#twittter{
width:xxx px;/*===largeur du widjet===remplacé les xxx par ex> 200===*/
height:xxx px;/*===hauteur du widjet===remplacé les xxx par ex>500===*/
position:absolute;
top:xxx px;/*===position par rapport au haut du forum===remplacé les xxx===*/
right:xxx px;/*===position du bord droit===remplacé les xxx===*/
border:1px solid #xxxxxx;/*===remplacé les xxxxxx par le code couleur===*/
background-color:#xxxxxx;/*===couleur de fond===*/

}

vous pouvez personnalisé votre css a volonté et modifier l'emplacement du widjet avec top et right.
je ne pense pas mettre tromper , je n'est pas tester ,a suivre !!!!
cdl,


R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par Arkanyo le Ven 12 Juin 2015 - 0:21

Merci de vos réponses, mais cela ne marche pas.
J'ai accès à la feuille de style, voilà ce que j'y ai inscrit :

Code:
        /*Fil Twitter sur le bord droit du forum*/

        #twittter{
        width:180 px;/*===largeur du widjet===remplacé les xxx par ex> 200===*/
        height:600 px;/*===hauteur du widjet===remplacé les xxx par ex>500===*/
        position:absolute;
        top:700 px;/*===position par rapport au haut du forum===remplacé les xxx===*/
        right:100 px;/*===position du bord droit===remplacé les xxx===*/
        border:1px solid #FCF7DF;/*===remplacé les xxxxxx par le code couleur===*/
        background-color:#F2E6C0;/*===couleur de fond===*/
       
        }

(J'ai aussi ajouté une div au code).

Arkanyo
Nouveau membre

Messages : 11
Inscrit(e) le : 10/06/2015

http://lyre-ehel.forumofficiel.fr/
Arkanyo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par R-max le Ven 12 Juin 2015 - 0:27

j'ai mis 3 t a twitter dans le css Modération



Dernière édition par R-max le Ven 12 Juin 2015 - 0:31, édité 1 fois

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par R-max le Ven 12 Juin 2015 - 0:28

edit , mince j'ai fait un doublon ,mille escuse
@R-max a écrit:j'ai mis 3 t a twitter dans le css Modération
et le px n'est pas coller !!
j'ai corrigé
remplace par celui la
Code:
/*Fil Twitter sur le bord droit du forum*/
 
        #twitter{
        width:180px;/*===largeur du widjet===remplacé les xxx par ex> 200===*/
        height:600px;/*===hauteur du widjet===remplacé les xxx par ex>500===*/
        position:absolute;
        top:700px;/*===position par rapport au haut du forum===remplacé les xxx===*/
        right:100px;/*===position du bord droit===remplacé les xxx===*/
        border:1px solid #FCF7DF;/*===remplacé les xxxxxx par le code couleur===*/
        background-color:#F2E6C0;/*===couleur de fond===*/
     
        }
cdl,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par R-max le Ven 12 Juin 2015 - 13:04

bonjour
ont va procéder autrement , désactive les widgets de ton forum

ensuite dans overall_header cherche >>>
Code:
<a name="top"></a>
   {JAVASCRIPT}

juste après place ce code pour twitter a droite >>>
Code:
<!--=== widjet test twitter membre right ===-->

<div id="twitter_right">
                <a  class="twitter-timeline"  href="https://twitter.com/LyreEhel" data-widget-id="608749301259472896">Tweets de @LyreEhel</a>
  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
    if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>               
</div>
<!--=== fin right ===-->
 

le css right associer >>>
Code:
/*=== Fil Twitter sur le bord droit du forum ===*/

                #twitter_right{
                width:180px;/*===largeur du widjet===remplacé les xxx par ex> 200===*/
                height:600px;/*===hauteur du widjet===remplacé les xxx par ex>500===*/
                position:absolute;
                top:700px;/*===position par rapport au haut du forum===remplacé les xxx===*/
                right:5px;/*===position du bord droit===remplacé les xxx===*/
                border:1px solid #FCF7DF;/*===remplacé les xxxxxx par le code couleur===*/
                background-color:#F2E6C0;/*===couleur de fond===*/
                }

ensuite le code pour left au cas ou !! >>>
Code:
<!--===widjet test twitter membre left ===-->
<div id="twitter_left">
<a  class="twitter-timeline"  href="https://twitter.com/LyreEhel" data-widget-id="608749301259472896">Tweets de @LyreEhel</a>
  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
    if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>               
  </div>
<!--=== fin left ===-->

le css left >>>
Code:
      /*=== Fil Twitter sur le bord gauche du forum ===*/
              #twitter_left{
                width:180px;/*===largeur du widjet===remplacé les xxx par ex> 200===*/
                height:600px;/*===hauteur du widjet===remplacé les xxx par ex>500===*/
                position:absolute;
                top:700px;/*===position par rapport au haut du forum===remplacé les xxx===*/
                left:5px;/*===position du bord droit===remplacé les xxx===*/
                border:1px solid #FCF7DF;/*===remplacé les xxxxxx par le code couleur===*/
                background-color:#F2E6C0;/*===couleur de fond===*/
                }

ensuite tu peut rajouter la classe du widget twitter>>>
peut être pas forcement nécessaire a voir a l'utilisation
Code:
.twitter-timeline{
                width:180px !important;
                height:600px !important;
                }

n'oublie pas :enreg: ton Template en cliquant sur ajout aprés l'avoir visualisé en cliquant sur en attente ,
bonne journée .

>>>> http://forum-test-r-max.forumactif.org/ pour visualisé thumright

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par Arkanyo le Ven 12 Juin 2015 - 16:06

J'ai finalement réussi, merci !!

Arkanyo
Nouveau membre

Messages : 11
Inscrit(e) le : 10/06/2015

http://lyre-ehel.forumofficiel.fr/
Arkanyo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?

Message par MlleAlys le Ven 12 Juin 2015 - 16:50

..Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys 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