Documentation

Effets d'Ecriture et de Texte

Sun, 04 Mar 2012 19:01:47 +0100

Bienvenue dans la section: Effets d'�criture et de Texte

Personnaliser son site ou son blog, c'est aussi pouvoir �crire ses articles et titres avec des polices d'�critures diverses et vari�es .

Effets d'�criture et de texte - Tous Sites/Blogs
Infos	Date	Sujets	Auteurs
	--/--/----	Installer une police (fonts) sous Windows	Swan
	--/--/----	Cr�ez votre propre police d'�criture	Swan
D�filement
Infos	Date	Sujets	Auteurs
	--/--/----	1) Faire d�filer une phrase	Swan
	--/--/----	2) G�rer la vitesse du d�filement	Swan
	--/--/----	3) G�rer le type du d�filement	Swan
	--/--/----	4) Petites astuces pour le marquee	Swan
	--/--/----	Cr�er un message qui se d�roule lettre � lettre	Swan
	--/--/----	Cr�er une banni�re LED d�filante	Swan
	--/--/----	Cr�er une userbar anim�e	Swan
Mots Multicolores, Clignotants, en Vague, en Zoom
Infos	Date	Sujets	Auteurs
	--/--/----	�crire une phrase multicolore	Swan
	--/--/----	Cr�er un texte multicolore et clignotant	Swan
	--/--/----	Cr�er un texte multicolore en vagues	Swan
	--/--/----	�crire un texte en n�on	Swan
Lettres Dessin�es
Infos	Date	Sujets	Auteurs
	--/--/----	�crire son pr�nom en Chinois	Swan
	--/--/----	�crire son pr�nom en Arabe	Swan
	--/--/----	�crire son pr�nom en hi�roglyphes	Swan
	--/--/----	�crire son pr�nom en Tib�tain	Swan
	--/--/----	�crire en Bretzel	Swan
	--/--/----	�crire un texte avec des smileys	Swan
	--/--/----	Cr�er votre signature manuscrite	Swan
	--/--/----	�crire un texte en building	Swan
Mots Anim�s
Infos	Date	Sujets	Auteurs
	--/--/----	Cr�er des textes anim�s en flash	Swan
	--/--/----	Cr�er des textes anim�s en gif	Swan
Effets avec la souris
Infos	Date	Sujets	Auteurs
	--/--/----	Changer un texte au passage de la souris	Swan
	--/--/----	Cr�er une alerte avec message	Swan
	--/--/----	Du texte avec un arri�re-plan au passage de la souris	Swan
Effets de texte
Infos	Date	Sujets	Auteurs
	--/--/----	Fonction "Lire la suite..."	Swan
	--/--/----	Ouvrir un texte avec un clic de souris	Swan
	--/--/----	Masquer une partie du texte via "Ouvrir et fermer"	Swan
	--/--/----	Cr�er un texte qui tremble	Swan
	--/--/----	Cr�er un texte qui ondule	Swan
	--/--/----	Cr�er un texte zoom	Swan
	--/--/----	Cr�er un texte en d�grad� multicolore	Swan
	--/--/----	Cr�er un texte invers�	Swan
	--/--/----	Cr�er un texte qui zoom et d�zoom	Swan
	--/--/----	Cr�er un texte en fondu	Swan
	--/--/----	Cr�er un texte avec un halo	Swan

- Voir la L�gende des mini-�tiquettes

- Voir la L�gende des fonds de couleurs sur les colonnes Date

Maj faites le 04/03/2012 par Swan

Fonction "Lire la suite..."

Thu, 30 Sep 2010 22:05:36 +0200

Supposons que vous ayez un texte assez long. Pour ne pas effrayer vos lecteurs potentiel, nous allons cacher une partie de ce texte. Il faudra cliquer sur un lien pour rendre la suite visible. Ce n'est pas bien compliqu�.

G�n�ralement dans un site on travail par facilit� le CSS. Nous allons �diter le "global.css" avec notepad++ ou l'�diteur de texte que vous poss�dez.

Allez � la fin et copier/coller ce code :

Code CSS :

#lirelasuite {display:none;}

Dans le <head></head>, vous rajoutez :

Code HTML :

 
 <style type="text/css">
#lirelasuite {display:none;}
</style>

OU

Code HTML :

<link rel="stylesheet" href="/wiki/le chemin du fichier global.css" type="text/css" >

*le chemin du fichier gobal.css a remplacer �videment, par l'url du css en question.

Au niveau de lire la suite, vous rajoutez :

Code HTML :

 
 <p><a href="/wiki/#nogo" onclick="document.getElementById('lirelasuite').style.display = 'block';
this.style.display = 'none';">Lire la suite...</a></p>
<p id="lirelasuite">VOTRE TEXTE</p>

R�sultat :

C��tait il y a bien longtemps, mais peut-�tre hier. C��tait bien loin d�ici, mais peut-�tre tout pr�s de toi. A l�or�e d�une belle for�t se dressait un majestueux ch�teau. Ses tours s��lan�aient par-dessus les champs qui coloriaient la campagne. Les hommes, les f�es, les animaux vivaient en harmonie dans ce pays, royaume de la F�e du Matin, connue pour sa bont� et sa sagesse lumineuses.

Sa petite fille Linotte, tr�s �tourdie, oubliait, perdait, jusqu'� ses paroles ou ses id�es. Aussi, sa maman l�avait-elle nomm�e f�e des �cureuils, qui �garent leurs r�serves de noisettes. La magie, et m�me les sorties �taient interdites � Linotte, qui vivait dans les nuages.

