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
avatar

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 )
avatar

Ea
Aidactif
Aidactif

Messages : 23478
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.
avatar

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 ...
avatar

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é.
avatar

Ea
Aidactif
Aidactif

Messages : 23478
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 ?
avatar

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;"
avatar

Ea
Aidactif
Aidactif

Messages : 23478
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.
avatar

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
avatar

Ea
Aidactif
Aidactif

Messages : 23478
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 ? ^^''
avatar

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

Ea
Aidactif
Aidactif

Messages : 23478
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
avatar

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