image à cacher sur le forum

[clechipey]

Bonjour,
A l'occasion d'une animation, j'ai une petite image à camoufler au hasard des pages, accueil, portail ou forum quelconque !

sur mon forum test :

j'ai entré ceci dans mon css :

Code:

/* --  Pièce cachée  -- */
.deco {
        position: absolute;
        top: 600px;
        right: 20px;             
        opacity:0.1;}
        .deco:hover{
        opacity:1;}

mais où dois-je placer ma div pour que cette petite image se place sur le fond du portail ou sur le fond d'un forum ou sous-forum ?

Code:

<div class=deco><img src=http://i39.servimg.com/u/f39/14/99/19/70/envoi_10.png></img></div>

je suis relativement novice vous l'aurez remarqué

merci d'avance pour votre aide !

Corinne

[[Nihil]]

Bonsoir

J'ai une petite question, l'image doit être ajoutée "aléatoirement" dans des pages ou bien tu veux pouvoir choisir les pages questions ?
En effet, je n'ai pas bien compris où tu veux que l'image soit présente

[clechipey]

Bonjour Nihil !
je souhaite pouvoir la placer sur l'une ou l'autre des pages du forum de mon choix !
Merci.

[[Nihil]]

OK

Pourrais tu me montrer à quoi cela devrait ressembler normalement ? En effet le code CSS a un "position: absolute" qui permet de placer un élément relativement à un autre, il dépend donc d'un autre élément.

Pour que ton image soit bien placée, il faut donc qu'elle ai le bon "élément de référence".

[clechipey]

ok, par exemple, là, j'ai mis la div dans la description de l'un des forums au hasard et l'image à trouver apparaît sur le fond d'écran de l'accueil ! elle apparaît lorsque le curseur la survole donc ! et je ne l'ai pas mise en fixed mais en absolute !



je voudrais pouvoir faire la même chose sur, la galerie, un sous-forum, la faq etc...

j'espère me faire comprendre...

[[Nihil]]

Alors il y a une solution en javascript, on va faire une première tentative

Ce code devrait permettre de l'afficher à cet endroit là : http://discusentreamis.positifforum.com/f3-photos-de-nos-discus

Code:

$(function(){
    if (document.location.pathname == '/f3-photos-de-nos-discus') {
        var message = '<div class="deco"><img src=http://i39.servimg.com/u/f39/14/99/19/70/envoi_10.png></img></div>';
        $('body').append(message);
    }
});

[clechipey]

Bonjour Nihil et merci tout plein, ça fonctionne impeccable et j'ai bien compris le truc d'entrer la page voulue ! c'est nickel ! merci merci
bon dimanche