V�rifiez bien dans votre texte que vous n'ayez ni :

<p> et </p> autre que ceux du code
<div> et </div>

Faire d�filer une phrase

Fri, 13 Nov 2009 18:51:23 +0100

G�rer la direction du d�filement :

N'abusez pas des phrases d�filantes, c'est usant pour les yeux des lecteurs. Elles doivent �tre utiliser pour mettre en avant certaines informations importantes.

C'est assez simple � r�aliser : ces codes sont � coller dans votre code source (ou HTML).

D�filement de droite � gauche :

Code HTML :

<marquee>votre phrase</marquee>

Ce qui nous donne :

votre phrase qui d�file � toute vitesse :)

D�filement de gauche � droite

Code HTML :

<marquee direction="right">votre phrase</marquee>

Ce qui nous donne :

votre phrase qui d�file � toute vitesse :)

D�filement de haut en bas

Code HTML :

<marquee direction="down">votre phrase</marquee>

Ce qui nous donne :

votre phrase qui d�file � toute vitesse :)

D�filement de bas en haut

Code HTML :

<marquee direction="up">votre phrase</marquee>

Ce qui nous donne :

votre phrase qui d�file � toute vitesse :)

A voir :

Ecrire un texte en n�on

Fri, 13 Nov 2009 18:49:52 +0100

1) Caption-iT

Allez faire un tour sur Caption-iT.

Tapez votre texte, g�rez votre alignement, choisissez votre couleur et cliquez sur Caption-iT

Pour le code vous avez le choix entre :

Le html
Le BBcode
ou Les auto post ..

2) Glittertools

Allez faire un tour sur Glittertools.

Entrez votre texte, faites vos r�glages, s�lectionnez le code et mettez le en source HTML. Et voil� le r�sultat :

glittertools.com

3) MySpaceGeek

Allez faire un tour sur MySpaceGeek.

Entrez votre texte, choisissez vote couleur, s�lectionnez le code et mettez le en source HTML. Et voil� le r�sultat :

R�aliser un nuage de tag sur un texte

Thu, 12 Nov 2009 16:49:06 +0100

Tag Cloud

Ce tag cloud va d�terminer les mots cl�s d'un texte et les g�n�rer. (Si ce sont ceux d'un blog qui vous int�ressent, allez voir Cet Article)

Allez sur TAGCROWD et Collez votre texte.

Vous pouvez le g�n�rer aussi via une url ou encore par un chargement de fichier.

Mon exemple est un extrait d'un article de Wikip�dia sur la recherche du mot "Internet" :

Citation:

Internet est le r�seau informatique mondial qui rend

accessibles au public des services comme le courrier �lectronique et le

World Wide Web. Ses utilisateurs sont d�sign�s par le n�ologisme �

internaute �. Techniquement, Internet se d�finit comme le r�seau public

mondial utilisant le protocole de communication IP (Internet Protocol).

Internet ayant �t� popularis� par l'apparition du World

Wide Web, les deux sont parfois confondus par le public non averti. Le Web

est une des applications d'Internet, comme le sont le courrier

�lectronique, la messagerie instantan�e et les syst�mes de partage de

fichiers poste � poste.

Par ailleurs, du point de vue de

la confidentialit� des communications, il importe de distinguer Internet des

intranets, les r�seaux priv�s au sein des entreprises, administrations,

etc., et des extranets, interconnexions d'intranets pouvant emprunter

Internet.

L'acc�s � Internet peut �tre r�alis� aupr�s

d'un Fournisseur d'acc�s via divers moyens de t�l�communication : soit

filaire (r�seau t�l�phonique � bas d�bit, ADSL ou xDSL, c�ble coaxial, fibre

optique, courant �lectrique porteur CPL), soit sans fil (Wi-Fi, Wimax,

Internet par satellite, 3G+...).

Voil� le code g�n�r� :

Code HTML :

<!--begin tag cloud : generated by TagCrowd.com
Feel free to modify as long as you keep this notice.
 
This code and its rendered image are released under the Creative Commons Attribution-Noncommercial 3.0 Unported License.
 
http://creativecommons.org/licenses/by-nc/3.0/
 
For 
 
commercial use licensing, visit 
 
http://tagcrowd.com/licensing.html
-->
 
<style type="text/css"> 
 
<!-- #htmltagcloud{ font-family:'lucida grande',trebuchet,'trebuchet 
 
ms',verdana,arial,helvetica,sans-serif; line-height:2.4em; 
 
word-spacing:normal; letter-spacing:normal; text-decoration:none; 
 
text-transform:none; text-align:justify; text-indent:0ex; 
 
background-color:#fff; margin:1em 1em 0em 1em; border:2px dotted #ddd; 
 
padding:2em}#htmltagcloud a:link{text-decoration:none}#htmltagcloud 
 
a:visited{text-decoration:none}#htmltagcloud 
 
