Liens/images dans la marge de gauche

[gigiman1427]

salut

j'aimerai mettre des liens/images dans la marge de gauche comme ceci:
http://senat.allianceogame.com/h2-liens

j'ai mes images et mes liens, mais je ne connait pas comment codé le menu, par contre je sais où le mettre

[Scipion]

Bonjour

S'agit-il de liens de partenariat ? Dans l'affirmative, le code de base à utiliser est le suivant :

Code:

<a href="Adresse internet du site partenaire"><img src="Bannière associée au site partenaire"></a>

Cordialement

[gigiman1427]

nan ce n'est pas un lien partenaire, ce sont des liens d'amis avec leurs images

en fait j'aimerai que ces liens/images apparaissent de le même façon

j'ai utilisé le lien partenaire cité plus haut pour un essai et je l'ai collé dans overall_footer_begin à la ligne 29 avec ce code

Code:

<iframe src="http://senat.allianceogame.com/h2-liens" style="position: fixed; top: 70px; left: 0px; background-color: transparent ! important; height: 400px; width: auto; border: none !important; overflow: hidden ! important;" allowtransparency="true" scrolling="no" frameborder="no"></iframe>

[Scipion]

Le résultat est excellent

Cordialement

[gigiman1427]

oui excellent, mais je ne veux pas ces liens là et ces images là ^^ et c'est ceci que je ne sais pas faire ^^

[Scipion]

D'accord, pouvez-vous mettre à disposition les liens et images que vous souhaitez afficher avec le code indiqué afin que je puisse faire un test d''affichage ?

Cordialement

[gigiman1427]

oui pas de problème par contre je n'ai pas le temps de suite, car je vais partir en livraison, je reviens environ dans 2 heures minimum

je vous donnerai cela tout à l'heure

[Scipion]

Pas de problème, rendez-vous est pris dans approximativement 2 heures !!

Bonne fin de journée.

Cordialement

[gigiman1427]

lien n°1 et son image:

http://sucreries-oumnawaiss.com/



lien n°2 et son image:

http://madina-shop.com/fr/


pour le moment j'en ai que 2 sous la main, je vous ai fait ça rapidement

amicalement

[Scipion]

Bonsoir

Avez-vous les informations complémentaires svp, celles qui concernent les deux autres partenaires ?

Cordialement

[gigiman1427]

est ce qu'a l'avenir je pourrais facilement modifier les partenaires, au cas où il y aurait du changement

[Scipion]

En effet, puisqu'il s'agit d'une page javascript tout à fait accessible. Les codes de vos partenaires reprennent le code de base indiqué un peu plus haut. Vous pourrez les modifier, rajouter ou soustraire des partenaires selon vos nécessités..

Donc, il s'agit de créer un nouveau javascript, avec placement sur l'index, et installer ce code :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="overflow: visible; position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 128px; height: 96px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

<a href="http://sucreries-oumnawaiss.com/"><img src="https://dl.dropbox.com/u/70398165/Sites/Boulangerie/PUB/oumnawaiss.jpg"></a><br><br>

<a href="http://madina-shop.com/fr/"><img src="https://dl.dropbox.com/u/70398165/Sites/Boulangerie/PUB/madina_shop.jpg"></a>

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

Cordialement

[gigiman1427]

voilà les 2 autres informations manquantes

lien n°3 et son image
http://www.123siteweb.fr/Tawba-Confection


lien n°4 et son image
http://www.location-egypte.com/index.php

[gigiman1427]

j'ai essayé le code, mais il ne fonctionne pas, j'ai bien la fenêtre ouvrir, puis un bout du début du code en message d'accueil
et la fenêtre ne veut pas s'ouvrir

ça à l'air pas mal ce dont vous m'avez fait, cela n'a pas le même rendu que l'exemple cité plus haut, mais si c'est trop compliqué, alors je me contenterais du plus simple

le petit problème en mettant ça en page d'accueil c'est que même si aucun message ne se trouve dans le message d'accueil, j'aurai une petite ligne beige en dessous de mon menu ^^

[Scipion]

Le code fonctionne normalement sur mon forum. En ce qui vous concerne, peut-être que vous avez sélectionné un placement différent de celui indiqué : Sur l'index.

Cordialement

[gigiman1427]

je l'ai mis dans Page d'accueil/Généralités, et cela n'a pas marché

ensuite je l'ai testé dans le template "overall_footer_begin" en prenant le code à partir de .append
et cela ne marche pas non plus ^^
je peux voir l'essai sur votre forum ? svp

[Scipion]

Ce code ne fonctionne pas en page d'accueil et je ne veux pas l'intégrer dans le template car il y a encore à faire un ajustement de la hauteur du module suite à l'intégration des deux nouveaux codes.

Supprimer l'ancien code javascript et installez celui-ci :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="overflow: visible; position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 128px; height: 184px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

<a href="http://sucreries-oumnawaiss.com/"><img src="https://dl.dropbox.com/u/70398165/Sites/Boulangerie/PUB/oumnawaiss.jpg"></a><br><br>

