mercredi 11 octobre 2006
Tuto : Texte défilant pour votre blog
Pour créer un texte défilant de haut en bas ou l'inverse, voici un petit tutorial sans prétention, pour Internet Explorer. Tout d'abord copiez et collez ce code dans l'éditeur HTML de votre blog ou site internet :
_________________________________
<p><font face="Arial" size="2"></font></p>
<p align="center"><font size="2" face="Arial"><marquee onmouseover="function anonymous()
{
this.STOP()
}" onmouseout="function anonymous()
{
this.start()
}" scrollamount="1" scrolldelay="5" direction="up" height="150" width="300"><center><font color="#000000" size="2">TAPEZ VOTRE TEXTE ICI<font size="+0"></font></font></center></marquee></font></p>
________________________________
Si vous êtes sur canalblog, un bouton permet de passer du mode texte au mode html. A chaque modification du code html, cliquez sur ce bouton pour visualiser le mode texte :
REMARQUE : sur le mode texte, le texte ne défile pas, c'est sur le blog, une fois le message posté, que le texte défilera. Et petite astuce : vous n'êtes pas obligé d'éditer le texte dans le code html, mais pouvez directement le faire en mode texte, en cliquant sur le cadre du texte défilant, une fois son contour hachuré (voir illustration), cliquez sur le texte et modifiez le comme bon vous semble, que ça soit la couleur, la police, l'ajout d'une photo, etc.
Et quelques petites explications s'imposent pour que vous puissiez décortiquer un peu plus le code html, mais ne vous inquiétez pas, rien de bien méchant ! Voyez plutôt ...
font size="2" : taille de l'écriture
face="Arial" : police d'écriture
direction="up" : direction du défilement ("up"= de bas en haut et "down"= de haut en bas)
font color="#000000" : couleur du texte (entrez le code html de la couleur désirée)
height="150" : hauteur du texte défilant
width="300" : largeur du texte défilant
scrollamount="1" : : vitesse de défilement, si le nombre augmente, le texte défile plus vite
J'espère que vous aurez bien compris ce tutorial, qui est le premier que je vous propose en matière d'informatique. Vous pouvez ajouter ce que vous voulez à ce code (couleur de fond, etc.). Je ne suis pas spécialiste et bidouille un peu moi-même, donc toute question trop technique ne se verra malheureusement pas attribuer de réponse, et ceci me prenant beaucoup de temps, je ne pense pas en poster souvent. J'espère tout de même qu'il vous servira, car j'ai reçu beaucoup de mail me demandant comme je faisais !
PS : Ce tuto demande tout de même des connaissances de bases que je ne rappellerai pas, c'est à dire les codes html des couleurs, les tailles en pixels, l'endroit où insérer le code si vous n'êtes pas sur canalblog etc. Et si vous utilisez ce tuto, un petit lien vers mon blog ne fait pas de mal, en guise de remerciement !
Commentaires
Merki beaucoup pour ce tuto ! J'ai déjà franchi une étape en trouvant enfin un navigateur qui permette d'avoir le mode texte sur Mac. Avant je n'avais que le html et c'est vrai que c'est pas facile. Mais je pense que je vais garder cette idée dans un coin de la tête pour un prochain message.
Ton blog est décidément une vraie mine d'or !
Sinon oui Milou (Emilien) je le connais depuis qu'on est tous petits. Comme tu dis le monde est petit !!!
Merci pour ce ptit tuto mdame ! Ptre qu'un jour je m'y risquerais... A voir !
trop fort! je viens de le faire et j'ai rajouté le lien vers ton tuto, c'est cool en plus d'expliquer à quoi sert ce charabia, d'un coup on se sent moins bbete
Merci à toi
Merci pour ton commentaire , et aussi pour ce tuto je vais m'empresser de l'essayer et d'ajouter un lien pour celles qui voudront te rendre visite ;o)
A bientôt
Olivia
Merci beaucoup pour ce tuto, j'ai enfin réussi à insérer une photo défilante sur mon blog... et c'est finalement assez facile... tu es pédagogue, bravo continue...
je te murmure que Merci pour ton tuto d'images défilantes que j'ai réalisé sans encombre. j'ai inséré ton lien comme prévu. bises
merci !!!
très sympa ce tuto, bravo, je vais essayer, c'est sur !!!! Bisous !!!
J'ai un peu la trouille
de me lancer. Nouvelle blogueuse depuis début décembre et n'ayant pas les connaissances ds le domaine de la blogosphère, je vais sans doute me lancer cette fin de semaine. J'espère y arriver, car je voudrais k'mon blog soit + attrayant.En tout cas, tes explications et encouragements, et au vu des commentaires, on peut compter sur toi. Té vraiment forte et merci d'avance. Je reviendrais....
Merci pour ton tuto sur le html
C super sympa!
Je t'ai laissé un remerciement sur mon blog avec le lien de ton Blog
TCHO
un murmure tonitruand
MERCI...(zut, je ne peux pas le mettre plus grand) :o))
Tes tutoriels sont très clairs, très pratiques (notamment pour la nulle que je suis).
Et tes tutos FIMO sympas...
Bref, une vraie mine ton blog. D'ailleurs, tu seras à l'honneur aujourd'hui, parce que j'aime vraiment ce que tu fais !
Je t'embrasse et au plaisir de se croiser à nouveau sur le Net
La Rêveuse
Bon ba je doi vraiment être naze si ya que moi qui ai rien compri! j'arrive pas à faire défiler une image!! sympa ton blog ^^
Bah ... désolée mais je ne saurais pas être plus claire pour le tuto ... Il faut tout de même avoir un minimum de notions, sinon il vaut mieux commencer dès le début avec les codes HTML !
merci pour ce tutos!!
^.^)>
mais j'aipas trop compris un truc (>.<)(non je ne suis pas un boulay^^)c'est que dans le code que tu nous montre je ne vois aucun liens vers une image !
alors comment ce fais t'il que ton image aparait?
merci pour ce tuto
je suis ravie cela a bien marché je l'ai
essayé sur mon blog essai
bonne journée -
oups
Dsl, mais j'ai pas tout compris,
j'arrive toujours pas a faire défiler un message sur mon blog :'(
Je suis nouvelle sur canalblog et j'ai un peu du mal avec les codes html.
Pourrais tu m'expliquer ? je ferais un lien vers ton blog
Merci bcp ton blog est très cool et mérite à être connu , meilleurs voeux :)
c'est parfait ! merci beaucoup !
Bien
Merci pour ton aide !
Très facil
merci !!!
Trop cool merci beauuuuuuuuuucoup !!!!!
jolie
tres jolie merci :)
gros merci
merci pour le tuto très facile à appliquer !
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=84442&pid=2885904
Liens vers des weblogs qui référencent ce message :
