Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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
avatar

[Nihil]
Membre habitué(e)

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

https://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.
avatar

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

[Nihil]
Membre habitué(e)

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

https://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
avatar

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

[Nihil]
Membre habitué(e)

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

https://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
avatar

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