a:hover{text-decoration:none;color:white;background-color:#05f}#htmltagcloud 
 
a:active{text-decoration:none;color:white;background-color:#03d}span.tagclou
 
d0{font-size:1.0em;padding:0em;color:#ACC1F3;z-index:10;position:relative}sp
 
an.tagcloud0 a{text-decoration:none; 
 
color:#ACC1F3}span.tagcloud1{font-size:1.4em;padding:0em;color:#ACC1F3;z-ind
 
ex:9;position:relative}span.tagcloud1 
 
a{text-decoration:none;color:#ACC1F3}span.tagcloud2{font-size:1.8em;padding:
 
0em;color:#86A0DC;z-index:8;position:relative}span.tagcloud2 
 
a{text-decoration:none;color:#86A0DC}span.tagcloud3{font-size:2.2em;padding:
 
0em;color:#86A0DC;z-index:7;position:relative}span.tagcloud3 
 
a{text-decoration:none;color:#86A0DC}span.tagcloud4{font-size:2.6em;padding:
 
0em;color:#607EC5;z-index:6;position:relative}span.tagcloud4 
 
a{text-decoration:none;color:#607EC5}span.tagcloud5{font-size:3.0em;padding:
 
0em;color:#607EC5;z-index:5;position:relative}span.tagcloud5 
 
a{text-decoration:none;color:#607EC5}span.tagcloud6{font-size:3.3em;padding:
 
0em;color:#4C6DB9;z-index:4;position:relative}span.tagcloud6 
 
a{text-decoration:none;color:#4C6DB9}span.tagcloud7{font-size:3.6em;padding:
 
0em;color:#395CAE;z-index:3;position:relative}span.tagcloud7 
 
a{text-decoration:none;color:#395CAE}span.tagcloud8{font-size:3.9em;padding:
 
0em;color:#264CA2;z-index:2;position:relative}span.tagcloud8 
 
a{text-decoration:none;color:#264CA2}span.tagcloud9{font-size:4.2em;padding:
 
0em;color:#133B97;z-index:1;position:relative}span.tagcloud9 
 
a{text-decoration:none;color:#133B97}span.tagcloud10{font-size:4.5em;padding
 
:0em;color:#002A8B;z-index:0;position:relative}span.tagcloud10 
 
a{text-decoration:none;color:#002A8B}span.freq{font-size:10pt 
 
!important;color:#bbb}#credit{text-align:center; font-size:0.7em; 
 
color:#333; margin-bottom:0.6em; font-family:'lucida 
 
grande',trebuchet,'trebuchet 
 
ms',verdana,arial,helvetica,sans-serif;}#credit a:link{color:#777; 
 
text-decoration:none;}#credit a:visited{color:#777; 
 
text-decoration:none;}#credit a:hover{text-decoration:none; color:white; 
 
background-color:#05f;}#credit a:active{text-decoration:underline;}// --> 
 
</style>  <div id="htmltagcloud"> <span id="0" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">3g</a></span> <span id="1" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">accessibles</a></span> <span id="2" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">administrations</a></span> <span 
 
id="3" class="tagcloud0"><a href="/wiki/#tagcloud">adsl</a></span> <span 
 
id="4" class="tagcloud0"><a href="/wiki/#tagcloud">applications</a></span> 
 
<span id="5" class="tagcloud0"><a href="/wiki/#tagcloud">aupres</a></span> 
 
<span id="6" class="tagcloud0"><a href="/wiki/#tagcloud">averti</a></span> 
 
<span id="7" class="tagcloud0"><a href="/wiki/#tagcloud">bas</a></span> 
 
<span id="8" class="tagcloud0"><a href="/wiki/#tagcloud">cable</a></span> 
 
<span id="9" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">confidentialite</a></span> <span id="10" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">courrier</a></span> <span 
 
id="11" class="tagcloud0"><a href="/wiki/#tagcloud">cpl</a></span> <span 
 
id="12" class="tagcloud0"><a href="/wiki/#tagcloud">d'internet</a></span> 
 
<span id="13" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">d'intranets</a></span> <span id="14" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">d'un</a></span> <span id="15" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">electrique</a></span> <span 
 
id="16" class="tagcloud3"><a href="/wiki/#tagcloud">electronique</a></span> 
 
<span id="17" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">emprunter</a></span> <span id="18" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">extranets</a></span> <span 
 
id="19" class="tagcloud0"><a href="/wiki/#tagcloud">filaire</a></span> <span 
 
id="20" class="tagcloud0"><a href="/wiki/#tagcloud">informatique</a></span> 
 
<span id="21" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">interconnexions</a></span> <span id="22" 
 
class="tagcloud10"><a href="/wiki/#tagcloud">internet</a></span> <span 
 
id="23" class="tagcloud0"><a href="/wiki/#tagcloud">ip</a></span> <span 
 
id="24" class="tagcloud0"><a href="/wiki/#tagcloud">l'apparition</a></span> 
 
<span id="25" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">messagerie</a></span> <span id="26" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">mondial</a></span> <span id="27" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">moyens</a></span> <span id="28" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">neologisme</a></span> <span 
 
id="29" class="tagcloud0"><a href="/wiki/#tagcloud">parfois</a></span> <span 
 
id="30" class="tagcloud0"><a href="/wiki/#tagcloud">popularise</a></span> 
 
<span id="31" class="tagcloud3"><a href="/wiki/#tagcloud">poste</a></span> 
 
<span id="32" class="tagcloud0"><a href="/wiki/#tagcloud">prives</a></span> 
 
<span id="33" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">protocol</a></span> <span id="34" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">protocole</a></span> <span 
 
id="35" class="tagcloud5"><a href="/wiki/#tagcloud">public</a></span> <span 
 
id="36" class="tagcloud0"><a href="/wiki/#tagcloud">realise</a></span> <span 
 
id="37" class="tagcloud0"><a href="/wiki/#tagcloud">rend</a></span> <span 
 
id="38" class="tagcloud5"><a href="/wiki/#tagcloud">reseau</a></span> <span 
 
id="39" class="tagcloud0"><a href="/wiki/#tagcloud">reseaux</a></span> <span 
 
id="40" class="tagcloud0"><a href="/wiki/#tagcloud">satellite</a></span> 
 
<span id="41" class="tagcloud0"><a href="/wiki/#tagcloud">sein</a></span> 
 
<span id="42" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">services</a></span> <span id="43" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">systemes</a></span> <span 
 
id="44" class="tagcloud0"><a href="/wiki/#tagcloud">telephonique</a></span> 
 
<span id="45" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">utilisateurs</a></span> <span id="46" 
 
class="tagcloud5"><a href="/wiki/#tagcloud">web</a></span> <span id="47" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">wide</a></span> <span id="48" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">wimax</a></span> <span id="49" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">world</a></span> </div><div 
 
id="credit">created at <a 
 
href="http://tagcrowd.com">TagCrowd.com</a></div>
 
<!-- end tag cloud 
 
: generated by TagCrowd.com : please keep this notice -->
<!--
begin 
 
tag cloud : generated by TagCrowd.com
Feel free to modify as long as you 
 
keep this notice.
 
This code and its rendered image are released under 
 
the Creative Commons Attribution-Noncommercial 3.0 Unported 
 
License.
http://creativecommons.org/licenses/by-nc/3.0/
 
For 
 
commercial use licensing, visit 
 
http://tagcrowd.com/licensing.html
-->
 
<style type="text/css"> 
 
<!-- #htmltagcloud{ font-family:'lucida grande',trebuchet,'trebuchet 
 
ms',verdana,arial,helvetica,sans-serif; line-height:2.4em; 
 
word-spacing:normal; letter-spacing:normal; text-decoration:none; 
 
text-transform:none; text-align:justify; text-indent:0ex; 
 
background-color:#fff; margin:1em 1em 0em 1em; border:2px dotted #ddd; 
 
padding:2em}#htmltagcloud a:link{text-decoration:none}#htmltagcloud 
 
a:visited{text-decoration:none}#htmltagcloud 
 
a:hover{text-decoration:none;color:white;background-color:#05f}#htmltagcloud 
 
a:active{text-decoration:none;color:white;background-color:#03d}span.tagclou
 
d0{font-size:1.0em;padding:0em;color:#ACC1F3;z-index:10;position:relative}sp
 
an.tagcloud0 a{text-decoration:none; 
 
color:#ACC1F3}span.tagcloud1{font-size:1.4em;padding:0em;color:#ACC1F3;z-ind
 
ex:9;position:relative}span.tagcloud1 
 
a{text-decoration:none;color:#ACC1F3}span.tagcloud2{font-size:1.8em;padding:
 
0em;color:#86A0DC;z-index:8;position:relative}span.tagcloud2 
 
a{text-decoration:none;color:#86A0DC}span.tagcloud3{font-size:2.2em;padding:
 
0em;color:#86A0DC;z-index:7;position:relative}span.tagcloud3 
 
a{text-decoration:none;color:#86A0DC}span.tagcloud4{font-size:2.6em;padding:
 
0em;color:#607EC5;z-index:6;position:relative}span.tagcloud4 
 
a{text-decoration:none;color:#607EC5}span.tagcloud5{font-size:3.0em;padding:
 
0em;color:#607EC5;z-index:5;position:relative}span.tagcloud5 
 
a{text-decoration:none;color:#607EC5}span.tagcloud6{font-size:3.3em;padding:
 
0em;color:#4C6DB9;z-index:4;position:relative}span.tagcloud6 
 
a{text-decoration:none;color:#4C6DB9}span.tagcloud7{font-size:3.6em;padding:
 
0em;color:#395CAE;z-index:3;position:relative}span.tagcloud7 
 
a{text-decoration:none;color:#395CAE}span.tagcloud8{font-size:3.9em;padding:
 
0em;color:#264CA2;z-index:2;position:relative}span.tagcloud8 
 
a{text-decoration:none;color:#264CA2}span.tagcloud9{font-size:4.2em;padding:
 
0em;color:#133B97;z-index:1;position:relative}span.tagcloud9 
 
a{text-decoration:none;color:#133B97}span.tagcloud10{font-size:4.5em;padding
 
:0em;color:#002A8B;z-index:0;position:relative}span.tagcloud10 
 
a{text-decoration:none;color:#002A8B}span.freq{font-size:10pt 
 
!important;color:#bbb}#credit{text-align:center; font-size:0.7em; 
 
color:#333; margin-bottom:0.6em; font-family:'lucida 
 
grande',trebuchet,'trebuchet 
 
ms',verdana,arial,helvetica,sans-serif;}#credit a:link{color:#777; 
 
text-decoration:none;}#credit a:visited{color:#777; 
 
text-decoration:none;}#credit a:hover{text-decoration:none; color:white; 
 
background-color:#05f;}#credit a:active{text-decoration:underline;}// --> 
 
</style>  <div id="htmltagcloud"> <span id="0" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">3g</a></span> <span id="1" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">accessibles</a></span> <span id="2" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">administrations</a></span> <span 
 
id="3" class="tagcloud0"><a href="/wiki/#tagcloud">adsl</a></span> <span 
 
id="4" class="tagcloud0"><a href="/wiki/#tagcloud">applications</a></span> 
 
<span id="5" class="tagcloud0"><a href="/wiki/#tagcloud">aupres</a></span> 
 
<span id="6" class="tagcloud0"><a href="/wiki/#tagcloud">averti</a></span> 
 
<span id="7" class="tagcloud0"><a href="/wiki/#tagcloud">bas</a></span> 
 
<span id="8" class="tagcloud0"><a href="/wiki/#tagcloud">cable</a></span> 
 
<span id="9" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">confidentialite</a></span> <span id="10" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">courrier</a></span> <span 
 
id="11" class="tagcloud0"><a href="/wiki/#tagcloud">cpl</a></span> <span 
 
id="12" class="tagcloud0"><a href="/wiki/#tagcloud">d'internet</a></span> 
 
<span id="13" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">d'intranets</a></span> <span id="14" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">d'un</a></span> <span id="15" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">electrique</a></span> <span 
 
id="16" class="tagcloud3"><a href="/wiki/#tagcloud">electronique</a></span> 
 
<span id="17" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">emprunter</a></span> <span id="18" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">extranets</a></span> <span 
 
id="19" class="tagcloud0"><a href="/wiki/#tagcloud">filaire</a></span> <span 
 
id="20" class="tagcloud0"><a href="/wiki/#tagcloud">informatique</a></span> 
 
<span id="21" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">interconnexions</a></span> <span id="22" 
 
class="tagcloud10"><a href="/wiki/#tagcloud">internet</a></span> <span 
 
id="23" class="tagcloud0"><a href="/wiki/#tagcloud">ip</a></span> <span 
 
id="24" class="tagcloud0"><a href="/wiki/#tagcloud">l'apparition</a></span> 
 
<span id="25" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">messagerie</a></span> <span id="26" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">mondial</a></span> <span id="27" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">moyens</a></span> <span id="28" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">neologisme</a></span> <span 
 
id="29" class="tagcloud0"><a href="/wiki/#tagcloud">parfois</a></span> <span 
 
id="30" class="tagcloud0"><a href="/wiki/#tagcloud">popularise</a></span> 
 
<span id="31" class="tagcloud3"><a href="/wiki/#tagcloud">poste</a></span> 
 
<span id="32" class="tagcloud0"><a href="/wiki/#tagcloud">prives</a></span> 
 
<span id="33" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">protocol</a></span> <span id="34" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">protocole</a></span> <span 
 
id="35" class="tagcloud5"><a href="/wiki/#tagcloud">public</a></span> <span 
 
id="36" class="tagcloud0"><a href="/wiki/#tagcloud">realise</a></span> <span 
 
id="37" class="tagcloud0"><a href="/wiki/#tagcloud">rend</a></span> <span 
 
id="38" class="tagcloud5"><a href="/wiki/#tagcloud">reseau</a></span> <span 
 
id="39" class="tagcloud0"><a href="/wiki/#tagcloud">reseaux</a></span> <span 
 
id="40" class="tagcloud0"><a href="/wiki/#tagcloud">satellite</a></span> 
 
<span id="41" class="tagcloud0"><a href="/wiki/#tagcloud">sein</a></span> 
 
<span id="42" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">services</a></span> <span id="43" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">systemes</a></span> <span 
 
id="44" class="tagcloud0"><a href="/wiki/#tagcloud">telephonique</a></span> 
 
<span id="45" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">utilisateurs</a></span> <span id="46" 
 
class="tagcloud5"><a href="/wiki/#tagcloud">web</a></span> <span id="47" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">wide</a></span> <span id="48" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">wimax</a></span> <span id="49" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">world</a></span> </div><div 
 
id="credit">created at <a href="http://tagcrowd.com">TagCrowd.com</a></div>
 
<!-- end tag cloud 
 
: generated by TagCrowd.com : please keep this notice -->

J'ai �pur� le code pour avoir un visuel plus clair :

cette partie est la partie css qui va d�finir les valeurs des liens dans le mur de tag.

Code CSS :

 
<style type="text/css"> 
<!--
 #htmltagcloud{ 
 
 
font-family:'lucida grande',trebuchet,'trebuchet 
 
ms',verdana,arial,helvetica,sans-serif; 
line-height:2.4em; 
 
 
word-spacing:normal; 
letter-spacing:normal; 
 
 
text-decoration:none; 
text-transform:none; 
text-align:justify; 
 
 
text-indent:0ex; 
background-color:#fff; 
margin:1em 1em 0em 1em; 
 
 
border:2px dotted #ddd; 
padding:2em;
}
 
#htmltagcloud 
 
a:link{text-decoration:none}
#htmltagcloud 
 
a:visited{text-decoration:none}
#htmltagcloud 
 
a:hover{text-decoration:none;color:white;background-color:#05f}
#htmltagc
 
loud 
 
a:active{text-decoration:none;color:white;background-color:#03d}
 
span
 
.tagcloud0{font-size:1.0em;padding:0em;color:#ACC1F3;z-index:10;position:rel
 
ative}
span.tagcloud0 a{text-decoration:none; 
 
color:#ACC1F3}
span.tagcloud1{font-size:1.4em;padding:0em;color:#ACC1F3;z
 
-index:9;position:relative}
span.tagcloud1 
 
a{text-decoration:none;color:#ACC1F3}
span.tagcloud2{font-size:1.8em;padd
 
ing:0em;color:#86A0DC;z-index:8;position:relative}
span.tagcloud2 
 
a{text-decoration:none;color:#86A0DC}
span.tagcloud3{font-size:2.2em;padd
 
ing:0em;color:#86A0DC;z-index:7;position:relative}
span.tagcloud3 
 
a{text-decoration:none;color:#86A0DC}
span.tagcloud4{font-size:2.6em;padd
 
ing:0em;color:#607EC5;z-index:6;position:relative}
span.tagcloud4 
 
a{text-decoration:none;color:#607EC5}
span.tagcloud5{font-size:3.0em;padd
 
ing:0em;color:#607EC5;z-index:5;position:relative}
span.tagcloud5 
 
a{text-decoration:none;color:#607EC5}
span.tagcloud6{font-size:3.3em;padd
 
ing:0em;color:#4C6DB9;z-index:4;position:relative}
span.tagcloud6 
 
a{text-decoration:none;color:#4C6DB9}
span.tagcloud7{font-size:3.6em;padd
 
ing:0em;color:#395CAE;z-index:3;position:relative}
span.tagcloud7 
 
a{text-decoration:none;color:#395CAE}
span.tagcloud8{font-size:3.9em;padd
 
ing:0em;color:#264CA2;z-index:2;position:relative}
span.tagcloud8 
 
a{text-decoration:none;color:#264CA2}
span.tagcloud9{font-size:4.2em;padd
 
ing:0em;color:#133B97;z-index:1;position:relative}
span.tagcloud9 
 
a{text-decoration:none;color:#133B97}
span.tagcloud10{font-size:4.5em;pad
 
ding:0em;color:#002A8B;z-index:0;position:relative}
span.tagcloud10 
 
a{text-decoration:none;color:#002A8B}
span.freq{font-size:10pt 
 
!important;color:#bbb}
 
#credit{
text-align:center; 
 
 
font-size:0.7em; 
color:#333; 
margin-bottom:0.6em; 
 
 
font-family:'lucida grande',trebuchet,'trebuchet 
 
ms',verdana,arial,helvetica,sans-serif;
}
#credit 
 
a:link{
color:#777; 
text-decoration:none;
}
#credit 
 
a:visited{
color:#777; 
text-decoration:none;
}
#credit 
 
a:hover{
text-decoration:none; 
color:white; 
 
 
background-color:#05f;
}
#credit 
 
a:active{
text-decoration:underline;
}// --> 
</style>

La partie html class�e :

c'est la seconde partie : celle contenant les liens dans le mur de tag.

Code HTML :

<div id="htmltagcloud"> 
<span id="0" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">3g</a></span> 
<span id="1" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">accessibles</a></span> 
<span id="2" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">administrations</a></span> 
 
 
<span id="3" class="tagcloud0"><a href="/wiki/#tagcloud">adsl</a></span> 
 
 
<span id="4" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">applications</a></span> 
<span id="5" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">aupres</a></span> 
<span 
 
id="6" class="tagcloud0"><a href="/wiki/#tagcloud">averti</a></span> 
 
 
<span id="7" class="tagcloud0"><a href="/wiki/#tagcloud">bas</a></span> 
 
 
<span id="8" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">cable</a></span> 
<span id="9" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">confidentialite</a></span> 
 
 
<span id="10" class="tagcloud3"><a 
 
href="/wiki/#tagcloud">courrier</a></span> 
<span id="11" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">cpl</a></span> 
<span id="12" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">d'internet</a></span> 
<span 
 
id="13" class="tagcloud0"><a href="/wiki/#tagcloud">d'intranets</a></span> 
 
 
<span id="14" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">d'un</a></span> 
<span id="15" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">electrique</a></span> 
<span 
 
id="16" class="tagcloud3"><a href="/wiki/#tagcloud">electronique</a></span> 
 
 
<span id="17" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">emprunter</a></span> 
<span id="18" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">extranets</a></span> 
<span 
 
id="19" class="tagcloud0"><a href="/wiki/#tagcloud">filaire</a></span> 
 
 
<span id="20" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">informatique</a></span> 
<span id="21" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">interconnexions</a></span> 
 
 
<span id="22" class="tagcloud10"><a 
 
href="/wiki/#tagcloud">internet</a></span> 
<span id="23" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">ip</a></span> 
<span id="24" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">l'apparition</a></span> 
 
 
<span id="25" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">messagerie</a></span> 
<span id="26" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">mondial</a></span> 
<span 
 
id="27" class="tagcloud0"><a href="/wiki/#tagcloud">moyens</a></span> 
 
 
<span id="28" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">neologisme</a></span> 
<span id="29" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">parfois</a></span> 
<span 
 
id="30" class="tagcloud0"><a href="/wiki/#tagcloud">popularise</a></span> 
 
 
<span id="31" class="tagcloud3"><a 
 
href="/wiki/#tagcloud">poste</a></span> 
<span id="32" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">prives</a></span> 
<span 
 
id="33" class="tagcloud0"><a href="/wiki/#tagcloud">protocol</a></span> 
 
 
<span id="34" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">protocole</a></span> 
<span id="35" 
 
class="tagcloud5"><a href="/wiki/#tagcloud">public</a></span> 
<span 
 
id="36" class="tagcloud0"><a href="/wiki/#tagcloud">realise</a></span> 
 
 
<span id="37" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">rend</a></span> 
<span id="38" 
 
class="tagcloud5"><a href="/wiki/#tagcloud">reseau</a></span> 
<span 
 
id="39" class="tagcloud0"><a href="/wiki/#tagcloud">reseaux</a></span> 
 
 
<span id="40" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">satellite</a></span> 
<span id="41" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">sein</a></span> 
<span 
 
id="42" class="tagcloud0"><a href="/wiki/#tagcloud">services</a></span> 
 
 
<span id="43" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">systemes</a></span> 
<span id="44" 
 
class="tagcloud0"><a href="/wiki/#tagcloud">telephonique</a></span> 
 
 
<span id="45" class="tagcloud0"><a 
 
href="/wiki/#tagcloud">utilisateurs</a></span> 
<span id="46" 
 
class="tagcloud5"><a href="/wiki/#tagcloud">web</a></span> 
<span id="47" 
 
class="tagcloud3"><a href="/wiki/#tagcloud">wide</a></span> 
<span 
 
id="48" class="tagcloud0"><a href="/wiki/#tagcloud">wimax</a></span> 
 
 
<span id="49" class="tagcloud3"><a 
 
href="/wiki/#tagcloud">world</a></span> </div>
<div id="credit">created 
 
at <a href="http://tagcrowd.com">TagCrowd.com</a></div>
 
<!-- end tag 
 
cloud : generated by TagCrowd.com : please keep this notice 
 
-->

Vous remarquerez que les liens ne sont pas �tablis, ce sont 50 mots que vous pouvez configurer avec les liens ad�quates. J'avoue que c'est un travail de fourmi, mais cela s'av�re efficace pour un meilleur r�f�rencement.(*sous condition que les liens soit externes � la page ou vous poserez votre mur de Tag)

created at TagCrowd.com

Ouvrir un texte avec un clic de souris

Thu, 12 Nov 2009 15:57:27 +0100

Ce script permet d'ouvrir et fermer un texte. Cette fonction est tr�s int�ressante lorsque le texte est bien long.

En HTML de votre article, vous collez :

Code HTML :

 
<div id="replie" style="display: block;">
<span
onClick="document.getElementById('deplie').style.display = 'block';
document.getElementById('replie').style.display = 'none';">
Cliquez
</span>
</div>
<div id="deplie" style="display: none;">
<span
onClick="document.getElementById('replie').style.display = 'block';
document.getElementById('deplie').style.display = 'none';">
Cliquez
</span>
<br>
Votre texte
</div>

Remplacez "Votre texte" par la suite du texte � masquer.

R�sultat:

Il �tait une fois... une dame qui r�vait d'avoir une petite fille, mais son d�sir n'�tait toujours pas exauc�. Alors, elle va chez la magicienne pour lui exposer son probl�me. La magicienne lui donne une graine d'orge. Enfin son r�ve se r�alise : Une petite fille haute comme un pouce. Ses parents lui donn�rent le nom de Poucette. Ils lui firent un lit dans une coquille de noix. Un nuit, pendant que la maisonn�e dormait, une grosse grenouille casse le carreau de la chambre de Poucette et emporte Poucette chez elle. Et, pour �viter que Poucette ne s'enfuit, elle la d�pose sur un n�nuphar au milieu de l'�tang. Des petits poissons ont voulu aider Poucette. Un papillon dit � Poucette de lui lancer sa ceinture, puis il pose Poucette dans une maison de scarab�e. Quand le scarab�e vit Poucette, il appelle vite ses amis. Mais son ami est jaloux de lui, il lib�re Poucette pendant la nuit.

Cliquez

Masquer une partie du texte via "Ouvrir et fermer"

Thu, 12 Nov 2009 15:55:58 +0100

Un script simple et utile qui vous permettra de faire un effet de Hide sur un texte.

Code JAVASCRIPT :

<p align="center">
<a href="javascript:document.getElementById('re001').style.display='block';document.getElementById('re001').releaseCapture();">
<u>OUVRIR</u></a>   
<a href="javascript:document.getElementById('re001').style.display='none';document.getElementById('re001').releaseCapture();">
<u>FERMER</u></a></p>
<div id="re001" style="display: none;">
<div style="border:2px solid rgb(128, 128, 128);">�crivez votre texte ICI</div>
</div>

Remplacez "�crivez votre texte ICI" par le votre et celui-ci sera masqu�.

R�sultat:

OUVRIR FERMER

Installer une police (fonts) sous Windows

Thu, 12 Nov 2009 15:54:05 +0100

Pr�ambule:

Voila un petit tutoriel tr�s utile qui vous aidera dans l'installation d'une police t�l�charg�e sur le net. Ou bien sur des sites tr�s connus comme dafont.com afin de les utiliser sous photoshop, UPI ou Gimp entre autre.

Trouver et d�zipper une font

Souvent, vous trouverez les polices dans des fichiers compress�s, zip ou rar. Vous aurez besoin de 7-Zip, tr�s bon logiciel de gestion des fichiers compress�s et gratuit en plus.

Enregistrer 7-Zip sur votre pc
Lancer l'installation.
Une fois fait, mettez votre souris sur l'archive � d�zipper.
Faites un clique droit, choisissez [7-Zip]
Chosissez ensuite : "Extraire vers..."

Vous voil� avec le dossier d�zipp� de votre font sur votre bureau !

Installer la police sous Windows

Nous allons faire tr�s simple et surtout pas compliqu� !
cette proc�dure ne vous prendra que 2 minutes, voir m�me moins.

Ouvrez votre Panneau de configuration -> Fonts (ou Polices) et d�placez les fichiers ".ttf" qui sont dans le dossier d�zipp� directement dans le r�pertoire principal des fonts. L'installation est automatique.

Sous Windows Vista :
S�lectionnez les fichiers de polices (.ttf, .otf ou .fon) puis Clic-droit > Installer

Installer la police sous Mac OS

Mac OS X reconna�t les versions TrueType ou OpenType (.ttf et .otf) mais pas les bitmap PC (.fon).
Les fichiers sont compress�s, vous aurez peut-�tre besoin d'un utilitaire comme Stuffit Expander.

Sous Mac OS X 10.3 ou plus (incluant le Livre des polices) :
Double-clic sur le fichier de police > bouton "Installer la police" en bas de la fen�tre.

Sous n'importe quelle version de Mac OS X :
Placez les fichiers dans /Library/Fonts (pour tous les utilisateurs),
ou dans /Users(ou Utilisateurs)/Votre_nom_utilisateur/Library(ou Biblioth�que)/Fonts (pour vous seulement).

Sous Mac OS 9 et inf�rieur :
Les anciennes polices Mac ne sont plus support�es sur dafont. Il vous faut d'abord convertir les fichiers de police (.ttf ou .otf) que vous avez t�l�charg�.
Puis faites glisser les valises de polices sur le dossier Syst�me. Le syst�me vous proposera de les ranger dans le dossier Polices.

Installer la police sous Linux

Copiez les fichiers de police (.ttf ou .otf) dans fonts:// avec le File manager,
ou :
Allez dans le dossier racine /home, dans le menu faites View > Show Hidden Files, vous verrez le dossier cach� .fonts (sinon, cr�ez-le) puis copiez-y les fichiers de police.

Comment utiliser une nouvelle police dans un logiciel ?

Il faut parfois relancer l'application en cours pour pouvoir utiliser la nouvelle police.
Ensuite vous faites comme d'habitude, la police appara�t � c�t� des autres dans la liste d�roulante de vos logiciels (traitement de texte, dessin etc.).

Combien peut-on installer de polices ?

Windows est cens� pouvoir g�rer environ 1000 polices. �vitez cependant d'installer trop de polices � la fois parce que �a ralentit le fonctionnement g�n�ral. Beaucoup de logiciels doivent charger en m�moire toutes les polices install�es pour pouvoir fonctionner.
Mieux vaut donc ne laisser en permanence dans le dossier Fonts que celles que vous utilisez r�guli�rement. Conservez les autres dans un dossier quelconque ou sur un autre support, vous pourrez les installer/d�sinstaller au besoin.

Et voil�

Petites astuces pour le marquee

Thu, 12 Nov 2009 15:36:48 +0100

G�rer la couleur d'arri�re plan :

Code HTML :

<marquee bgcolor="#90EE90" >bgcolor="#90EE90" : Ma couleur </marquee>

Ce qui nous donne :

bgcolor="#90EE90" : Ma couleur

G�rer un info-bulle:

Code HTML :

<marquee title="Mon info-bulle " >Passez la souris sur ce texte !</marquee>

Ce qui nous donne :

Passez la souris sur ce texte !

G�rer la hauteur de la zone d�filante :

Code HTML :

<marquee height="50">height="50" : Avec une hauteur de 50 px</marquee>

Ce qui nous donne :

height="50" : Avec une hauteur de 50 px

Stopper le d�filement au passage de la souris

Pour que le d�filement stoppe au passage de la souris il suffit d'inclure dans la balise MARQUEE :
" onMouseOver="stop();"

Code HTML :

<marquee " onMouseOver="stop();">Passez la souris sur ce texte !</marquee>

Ce qui nous donne :

Passez la souris sur ce texte !

Reprendre le d�filement apr�s le passage de la souris

Pour que le d�filement reprenne apr�s le passage de la souris :
" onMouseOut="start();"

Code HTML :

<marquee " onMouseOver="stop();" " onMouseOut="start();">Passez la souris sur ce texte !</marquee>

Ce qui nous donne :

Passez la souris sur ce texte !

A voir :

Ecrire une phrase multicolore

Thu, 12 Nov 2009 15:04:22 +0100

1) Francisek

Ce site vous propose un petit g�n�rateur pour r�aliser un joli texte d�grad� � l'adresse suivante : chez Francisek
Vous aurez besoin des codes couleur

Copiez le code HTLM donn� et collez le dans le mode source/HTML et on obtient:

Bienvenue sur Chez-Swan.Net !!!
Bienvenue sur Chez-Swan.Net !!!
Bienvenue sur Chez-Swan.Net !!!

Pour vous aider pour les couleurs:

2) PROGRAMISTA

Une autre site du m�me genre � l'adresse suivante : PROGRAMISTA

Pour vous aider pour les couleurs:

3) smiliz

Une autre site du m�me genre � l'adresse suivante :smiliz. Il vous propose en plus diverses variantes :

D�grader chaque ligne
D�grader tout le texte

Et pour les format de codage:

Affiche le code UBB pour Forum (BBcode)
Afficher le Code HTML
Afficher le Code skyblog
Afficher le Code ogame

a. Les phrases color�es:

Exemples:

1) Oh le joli d�grad� qui va du bleu au vert en passant par le rouge.
Ce site vous est proposer par Chez-Swan.Net !

2) Oh le joli d�grad� qui va du bleu au vert en passant par le rouge.
Ce site vous est proposer par Chez-Swan.Net !

Pour vous aider pour les couleurs:

b. Les systemes de vagues:

Toujours propos� par smiliz � cette adresse.

Exemple :

T'as cass� la motogodille, maintenant t'as plus qu'� pagayer pagayer...
Si tu veux revoir ton �le, c'est pas le moment de tra�ner....