Widget sur le wallpaper

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

Résolu Widget sur le wallpaper

Message par Ocawina le 2014-04-30, 10:37

Hello !

J'ai essayé de trouver des topics qui pouvaient répondre à ma demande, mais comme je ne sais pas trop mettre des "mots" sur mon problème, j'ouvre un topic pour.

L'idée serait de mettre un Widget en bas de la page, qui serait présent au fur et à mesure que l'on baisse/monte la page du forum.
Ce Widget permettrait d'accéder directement à un topic du forum.

Pouvez-vous m'indiquer comment faire tout cela au petit débutant que je suis ?  Rolling Eyes


Dernière édition par Ocawina le 2014-05-03, 08:18, édité 1 fois

Ocawina
**

Masculin
Messages : 85
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget sur le wallpaper

Message par néco le 2014-05-02, 10:01

salut !
je suis pas très doué avec tout ces trucs mais en cherchant un peu , je viens de tester un truc sur mon forum et apparemment ça marche ^^

alors en 1er tu créer un javascript : PA >>> module >>> gestion des codes javascript

---> créer un nouveau javascript , tu lui donnes le nom que tu veux , et tu coche sur quelles pages tu le veux (moi j'ai tester QUE en mettant "sur toute les pages" alors je sais pas si ça marche pareil en n'en mettant que certaines ^^ )

et tu colles ceci dans la grande case :

Code:
$(function(){
                  $("body").append('<div class="boutopic"><a href="LIEN DE TON TOPIC"><img src="LIEN DE TON IMAGE" style="width:65px; height:35px;" /></a></div>');
        });


tu complètes mon code en mettant le lien de ton topic ainsi que le lien direct de ton image hébergé , l'image qui te servira de bouton Wink
(les valeurs en fin de code
Code:
style="width:65px; height:35px;"

height=hauteur et width=largueur
servent à agrandir ou rétrécir ou déformé en hauteur ou en largueur ton image à ta convenance mais tu peux les effacer si tu préfères ^^)

ensuite tu vas dans : PA >>> affichage >>> couleurs ---> onglet feuille de style css

et là tu colles ceci :

Code:
/** emplacement du bouton de topic se trouvant dans un javascript **/
          .boutopic {
            bottom: 50px;
            right: 55px !important;
           position: fixed;
            z-index: 100;
        }

la valeur après "bottom" c'est la distance en pixel que tu veux par rapport au bas de l'écran
et la valeur après "right" c'est la distance en pixel à partir du bord droit de l'écran (tu peux le remplacer par "left" si tu veux te baser par rapport au bord gauche de ton écran)
tu peux évidement déplacer le bouton à l'endroit de ton choix en changeant le nombre de pixel comme tu veux Wink

le mot "boutopic" qui est présent dans les deux code est un mot inventé
si tu souhaite mettre plusieurs boutons , tu renouvelle l’opération complète autant de fois que tu veux en changeant à chaque fois ce mot "boutopic" dans les deux codes et en le remplaçant par le mot inventé que tu veux , mais fait attention à prendre un mot assez bizarre pour être sûr qu'il ne soit pas déjà utiliser dans des codes qu'on vois pas ^^
(il faut juste bien faire gaffe dans le css à ne pas oublier le point (.) devant ton mot inventé Wink)


ça ne te créera pas ce que l'on appelle véritablement un "widget" , ça te créera un bouton clicable qui restera fixe par rapport au défilement de l'écran comme tu le demandes et qui renvéra vers un topic comme tu le demande Wink

en espérant avoir été clair et que cela fonctionne aussi bien chez toi que chez moi ^^

bizzz

néco
*****

Féminin
Messages : 782
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 sur le wallpaper

Message par Ocawina le 2014-05-03, 07:41

Super ! Parfait parfait !
Ça rend super bien en plus : http://opium-crocoburio.forumactif.org/

Merci beaucoup de ton aide et du temps accordé !

Ocawina
**

Masculin
Messages : 85
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget sur le wallpaper

Message par néco le 2014-05-03, 08:11

de rien ^^

bizzz

néco
*****

Féminin
Messages : 782
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