image à cacher sur le forum

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

Résolu image à cacher sur le forum

Message par clechipey le Jeu 4 Sep 2014 - 11:23

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

merci d'avance pour votre aide !

Corinne

scratch


Dernière édition par clechipey le Dim 7 Sep 2014 - 13:24, édité 1 fois

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image à cacher sur le forum

Message par [Nihil] le Jeu 4 Sep 2014 - 23:35

Bonsoir Smile

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 Mr. Green

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image à cacher sur le forum

Message par clechipey le Ven 5 Sep 2014 - 7:10

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

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image à cacher sur le forum

Message par [Nihil] le Ven 5 Sep 2014 - 23:46

OK Smile

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".

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image à cacher sur le forum

Message par clechipey le Sam 6 Sep 2014 - 20:05

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... Embarassed

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image à cacher sur le forum

Message par [Nihil] le Dim 7 Sep 2014 - 11:09

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

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);
    }
});

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image à cacher sur le forum

Message par clechipey le Dim 7 Sep 2014 - 13:23

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 ok Yes
bon dimanche merci

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey 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