[Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
3 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
[Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
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 : https://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
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
Bonsoir^^
Commencer par vérifier que l'option widget est active :
Panneau d'administration Modules Portail & Widgets Gestion des widgets du forum 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
Une zone d'édition apparaît. Cest ici que vous devrez mettre le code.
N'oubliez pas d' vos modifications avant de quitter.
Cordialement,
1baptiste
Commencer par vérifier que l'option widget est active :
Panneau d'administration Modules Portail & Widgets Gestion des widgets du forum 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
Une zone d'édition apparaît. Cest ici que vous devrez mettre le code.
N'oubliez pas d' vos modifications avant de quitter.
Cordialement,
1baptiste
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
Bonsoir,
Cela ne fonctionne pas, le fil n'apparait pas sur mon forum :/
Cela ne fonctionne pas, le fil n'apparait pas sur mon forum :/
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
Bonsoir.
Avez vous essayé en créant un widget personnalisé ? Et non un déjà existant ?
Cordialement,
1baptiste
Avez vous essayé en créant un widget personnalisé ? Et non un déjà existant ?
Cordialement,
1baptiste
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
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).
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
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.
Modération: vous pouvez supprimer ce message, merci
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.
Modération: vous pouvez supprimer ce message, merci
Dernière édition par 1baptiste le Jeu 11 Juin 2015 - 23:23, édité 1 fois (Raison : solution trouvée)
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
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.
Normalement, avec le que vous mentionnez plus haut, vous avez dû créer un widget personnel.
Ce code va vous permettre de le mettre où bon vous semble :
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 :
... : ces trois petits points indique l'endroit où vous devez mettre le code fournit par Twitter.
Cordialement,
1baptiste
Normalement, avec le que vous mentionnez plus haut, vous avez dû créer un widget personnel.
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
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
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
sinon il suffit dans le widjet personaliser ,d'ajouter a votre code une div
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,
>>baptiste sans css il ne sera pas le positionner
sinon il suffit dans le widjet personaliser ,d'ajouter a votre code une div
- Code:
<div id="twitter">
ajouter votre code widjet
</div>
- 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,
Invité- Invité
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
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 :
(J'ai aussi ajouté une div au code).
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).
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
j'ai mis 3 t a twitter dans le css
Dernière édition par R-max le Ven 12 Juin 2015 - 0:31, édité 1 fois
Invité- Invité
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
edit , mince j'ai fait un doublon ,mille escuse
R-max a écrit:j'ai mis 3 t a twitter dans le css
et le px n'est pas coller !!
j'ai corrigé
remplace par celui lacdl,
- 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===*/
}
Invité- Invité
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
bonjour
ont va procéder autrement , désactive les widgets de ton forum
ensuite dans overall_header cherche >>>
juste après place ce code pour twitter a droite >>>
le css right associer >>>
ensuite le code pour left au cas ou !! >>>
le css left >>>
ensuite tu peut rajouter la classe du widget twitter>>>
peut être pas forcement nécessaire a voir a l'utilisation
n'oublie pas ton Template en cliquant sur aprés l'avoir visualisé en cliquant sur en attente ,
bonne journée .
>>>> http://forum-test-r-max.forumactif.org/ pour visualisé
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 ton Template en cliquant sur aprés l'avoir visualisé en cliquant sur en attente ,
bonne journée .
>>>> http://forum-test-r-max.forumactif.org/ pour visualisé
Invité- Invité
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
J'ai finalement réussi, merci !!
Re: [Résolu] Comment mettre un widget (Fil Twitter) hors du cadre de son forum ?
.. | Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
MlleAlys- Membre actif
- Messages : 5747
Inscrit(e) le : 12/09/2012
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