Widget - aide pour création

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

Résolu Widget - aide pour création

Message par Eagletc le Sam 26 Avr 2014 - 14:45

Bonjour,

J'aimerais ajouter une colonne à la droite du forum pour y faire figurer le logo de nos partenaires et qui de plus permettrait de diriger les visiteurs et les membres, au site internet des partenaires avec un clic sur le logo.

Je pense que c'est la mise en place d'un widget qui pourrait me permettre cette fonctionnalité, mais je suis nulle en langage html.

Est-ce qu'une personne pourrait m'aider ?

J'aimerais voir cette colonne apparaître de cette façon:

FIERS PARTENAIRES 2014
LOGO  (tous de formats identiques)
LOGO
ETC

l'URL de mon forum: cpquebec.com
la version phpbb3

Merci à l'avance !


Dernière édition par Eagletc le Lun 5 Mai 2014 - 14:05, édité 2 fois

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par elvira05 le Sam 26 Avr 2014 - 17:17

Tu as essayé en allant dans P.A.
Modules
Gestions des widgets
et la tu mets comme tu veux

elvira05
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/04/2014

http://maisonnettedesamis.forumactif.org/forum
elvira05 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Sam 26 Avr 2014 - 19:51

@elvira05 a écrit:Tu as essayé en allant dans P.A.
Modules
Gestions des widgets
et la tu mets comme tu veux

oui évidemment, mais pour une débutante comme moi ce n'est pas si facile.

Comme je l'expliquais, mes logos ne sont pas du même format, la hauteur et le lien avec le site web d'un clic, etc...

J'ai essayé des conseils inscrits sous "widget" mais je n'arrive pas à avoir quelque chose de bien.

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par elvira05 le Sam 26 Avr 2014 - 20:32

ben désolé je ne peux pas t aider plus attendons des experts

elvira05
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/04/2014

http://maisonnettedesamis.forumactif.org/forum
elvira05 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Dim 27 Avr 2014 - 17:22

@Eagletc a écrit: Bonjour,

J'aimerais ajouter une colonne à la droite du forum pour y faire figurer le logo de nos partenaires et qui de plus permettrait de diriger les visiteurs et les membres, au site internet des partenaires avec un clic sur le logo.

Je pense que c'est la mise en place d'un widget qui pourrait me permettre cette fonctionnalité, mais je suis nulle en langage html.

Est-ce qu'une personne pourrait m'aider ?

J'aimerais voir cette colonne apparaître de cette façon:

FIERS PARTENAIRES 2014
LOGO  (tous de formats identiques)
LOGO
ETC

l'URL de mon forum: cpquebec.com
la version phpbb3

Merci à l'avance !

Est-ce que quelqu'un peut me venir en aide ?

Merci

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Lun 28 Avr 2014 - 22:49

Dites-moi, est-ce que j'ai adressé mon problème, demande au bon endroit ?

N'hésitez pas à me rediriger si tel est le cas.

Merci

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Mer 30 Avr 2014 - 12:38

Personne ?  Confused 

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Widget - aide pour création

Message par néco le Ven 2 Mai 2014 - 17:12

c'est parfois long avant d'avoir une réponse Wink

alors tu vas sur ta page des widget , et tu clic sur "créer un widget personnalisé" (la fine case orange ^^)

