Liens/images dans la marge de gauche

Page 1 sur 2 1, 2  Suivant

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

Résolu Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 15:40

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


Dernière édition par gigiman1427 le Mar 2 Avr - 11:05, édité 1 fois (Raison : MERCI Scipion)

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 15:59

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 16:52

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>

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 17:07

Le résultat est excellent Smile

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 17:25

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 17:48

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 17:50

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 17:53

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

Bonne fin de journée.

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 17:55

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 Wink

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 22:03

Bonsoir

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

Cordialement

avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 22:05

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 22:17

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 22:17

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
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 22:22

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 Wink

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 ^^

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 22:36

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Lun 1 Avr - 22:43

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Lun 1 Avr - 23:00

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 8:15

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Mar 2 Avr - 8:29

Bonjour

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

Like a Star @ heaven Activer la gestion des codes javascript = oui
Like a Star @ heaven Enregistrer

Like a Star @ heaven Cliquer sur 'Créer un nouveau javascript' :

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

Like a Star @ heaven Cliquer sur Valider.

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 8:38

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Mar 2 Avr - 8:50

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

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 8:52

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Mar 2 Avr - 8:54

Le forum est fermé aux invités ?

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 9:00

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 Wink

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é

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Mar 2 Avr - 9:06

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

Like a Star @ heaven Surtout pas de retour à la ligne, juste un br quand cela est nécessaire.

Cordialement

avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 9:07

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Mar 2 Avr - 9:14

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

avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 9:24

@Scipion a écrit: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^^)

@Scipion a écrit:
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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Liens/images dans la marge de gauche

Message par Scipion le Mar 2 Avr - 9:43

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Liens/images dans la marge de gauche

Message par gigiman1427 le Mar 2 Avr - 10:00

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 Wink
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 ?


Dernière édition par gigiman1427 le Mar 2 Avr - 10:01, édité 1 fois (Raison : edité)

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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