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

Scipion
+ Hyperactif +

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 2013 - 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 2013 - 17:07

Le résultat est excellent Smile

Cordialement

Scipion
+ Hyperactif +

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

Scipion
+ Hyperactif +

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 2013 - 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 2013 - 17:53

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

Bonne fin de journée.

Cordialement

Scipion
+ Hyperactif +

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 2013 - 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 2013 - 22:03

Bonsoir

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

Cordialement


Scipion
+ Hyperactif +

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

Scipion
+ Hyperactif +

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

Scipion
+ Hyperactif +

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

Scipion
+ Hyperactif +

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

Scipion
+ Hyperactif +

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 2013 - 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 2013 - 8:50

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

Cordialement

Scipion
+ Hyperactif +

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 2013 - 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 2013 - 8:54

Le forum est fermé aux invités ?

Cordialement

Scipion
+ Hyperactif +

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


Scipion
+ Hyperactif +

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


Scipion
+ Hyperactif +

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

Scipion
+ Hyperactif +

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