07 mars 2011
Ajouter une police à Windows, Photofitre, Word etc...
Voici comment ajouter une police à Windows, Photofiltre, Word etc...
Le simple fait d'ajouter un fichier contenant une police dans le dossier Fonts de Windows, permet d'utiliser cette police avec tous les logiciels installés sur votre ordinateur, ainsi que sur vos blogs...
Commencez par allez sur ce site et choisissez la police qui vous plait.
Plusieurs catégories s'offrent à vous...
Cliquez sur le nom des polices pour avoir un aperçu, puis sur Télécharger.
Cochez Enregistrer le fichier, puis Ok.
Décompressez le fichier Zip que vous venez de télécharger, puis copier le fichier police.ttf pour le coller dans le dossier Fonts de windons.
Voilà, c'est tout...cette nouvelle police est installée !
Ici dans Photofiltre et dans Word...
06 décembre 2010
Moteur de recherche interne
Canalblog est maintenant équipé d'un moteur de recherche interne et c'est bien pratique.
Pour les autres, voici un moteur de recherche Google, qui cherche les articles sur votre blog à partir de mots clés.
Vous pouvez mettre le script dans un article en mode html et mettre le lien de votre message dans une colonne si vous êtes en mode standard, ou bien le mettre directement dans une colonne si vous êtes en mode avancé.
<center>
<ul>
<form method="get" action="http://www.google.fr/custom" target="google_window">
<table border="0" bgcolor="#000000">
<tbody><tr><td valign="top" nowrap="nowrap" height="32" align="left">
</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="lestuto2demolite.canalblog.com" />
<label for="sbi" style="display: none;">Entrez les termes que vous recherchez.</label>
<input type="text" name="q" size="15" maxlength="255" id="sbi" />
</td></tr>
<tr>
<td> </td>
<td nowrap="nowrap">
<table>
<tbody><tr>
<td>
<input type="radio" name="sitesearch" checked="true" id="ss0" />
<label
for="ss0" title="Rechercher sur le Web"><font size="-1"
color="#c4c4c4">Web</font></label></td>
<td>
<input type="radio" name="sitesearch" value="lestuto2demolite.canalblog.com" id="ss1" />
<label for="ss1" title="Rechercher lestuto2demolite.canalblog.com"><font size="-1" color="#c4c4c4">Sur ce site</font></label></td>
</tr>
</tbody></table>
<label for="sbb" style="display: none;">Envoyer un formulaire de recherche</label>
<input type="submit" name="sa" value="Recherche Google" id="sbb" />
<input type="hidden" name="client" value="pub-0248229401376013" />
<input type="hidden" name="forid" value="1" />
<input type="hidden" name="ie" value="ISO-8859-3" />
<input type="hidden" name="oe" value="ISO-8859-3" />
<input
type="hidden" name="cof"
value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"
/>
<input type="hidden" name="hl" value="fr" />
</td></tr></tbody></table>
</form>
</ul>
</center>
Vous pouvez changer les codes couleur du fond et du texte et vous devez remplacer les lestuto2demolite.canalblog.com par l'adresse de votre blog.
Vous pouvez aussi enlever les balises <center> </center> au début et à la fin du script, si vous ne voulez pas centrer le moteur de recherche.
04 décembre 2010
Les balises : Les tableaux
- <TABLE>
- Les balises <TABLE> et </TABLE> entourent un tableau. La balise TABLE admet plusieurs attributs.
- BORDER=taille
L'attribut BORDER permet de fixer la taille en pixels des lignes qui délimitent les cellules du tableau. Si cette taille est 0, ces lignes ne sont pas affichées.- WIDTH=taille
L'attribut WIDTH permet de fixer la largeur du tableau en pixels ou en pourcentage de la largeur disponible.- ALIGN="alignement"
L'attribut ALIGN permet de définir l'alignement du tableau dans la largeur de l'espace disponible. Les valeurs possibles sont LEFT, CENTER et RIGHT.- CELLSPACING=taille
L'attribut CELLSPACING permet de définir en pixels l'espace de séparation des cellules.- CELLPADDING=taille
L'attribut CELLPADDING permet de définir en pixels l'espace séparant le bord des cellules de leur contenu. - BORDER=taille
- <TR>
- Les balises <TR> et </TR> délimitent les cellules d'une même ligne d'un tableau.
- <TD>
- Les balises <TD> et </TD> entourent chaque cellule d'un tableau. Chaque cellule du tableau peut contenir des paragraphes, des listes, des images ou d'autres tableaux.
<table border=1 cellpadding=3 cellspacing=1>
<tr>
<td>Cellule L1C1</td>
<td>Cellule L1C2</td>
<td>Cellule L1C3</td>
</tr>
<tr>
<td>Cellule L2C1</td>
<td>Cellule L2C2</td>
<td>Cellule L3C3</td>
</tr>
</table>
Résultat :
| Cellule L1C1 | Cellule L1C2 | Cellule L1C3 |
| Cellule L2C1 | Cellule L2C2 | Cellule L3C3 |
- La balise <TD> admet plusieurs arguments.
- WIDTH=taille
L'argument WIDTH permet de définir la largeur de la cellule en pixels ou en pourcentage de la largeur du tableau.- BGCOLOR="couleur"
L'attribut BGCOLOR permet de définir la couleur de fond de la cellule.- VALIGN="alignement"
L'attribut VALIGN permet de définir l'alignement vertical dans la cellule. Les valeurs possibles sont TOP, MIDDLE et BOTTOM.- COLSPAN=nombre
L'attribut COLSPAN permet de définir le nombre de colonnes de tableau que devra occuper la cellule.- ROWSPAN=nombre
L'attribut ROWSPAN permet de définir le nombre de lignes de tableau que devra occuper la cellule. - WIDTH=taille
<table border=1 cellpadding=3 cellspacing=1>
<tr>
<td colspan=3>J'occupe les 3 colonnes.</td>
</tr>
<tr>
<td width=70 rowspan=2>Sur deux lignes</td>
<td>Cellule simple</td>
<td>Cellule simple</td>
</tr>
<tr>
<td>Cellule simple</td>
<td>Cellule simple</td>
</tr>
</table>
Résultat :
| J'occupe les 3 colonnes. | ||
| Sur deux lignes | Cellule simple | Cellule simple |
| Cellule simple | Cellule simple | |
- <TH>
- Les balises <TH> et </TH> peuvent être utilisées pour délimiter les cellules de la première ligne ou de la première colonne d'un tableau. Ces cellules sont alors considérées comme des titres de colonnes ou de lignes.
Quelques liens qui en disent plus :
http://www.lissaexplains.com/french/table.html
http://webby.free.fr/html/tableaux.html
http://webghusse.free.fr/cours_html/xhtml/tab.html
Les balises : Les listes
<LI>
Les balises <LI> et </LI> permettent de définir un élément d'une liste à puces ou d'une liste numérotée.
<LI> élément de liste </LI>
Résultat :
- élément de liste
<OL>
Les balises <OL> et </OL> permettent de définir une liste numérotée.
<ol>
<li>élément 1 de la liste</li>
<li>élément 2 de la liste</li>
<li>élément 3 de la liste</li>
</ol>
Résultat :
1. élément 1 de la liste
2. élément 2 de la liste
3. élément 3 de la liste
<UL>
Les balises <UL> et </UL> permettent de définir une liste à puces.
<ul>
<li>élément 1 de la liste</li>
<li>élément 2 de la liste</li>
<li>élément 3 de la liste</li>
</ul>
Résultat :
- élément 1 de la liste
- élément 2 de la liste
- élément 3 de la liste
<DL>, <DT> et <DD>
Ces
balises permettent d'écrire un glossaire. Les balises <DL> et
</DL> entourent la structure. Les balises <DT> et
</DT> entourent un terme à définir. Les balises <DD> et
</DD> entourent la définition.
<dl>
<dt>Terme 1 à définir</dt>
<dd>Voici la définition pour le terme 1</dd>
<dt>Terme 2 à définir</dt>
<dd>Voici la définition pour le terme 2</dd>
</dl>
Résultat :
Terme 1 à définir
Voici la définition pour le terme 1
Terme 2 à définir
Voici la définition pour le terme 2
Les balises : Le texte
<B>
Les balises <B> et </B> permettent d'écrire un texte en gras.
<b>texte en gras</b>
Résultat :
texte en gras
<BIG>
Les balises <BIG> et </BIG> permettent d'écrire un texte avec une police plus grande.
<big>texte plus grand</big>
Résultat :
texte plus grand
<FONT>
Les balises <FONT> et </FONT> permettent de définir la taille et la couleur du texte. La balise FONT doit être accompagnée d'attributs spécifiques. COLOR="couleur"
L'attribut COLOR permet de définir la couleur du texte.
<font color=green>texte en vert</font>
Résultat :
texte en vert
SIZE="taille"
L'attribut permet de définir la taille des caractères, de façon absolue (de 1 à 7) ou relative.
<font size=5>texte de taille 5</font><br>
<font size=+1>texte de taille augmentée de 1</font><br>
<font size=-1>texte de taille diminuée de 1</font><br>
Résultat :
texte de taille 5
texte de taille
augmentée de 1
texte de taille
diminuée de 1
<I>
Les balises <I> et </I> permettent d'écrire un texte en italique.
<i>texte en italique</i>
Résultat :
texte en italique
<SMALL>
Les balises <SMALL> et </SMALL> permettent d'écrire un texte avec une police plus petite.
<small>texte plus petit</small>
Résultat :
texte plus petit
<U>
Les balises <U> et </U> permettent d'écrire un texte souligné.
<u>texte souligné</u>
Résultat :
texte souligné
Les balises : Les images
- <IMG>
- La balise <IMG> permet d'insérer une image au format GIF ou JPG dans un document.
- Elle nécessite l'utilisation d'un certain nombre d'arguments.
- SRC="nom_fichier" ou "Adresse de l'image"
Cet attribut est indispensable : il indique le nom du fichier image à afficher.
<img src="Adresse image demolite.gif">
Résultat :
BORDER=taille
Cet attribut permet de définir la taille de la bordure de l'image en pixels. La valeur 0 correspond à l'absence de bordure.
<img src="Adresse image demolite.gif" border=3>
Résultat :
WIDTH=largeur HEIGHT=hauteur
Ces deux attributs permettent de préciser la taille de l'image. En ne donnant qu'un seul de ces attributs on conserve les proportions.
<img src="Adresse image demolite.gif" width=100 height=50>
<img src="Adresse image demolite.gif" width=100>
Résultat :
ALT="texte"
Cet attribut permet de définir un texte à afficher si l'image n'est pas disponible ou lorsque le pointeur de la souris s'arrête sur elle.(ne marche pas avec tous les navigateurs)
<img src="Adresse image demolite.gif" alt="Mon araignée préférée">
Résultat :
ALIGN="alignement"
Cet attribut permet de définir la façon dont la légende de l'image doit s'afficher. Les valeurs possibles pour "alignement" sont TOP, MIDDLE, et BOTTOM. La légende se termine par <P>.
<img src="Adresse image demolite.gif" align=middle>Légende au milieu.<p>
Résultat :
Légende au milieu de l'image.
Les balises : Les paragraphes
<P>
Les balises <P> et </P> permettent de définir un paragraphe.
<p>Ceci est le texte du premier paragraphe.</p>
<p>Ceci est le texte du deuxième et dernier paragraphe de cet exemple.</p>
Ceci est le texte du premier paragraphe.
Ceci est le texte du deuxième et dernier paragraphe de cet exemple.
On peut définir l'alignement du paragraphe en utilisant l'attribut ALIGN="alignement" où alignement peut prendre les valeurs LEFT, CENTER et RIGHT.
<p align=center> Paragraphe centré.</p>
<p align=right> Paragraphe aligné à droite.</p>
<BLOCKQUOTE>
Les balises <BLOCKQUOTE> et </BLOCKQUOTE> permettent de définir un paragraphe avec une marge à gauche.
<p>Ceci est un paragraphe normal.</p><blockquote>Ceci est un paragraphe en retrait. Une marge à gauche est donc formée pour tout le texte de ce paragraphe.</blockquote>Retour à la normale.
Ceci est un paragraphe normal.
Ceci est un paragraphe en retrait. Une marge à gauche est donc formée pour tout le texte de ce paragraphe.
Retour à la normale.
<PRE>
Les balises <PRE> et </PRE> permettent de définir un paragraphe préformaté : le texte apparait dans le document comme dans le texte source.
<PRE>
Première ligne.
Deuxième ligne avec retrait.
</PRE>
Première ligne. Deuxième ligne avec retrait.
<H1>, <H2>,..., <H6>
Les balises <H1>, <H2>, ..., <H6> permettent de définir des titres de paragraphes de différents niveaux.
<h1>Titre de niveau 1.</h1>
<h2>Titre de niveau 2.</h2>
<h3>Titre de niveau 3.</h3>
<h4>Titre de niveau 4.</h4>
<h5>Titre de niveau 5.</h5>
<h6>Titre de niveau 6.</h6>
Titre de niveau 1.
...
...
Titre de niveau 4.
Titre de niveau 5.
Titre de niveau 6.
<HR>
La balise <HR> permet de terminer un paragraphe par un trait horizontal.
Mon texte.<hr>
Mon texte.
La balise <HR> admet les attributs WIDTH="taille" et SIZE="taille" qui permettent de définir la largeur et l'épaisseur du trait. La taille de la largeur peut être exprimée en pixels ou en pourcentage.
<BR>
La balise <BR> permet d'effectuer un retour à la ligne.
<p>Première ligne.<br>
Deuxième ligne.<br>
Troisième ligne.</p>
Première ligne.
Deuxième ligne.
Troisième ligne.
03 décembre 2010
Anti clic droit
Ou plutôt comment désactiver le clic droit et supprimer la possibilité de sélectionner du texte ou des photos sur votre blog.
Ce qui a pour effet d'empêcher la copie...(enfin, en apparence...)
Sachez que celui ou celle qui s'y connait un peu pourra tout même récupérer vos images...mais ça en découragera un certain nombre on va dire...
Copiez-collez ce script avant la balise </head> de votre page d'accueil et sur toutes les autres pages html de votre blog :
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ejs_nodroit()
{
alert('Clic droit interdit');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>
<!-- FIN DU SCRIPT -->
02 décembre 2010
Lire la suite...
Voici comment cacher la suite d'un texte très long, il suffit de cliquer sur Lire la suite pour que le reste du texte apparaisse.
Commencez par ouvrir la feuille de style et collez tout en bas le code suivant :
#hidden {display:none}
Ouvrez un Nouveau message et écrivez votre texte comme d'habitude et passez le en mode Html
Puis collez le code suivant au tout début de votre texte avant la première lettre.
<script ="type/css">
#hidden {display:none}
</script>
Ensuite, à l'endroit où vous voulez que le Lire la suite apparaisse, collez le code suivant :
<p><a href="#nogo" onclick="document.getElementById('hidden').style.display = 'block';
this.style.display = 'none';">Lire la suite...</a></p>
Puis ajoutez ce code devant la première lettre du texte à cacher :
<p id="hidden">
Et pour finir vérifiez qu'il y a bien cette balise </p> à la fin de votre texte.
Votre message en mode Html doit ressembler à ça :
(Les codes en rouge et le texte en vert)
Entre ces 2 balises : <p id="hidden"> </p> Il ne doit pas y avoir de balise <p> et </p>.
Vous devez les remplacer par <br> et </br> pour faire vos retours à la ligne.
Lorsque vous repassez en Mode texte, la suite de votre message apparait, mais lorsque vous publiez le message, elle ne sera plus visible...
Si vous voulez mettre plusieurs Lire la suite sur la même page, vous devez mettre un #hidden différent par texte :
#hidden1, #hidden2, #hidden3
Que vous devez ajouter dans la feuille de style comme pour le premier.
Vous pouvez changer le Lire la suite et le remplacer par le texte de votre choix.
<p><a href="#nogo" onclick="document.getElementById('hidden').style.display = 'block';
this.style.display = 'none';">Lire la suite...</a></p>
Modifier un fichier Js
Certains scripts contiennent des fichiers Js,
<script src="http://storage.canalblog.com/77/88/198257/13901288.js" type="text/javascript">
Copiez cette adresse et collez-la dans la barre d'adresse de votre navigateur pour l'ouvrir.
Fichier / Enregistrer sous pour l'enregistrer sur votre pc.
Ensuite vous devez cliquer droit sur le fichier js et choisir l'option ouvrir avec le bloc-note.
Le bloc note s'ouvre avec le contenu du fichier js, que vous pouvez maintenant modifier.
Enregistrez et Fermez le bloc-notes.
Pour récupérer l'adresse de votre fichier Js, ouvrez un Nouveau message et cliquez sur l'icône Insertion d'un fichier
Passez le message en mode Html pour récupérer l'adresse du fichier Js.
Voila, il ne vous reste plus qu'à coller cette adresse à la place de l'ancienne dans votre script.
« Accueil 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