<a href="http://madina-shop.com/fr/"><img src="https://dl.dropbox.com/u/70398165/Sites/Boulangerie/PUB/madina_shop.jpg"></a><br><br>

<a href="http://www.123siteweb.fr/Tawba-Confection"><img src="https://dl.dropbox.com/u/70398165/Sites/Boulangerie/PUB/tawba_confection.jpg"></a><br><br>

<a href="http://www.location-egypte.com/index.php"><img src="https://dl.dropbox.com/u/70398165/Sites/Boulangerie/PUB/bassim_home.jpg"></a>

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

Cordialement

[gigiman1427]

toute mes excuses, mais je ne vois pas où je dois coller ce code ?!? :s

[Scipion]

Bonjour

Pour installer le code, vous allez sur votre panneau d'administration (PA) >> Modules >> Html et Javascript >> Gestion des codes javascript >> Codes javascript :

Activer la gestion des codes javascript = oui
Enregistrer

Cliquer sur 'Créer un nouveau javascript' :

- Titre : selon votre choix
- placement : sur l'index
- Code javascript : installer le code

Cliquer sur Valider.

Cordialement

[gigiman1427]

merci bcp ^^
le code fonctionne mais bug un peu :s

[Scipion]

Essayez de cliquer plusieurs fois de suite sur Ctrl + F5.

Cordialement

[gigiman1427]

regardez sur mon forum ce que cela donne:
http://boulangerieanas.forumegypt.net/

[Scipion]

Le forum est fermé aux invités ?

Cordialement

[gigiman1427]

c'est maintenant ouvert et cela fonctionne merci
juste il y a un décalage lorsqu'on ouvre le panneau entre le bouton ouvrir et une fois le panneau ouvert il descend légèrement vers le bas ^^

je pense enlever le fond rose et le bouton pour quelque chose de plus design, je vous montrerai lorsque ce sera fait

en fait je vais faire un bouton ouvrir avec un morceau des images des liens, de façon a attiré l'oeil à vouloir ouvrir, ou alors peut être plus simple de faire en sorte que le panneau soit TOUJOURS ouvert proposer de le fermer avec le bouton fermé

[Scipion]

Pour le décalage, essayez de voir comment adapter la hauteur du module avec la hauteur cumulée des 4 images.

Surtout pas de retour à la ligne, juste un br quand cela est nécessaire.

Cordialement

[gigiman1427]

dsl j'avais re éditer mon post avez vous vu ce dont je parlais sur le fait de laissé ouvert le panneau ?

[Scipion]

Pour le panneau latéral, la double option n'est pas possible à ma connaissance. Si vous souhaitez garder le panneau ouvert, je vais voir ce qui est possible de faire. A vous de me confirmer.

Sinon, pour les images ouvrir/fermer, vous pouvez modifier mais avec des images tout à fait identiques en largeur et en hauteur.

Cordialement

[gigiman1427]

Pour le panneau latéral, la double option n'est pas possible à ma connaissance. Si vous souhaitez garder le panneau ouvert, je vais voir ce qui est possible de faire. A vous de me confirmer.

à la base j'aimais bien l'idée d’apercevoir les images et lorsqu'on passe la souris ils sortent d'eux même, mais sinon je veux bien voir ce que cela donne en étant toujours ouvert
car ce qui m'embête, c'est que la plupart des visiteurs ne vont pas cliquez dessus en pensant que c'est de la pub popup, donc rien d'attirant pour le visiteur

(c'est comme la fenêtre de chat, avant de cliquez dessus par curiosité il faudra bcp de visite^^)

Sinon, pour les images ouvrir/fermer, vous pouvez modifier mais avec des images tout à fait identiques en largeur et en hauteur.

à mince donc je ne peux pas faire ce que je disais ^^ ok pas grave

[Scipion]

Pour une ouverture du panneau au survol de la souris, remplacez le dernier bloc de code par celui-ci avec la même consigne : pas de retour à la ligne.

Code:

</div></td><td style="vertical-align: middle;"><img src="http://i45.servimg.com/u/f45/16/75/16/53/source11.png" onmouseover="document.getElementById(\'panneau\').style.display=(this.src==\'http://i45.servimg.com/u/f45/16/75/16/53/source11.png\')?\'block\':\'none\';this.src=(this.src==\'http://i45.servimg.com/u/f45/16/75/16/53/source11.png\')?\'http://img4.hostingpics.net/pics/126982clooo.png\':\'http://i45.servimg.com/u/f45/16/75/16/53/source11.png\';"/></td></tr></table>'); } );

Cordialement

[gigiman1427]

c'est du travail EXCELLENT !

1000 merci Scipion !

j'aimerai juste enlever la couleur rose en fond pour du transparent ^^
jète un coup d'oeil sur mon forum ça prend de l'allure par ta cause
j'ai mis en bouton fermer une image transparente de la même taille, par contre parfois la première image est collé aux lien une fois ouvert, puis elle s'en va toute seul après ? pk ?