Bannière défilante clicable ...

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

Résolu Bannière défilante clicable ...

Message par hae le Mer 23 Mar 2011 - 20:25

Bonjour, j'aimerais mettre sur mon forum un widget similaire à votre "thèmes du mois"
j'ai bien trouvé le tuto sur les bannières défilantes (lien), mais je n'ai pas compris comment faire si je veux que ces images soient clicables et renvoient à certains sujets.

Merci d'avance

Cordialement



Dernière édition par hae le Sam 2 Avr 2011 - 19:48, édité 1 fois

hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière défilante clicable ...

Message par Scipion le Mer 23 Mar 2011 - 20:39

Bonsoir !

Si vous le souhaitez je peux vous préparer votre bannière défilante mais pour cela il me faudrait quelques images de même format, entre 800 et 600 pixels de largeur par exemple.

Cette bannière sera affichée au dessus de la barre des liens, défilante ou non défilante. Cependant, je ne crois pas que le renvoi vers des sujets puisse se faire.

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: Bannière défilante clicable ...

Message par hae le Mer 23 Mar 2011 - 20:50

bah en fait, c'est pour en avoir exactement cette utilité :
lien

donc je serais amenée à la changer souvent

hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière défilante clicable ...

Message par Skipper le Mer 23 Mar 2011 - 20:51

Bonsoir !
Code:
<img src= "adresse de l'image" /> < a href="lien vers le sujet ">


Cordialement.

Skipper
*****

Masculin
Messages : 506
Inscrit(e) le : 30/12/2010

http://no-limite.forumclan.com
Skipper a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière défilante clicable ...

Message par hae le Mer 23 Mar 2011 - 21:02

tout simplement ? bon, parfait Smile
mais j'ai un autre problème maintenant : en fait, je veux pas remplacer ma bannière, mais le mettre dans le petit encart entre la barre de navigation et les forums scratch

hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière défilante clicable ...

Message par Scipion le Mer 23 Mar 2011 - 21:31

Je viens de faire un essai en intégrant le script différemment, mais la bannière s'affiche toujours au dessus de la barre des liens.

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: Bannière défilante clicable ...

Message par hae le Mer 23 Mar 2011 - 21:35

bah c'est mon problème, comment je fais si je veux le mettre dans un widget ou autre ?

hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière défilante clicable ...

Message par Scipion le Mer 23 Mar 2011 - 22:23

Désolé pour le retard !

Justement c'est ce que j'essaye de vous expliquer, dans le tutoriel que vous avez consulté l'affichage de la bannière défilante n'est possible qu'au dessus de la barre des liens. Pour votre solution, entre les catégories et la barre des liens, je crois que vous devez faire des essais avec un diaporama.

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: Bannière défilante clicable ...

Message par hae le Mer 30 Mar 2011 - 19:39

up !
un diaporama ? je sais pas comment faire ça moi, le seul tuto que j'ai vu, il fallait payer ...

hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière défilante clicable ...

Message par Ea le Jeu 31 Mar 2011 - 1:28

Bonjour,


Voici un exemple de code :

Code:
<div id="sd">
   <a id="sdfirst" href="/t223082-"><img src="http://illiweb.com/fa/i/smiles/icon_question.gif" /></a>
   <a href="/t223082-"><img src="http://illiweb.com/fa/i/smiles/icon_mrgreen.png" /></a>
   <a href="/t223082-"><img src="http://illiweb.com/fa/i/smiles/icon_dwarf.png" /></a>
   <a href="/t223082-"><img src="http://illiweb.com/fa/i/smiles/icon_viking.png" /></a>
</div>
<script type="text/javascript">
   function nextsd(speed) {
      if(jQuery('#sdfirst').fadeOut(speed).next().length)
         jQuery('#sdfirst').next().fadeIn(speed,function(){
            jQuery('#sdfirst').removeAttr('id').next().attr('id','sdfirst');
         });
      else
         jQuery('#sd a:first').fadeIn(speed,function(){
            jQuery('#sdfirst').removeAttr('id');
            jQuery('#sd a:first').attr('id','sdfirst');
         });
   }
   setInterval('nextsd(1000)',3000);
</script>
Il suffit donc d'avoir ça ( en changeant les liens d'images, les liens de lien et éventuellement le 1000 qui désigne le temps que prend le changement en ms et 3000 l'interval entre chaque changement d'image ( également en ms ) )

Il faut aussi mettre dans le css ( PA > Affichage > Couleurs > Feuille de style ) :

Code:
#sd { position: relative; }
#sd a { display: none; position: absolute; }
#sd #sdfirst { display: block; }
( et peut-être mettre dans #sd la taille que les bannières ont ( par exemple avec height: 400px ) )

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière défilante clicable ...

Message par hae le Sam 2 Avr 2011 - 14:08

le code fonctionne impeccable ! merci !
maintenant, j'ai comme un bug : mon image chevauche ma catégorie :



hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière défilante clicable ...

Message par Ea le Sam 2 Avr 2011 - 16:04

tu peux mettre la taille du bloc en css, par exemple pour 400 pixels de largeur et 300 de hauteur :

Code:
#sd { position: relative; width: 400px; height: 300px; }
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière défilante clicable ...

Message par hae le Sam 2 Avr 2011 - 19:47

super, ça marche \o/
merci beaucoup !

ce serait peut-être une bonne idée d'ajouter cette explication aux tutos
bonne journée

hae
****

Féminin
Messages : 489
Inscrit(e) le : 12/06/2007

http://www.lavalleedublabla.frbb.net
hae 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