Widget sur le wallpaper

[Ocawina]

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 ?  

[néco]

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
(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

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é )


ç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

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

bizzz

[Ocawina]

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

Merci beaucoup de ton aide et du temps accordé !

[néco]

de rien ^^

bizzz