ensuite : --> tu lui donne un nom (le nom du widget c'est un repère pour toi c'est le nom que ça aura dans ta liste de widget sur le panneau d'admin)
--> utiliser une table type oui/non : si tu mets oui , ton widget sera dans un cadre , et il y aura un titre en haut de ce cadre , si tu mets non , les élément de ton widget seront juste sur le fond d'écran sans cadre et sans titre ^^
--> titre du widget , c'est le titre qu'il y aura dans le cadre si tu coche "oui" au dessus Wink

et dans la grande case , tu colles ceci en complétant avec tes liens à toi Wink
il te faut les liens des adresses de tes partenaires et les liens direct (qui commence par http://) de tes images hébergés Wink

Code:
<a href="ADRESSE DU PARTENAIRE" target="_blank"><img src="LIEN DE L'IMAGE" style="width:170px; height:70px;" /></a>
ça c'est pour faire une image clicable ... si tu en veux plusieurs , tu mets plusieurs fois le même code à la suite dans le même widget en remplissant les bon liens évidemment Wink
si tu les veux l'un sous l'autre et que tu veux les espacé les uns des autres , entre deux code tu rajoutes
Code:
<br
une ou plusieurs fois (un "< br" correspond à un saut de ligne Wink)

dans le code : width correspond à la largueur de l'image si tu veux la dimensionner directement de cette façon (ne mets pas plus de 170 en largueur sinon ça déformera ta page si tu mets une colonne de 180 de large (toujours 10 de moins Wink))
et height c'est la hauteur

mais je crois que ça serrait mieux si tu créer tes images directement à la bonne taille (avec le PAINT de ton ordi par exemple) et que tu les hébergeais directement à la bonne taille afin d'utiliser plutôt ce code-ci qui sera plus "léger" Wink

Code:
<a href="ADRESSE DU PARTENAIRE" target="_blank"><img src="LIEN DE L'IMAGE" /></a>

"""""""""""""""""""""""""""""

RAJOU : ensuite , évidemment , tu n'oublie pas de retourner sur ta page de "gestion des widgets du forum" et tout en bas , d'instaler ton widget récemment créer Wink

--> tu choisi dans la liste déroulante le nom du widget que tu viens de créer "par exemple "partenaire" )
--> tu choisi la colonne 1 ou 3 (oublie pas d'activer celle que tu veux en haut de la page hein Wink )
--> tu décide de qui pourra voir et qui ne pourra pas voir ce widget en cochant ou décochant les cases correspondante (admin , membres etc)

--> et tu valide en clicant sur "ajouter le widget"

et tada ! Laughing

en espérant t'avoir aidé
bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Sam 3 Mai 2014 - 1:59

Merci pour l'aide,

Je vais essayé de travailler là-dessus ce week-end et je vous reviens dès que possible avec le résultat.

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Sam 3 Mai 2014 - 11:20

Bonjour Néco,

Il doit me manquer un petit quelque chose car lorsque je clique sur le logo, il n'y a rien qui se passe. Impossible d'être dirigé vers le site web du partenaire.

voici ma structure des codes:

<strong><span style="color: rgb(0, 51, 204);"><span style="font-family: Arial Black;"><span style="font-size: 16px;">PARTENAIRES 2014 </span></span></span><strong><br<a target="_blank" href="http://roulotteshauteslaurentides.com/"><img src="http://i55.servimg.com/u/f55/15/27/85/12/widget10.jpg" /><br <a="" target="_blank" href="http://www.vrrive-nord.ca/" /><img src="http://i55.servimg.com/u/f55/15/27/85/12/widget11.jpg" /></br<a></strong></strong>

Aussi j'aimerais savoir: Comment faire pour que le début du Widget soit à la même hauteur que le premier forum: Bienvenue parmi nous

Merci à l'avance

Eagletc
www.cpquebec.com

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par néco le Sam 3 Mai 2014 - 11:31

salut , tu veux bien mettre tes widget visible des invités que je puisse voir ce que ça donne stp ?

lorsque tu poste un code , mets le entre les balises
[ code]

je reviens ! mets en visible en attendant stp ^^

bizzz

ÉDIT : je crois qu'il manque un / juste devant le dernier a à la fin du code ! non ?
Code:
</a>
[/code]

reÉDIT : et puis si je ne dis pas de bétises il y a ="" en trop derrière le <a de la quatrième ligne

bon attend je reviens

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par néco le Sam 3 Mai 2014 - 12:06

dans ta page de création des widgets ça dois ressembler à ça :
(clic pour voir taille réelle)


en plus je sais pas pourquoi tu à inverser le target="_blank" de place  scratch 
je m'y connait pas assez pour savoir si ça fait une différence ou non , ce que je sais , c'est que tel que je te le donne , il marche très bien chez moi (oups je viens de voir que tu est en phpbb3 et moi en 2 , j'éspère que ça viens pas de ça ^^)

en tout cas , tu a quand même tes deux erreurs que j'ai écrit plus haut dans mes ÉDITS Wink

voici le code que tu n'as qu'a coller directement dans ton widget sans rien toucher , j'ai pris tes liens dans ton post du dessus pour le compléter Wink

Code:
<a href="http://roulotteshauteslaurentides.com/" target="_blank"><img src="http://i55.servimg.com/u/f55/15/27/85/12/widget10.jpg" /></a>
<br
<a href="http://www.vrrive-nord.ca/" target="_blank"><img src="http://i55.servimg.com/u/f55/15/27/85/12/widget11.jpg" /></a>
<br

si tu veux en rajouter plus , tu continue sur le même modèle :

Code:
<a href="ADRESSE" target="_blank"><img src="LIEN IMAGE" /></a>
<br
<a href="ADRESSE" target="_blank"><img src="LIEN IMAGE" /></a>
<br
<a href="ADRESSE" target="_blank"><img src="LIEN IMAGE" /></a>

bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Dim 4 Mai 2014 - 20:50

Bon ça y'est j'ai réussi !

2 derniers petits points:  

1- Comment puis-je faire en sorte que le Widget débute à la même hauteur que le premier forum - Bienvenue parmi nous ?  Car je n'aime pas beaucoup le visuel actuel.

www.cpquebec.com

2- Aussi je remarque que lorsque l'on clique, on est dirigé directement au lien internet du partenaire cependant pour revenir au forum l'utilisateur doit absolument utiliser la flèche arrière sans quoi, tout se ferme. Y a-t-il une possibilité d'ajouter un code qui ferait en sorte que le lien du partenaire s'ouvre dans un nouvel onglet ?

Merci à l'avance pour votre appui.

Eagletc


Dernière édition par Eagletc le Dim 4 Mai 2014 - 21:26, édité 1 fois

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par néco le Dim 4 Mai 2014 - 21:24

alors pour descendre tes widgets , tu peux tout simplement en rajouter un au dessus qui ne se verra pas et qui fera la hauteur dont tu as besoin Wink

créer un autre widget personnalisé
donne lui ne nom que tu veux
table type : NON
pas de titre (puisque pas de table type)

et colle ça dedans

Code:
<img src="http://i55.servimg.com/u/f55/16/02/70/00/ligne_10.png" />

n'oublie pas de l'installer dans la colonne , et de la mettre au dessus de ton widget partenaire (il suffis de faire un glisser déposer dans la colonne de la page des widget puis d'enregistrer la nouvelle position avec  :enreg: 

je t'ai mis une image de 1 pixel de large et de 149 pixel de haut blanche !

je pense que ça tombera bien mais si c'est trop haut ou trop bas dis le moi , je te filerais une p'tite astuce en plus Wink

par contre , si tu change la couleur du fond de ton forum tu devra changer la couleur de cette image aussi Wink (par exemple avec le PAINT de ton ordi) et la réhébergé avec la nouvelle couleur et la changer dans le code évidemment Wink (ou la faire en transparent mais ça c'est pas possible avec le PAINT alors je peux pas te la donner en transparent parce que j'ai ni GIMP ni PHOTOSHOP ni rien ^^)

essaye et dis moi si ça te vas ? Wink

bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Dim 4 Mai 2014 - 21:42

@néco a écrit:alors pour descendre tes widgets , tu peux tout simplement en rajouter un au dessus qui ne se verra pas et qui fera la hauteur dont tu as besoin Wink

créer un autre widget personnalisé
donne lui ne nom que tu veux
table type : NON
pas de titre (puisque pas de table type)

et colle ça dedans

Code:
<img src="http://i55.servimg.com/u/f55/16/02/70/00/ligne_10.png" />

n'oublie pas de l'installer dans la colonne , et de la mettre au dessus de ton widget partenaire (il suffis de faire un glisser déposer dans la colonne de la page des widget puis d'enregistrer la nouvelle position avec  :enreg: 

je t'ai mis une image de 1 pixel de large et de 149 pixel de haut blanche !

je pense que ça tombera bien mais si c'est trop haut ou trop bas dis le moi , je te filerais une p'tite astuce en plus Wink

par contre , si tu change la couleur du fond de ton forum tu devra changer la couleur de cette image aussi Wink(par exemple avec le PAINT de ton ordi) et la réhébergé avec la nouvelle couleur et la changer dans le code évidemment Wink(ou la faire en transparent mais ça c'est pas possible avec le PAINT alors je peux pas te la donner en transparent parce que j'ai ni GIMP ni PHOTOSHOP ni rien ^^)

essaye et dis moi si ça te vas ? Wink

bizzz

Merci, merci beaucoup c'est super ! Ça répond exactement à ce que je voulais.

Il reste mon 2ème et dernier petit point, ensuite je pourrai cliquer sur résolu !

2- Aussi je remarque que lorsque l'on clique, on est dirigé directement au lien internet du partenaire cependant pour revenir au forum l'utilisateur doit absolument utiliser la flèche arrière sans quoi, tout se ferme. Y a-t-il une possibilité d'ajouter un code qui ferait en sorte que le lien du partenaire s'ouvre dans un nouvel onglet ?

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par néco le Dim 4 Mai 2014 - 22:04

ben là je sais pas quoi te répondre !

en appliquant le code tel que je te le donne , sur mon forum ça s'ouvre d'office dans un nouvel onglet
il dois y avoir un paramètre à réglé dans le panneau d'admin , mais depuis tout à l'heure je trouve pas , je cherche encore , si je trouve je te dirais ...

ps : lorsque tu veux remercier une personne sur ce forum il te suffis de cliquer sur le bouton  merci dans un de ces posts Wink

cherche toi aussi dans le panneau d'admin ce qui permet d'ouvrir tous les liens dans un nouvel onglet ou quelque chose du genre , parce que là je rame Laughing

bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Dim 4 Mai 2014 - 22:50

Mon besoin primaire étant résolu, je vais identifier ce post avec ce statut.

Si jamais tu trouves avant moi pour la particularité de l'onglet, juste à me laisser savoir; je vais évidemment chercher activement de mon côté, mais ne met pas trop d'efforts là-dessus.

Merci pour tout

Eagletc

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par néco le Dim 4 Mai 2014 - 23:06

j'ai arrêter de chercher vue que ça m'enerve de pas trouver là grrr

mais continue à up ton sujet demain et les jours suivant , il y a certainement quelqu'un qui te répondra , ne le mets pas tout de suite en résolu Wink

en plus , je sais même pas si c'est le même panneau d'admin entre phpbb2 et phpbb3 ... scratch

bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par Eagletc le Lun 5 Mai 2014 - 14:05

Je viens de trouver le code pour qu'une nouvelle fenêtre s'ouvre lorsqu'on clique sur l'image qui dirige à un lien externe:

Code:
<a target="_blank" href="http://www.XXXX/"><img src="URL IMAGE" /></a>

Eagletc
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 26/04/2014

http://cpquebec.com
Eagletc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget - aide pour création

Message par néco le Lun 5 Mai 2014 - 14:08

ben alors ça viens surement de la différence entre phpbb2 et phpbb3 je suppose ^^

je suis contente pour toi que tu ai trouvé ! Wink

bonne journée à toi !
bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco 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