Images placées latéralement ~

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

Résolu Images placées latéralement ~

Message par chienchila le Jeu 8 Mar 2012 - 22:44

Bonsoir à tous ! Je ne sais pas si mon titre sera assez clair, mais je n'étais pas très inspirée, disons. Je vous expose mon problème:

~ De la même manière qu'il est possible avec les javascript de placer une chatbox latéralement ( et ses boutons " ouvrir " , " fermer " ), je voudrais placer sur le côté de mon forum, juste au dessus de cette chatbox, une petite image afin que celle ci n'encombre pas ma page d'accueil. Je voudrais faire quelque chose comme ceci :

Mon forum actuel :



Mon forum comme je le souhaiterais :



Comment puis-je créer ce genre d'effet ? Merci par avance !

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par Dr. Karlos le Ven 9 Mar 2012 - 1:03

Bonsoir,

Vous n'avez qu'à insérer ce code dans votre panneau d'administration comme ceci:
> PA | Général | Configuration | Description du site

Code:
<img src="ADRESSE DE L'IMAGE" id="imagepa"></img>

Et à insérer ce code dans votre CSS:
Code:
#imagepa {
position: fixed;
bottom: 250px;
left: 0px
}

La position de l'image est paramétrable avec le bottom: 250px et le left 0px. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par chienchila le Ven 9 Mar 2012 - 1:16

Bonsoir, merci pour votre aide !
Votre code a l'air de fonctionner, seulement, j'ai beau modifier les champs afin que la position de l'image me convienne, rien ne bouge ( bottom et left ), l'image reste plantée au beau milieu de la page. Accessoirement, j'aurais besoin d'insérer un lien dans l'image, quel code ajouter et où s'il vous plait ? Embarassed

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par Dr. Karlos le Ven 9 Mar 2012 - 1:41

Re,

Pour les liens, changez votre code par celui-ci:
Code:
<a href="ADRESSE DU SITE"><img src="ADRESSE DE L'IMAGE" class="imgpa"></img></a>

Remplacez l'ancien code CSS par celui-ci pour voir si le problème se règle. Wink
Code:
.imgpa {
position: fixed;
bottom: 250px;
left: 0px
}

Tentez aussi de changer de navigateur, je vois bien l'image positionnée sous Chrome.


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par chienchila le Ven 9 Mar 2012 - 1:48

Merci encore, j'ai changé votre code, mais rien ne bouge une nouvelle fois, sous firefox comme sous internet explorer ! >.<[i]

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par Dr. Karlos le Ven 9 Mar 2012 - 1:58

Re,

Effectivement, Firefox et IE font de la résistance. Wink

Remplacez le code dans votre description par celui-ci:
Code:
<div class="imgpa"><a href="http://www.root-top.com/topsite/mirry/in.php?ID=265"><img src="http://s4.noelshack.com/uploads/images/12361174818894_84778.png" ></img></a></div>


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par chienchila le Ven 9 Mar 2012 - 2:04

Malheureusement, toujours le même souci Sorry

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par Dr. Karlos le Ven 9 Mar 2012 - 2:31

Re,

Passons donc par le javascript avec le même fonctionnement que la chatbox. Smile

Insérez ce code dans la gestion des codes javascript sur toutes les pages:
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 250px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><a href="http://www.root-top.com/topsite/mirry/in.php?ID=265"><img src="http://s4.noelshack.com/uploads/images/12361174818894_84778.png" ></img></a></td></tr></table>'); } );

N'oubliez pas de retirer le code du CSS ainsi que de la description du forum. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images placées latéralement ~

Message par chienchila le Ven 9 Mar 2012 - 2:34

Merci, merci, merci, problème résolu ! Razz

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila 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