Texte aléatoire sous header

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

Résolu Texte aléatoire sous header

Message par Johnson0993 le Sam 30 Juil 2011 - 12:36

Bonjour :-)

Je sais bien que des dizaines de sujets ont été créés à ce sujet, mais aucun ne correspond à ma demande. Je voudrais savoir quel script mettre et dans quel template (et ou dans ce template) pour afficher un texte aléatoire tout juste sous le header du forum.

Je vous remercie d'avance,
Cordialement.


Dernière édition par Johnson0993 le Lun 8 Aoû 2011 - 15:49, édité 1 fois

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire sous header

Message par Ea le Lun 1 Aoû 2011 - 18:09

Bonjour,


Il faudrait mettre dans la gestion des codes javascript :

Code:
$(function(){

   var aleatexts= ["aaa","bbb","ccc"];

   $(".maintitle").after('<span style="font-size:13px">'+aleatexts[Math.floor(Math.random()*aleatexts.length)]+'</span>')

});
Il faut juste changer le tableau avec les textes :

Code:
["aaa","bbb","ccc"]
( chaque texte doit être entourer de " et ils doivent être séparés par des virgules, aussi si vous voulez mettre " à l'intérieur d'un texte, il faut mettre \" pour ne pas que ça soit pris pour le caractère de fin de ligne )

Ea
Aidactif
Aidactif

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

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

Résolu Re: Texte aléatoire sous header

Message par Johnson0993 le Mar 2 Aoû 2011 - 18:10

Bonjour, merci de votre réponse.

J'ai copié votre code dans la gestion des codes javascript, mais même le "aaa", "bbb" et "ccc" ne s'affichent nul part. Le problème concerne le forum Halo Fight.

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire sous header

Message par Johnson0993 le Dim 7 Aoû 2011 - 22:12

Je me permet de uper ...

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire sous header

Message par Ea le Dim 7 Aoû 2011 - 22:56

Bonjour,


Pour que la gestion des codes javascript fonctionne, Il faut faire la modification indiquée dans ce sujet : gestion des codes javascript si votre template overall_header était modifié.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Texte aléatoire sous header

Message par Johnson0993 le Lun 8 Aoû 2011 - 10:11

Merci beaucoup ! Une dernière petite question : Comment mettre un espace sous ce texte aléatoire ?

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire sous header

Message par Ea le Lun 8 Aoû 2011 - 12:18

Peut-être en changeant le :

Code:
"font-size:13px"
Par :

Code:
"font-size:13px;margin-bottom: 10px;"

Ea
Aidactif
Aidactif

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

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

Résolu Re: Texte aléatoire sous header

Message par Johnson0993 le Lun 8 Aoû 2011 - 13:08

J'ai changé le code, ce qui donne maintenant :

Code:
$(function(){

  var aleatexts= ["aaa","bbb","ccc"];

  $(".maintitle").after('<span style="font-size:13px;margin-bottom: 10px;">'+aleatexts[Math.floor(Math.random()*aleatexts.length)]+'</span>')

});

Mais, toujours pas d'espace sous le texte.

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire sous header

Message par Ea le Lun 8 Aoû 2011 - 13:21

Ah oui, ça doit être car le span est un élément de type ligne, essayez de changer le :

Code:
'<span style="font-size:13px;margin-bottom: 10px;">'+aleatexts[Math.floor(Math.random()*aleatexts.length)]+'</span>'
Par :

Code:
'<div style="font-size:13px;margin-bottom: 10px;">'+aleatexts[Math.floor(Math.random()*aleatexts.length)]+'</div>'
( le div étant un élément de type bloc )

Et là la valeur du margin-bottom devrait avoir un effet Wink

Ea
Aidactif
Aidactif

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

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

Résolu Re: Texte aléatoire sous header

Message par Johnson0993 le Lun 8 Aoû 2011 - 13:41

Cela fonctionne, merci ! Ultime question après j'arrête Razz Comment mettre un espace avant le texte ? ^^''

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire sous header

Message par Ea le Lun 8 Aoû 2011 - 14:25

Code:
margin-top: 5px;
Dans l'attribut style également ^^

Ea
Aidactif
Aidactif

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

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

Résolu Re: Texte aléatoire sous header

Message par Johnson0993 le Lun 8 Aoû 2011 - 15:49

Ça marche bien, merci Smile

Johnson0993
**

Masculin
Messages : 56
Inscrit(e) le : 03/11/2009

http://www.phoenixwright.fr/
Johnson0993 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