Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
mardi 02 décembre
Choisir Firefox pour naviguer plutôt que Explorer, pourquoi?
Vous êtes encore nombreux (hélas!) à naviguer avec Explorer. Je m'en étonne et offusque souvent et tout aussi souvent vous me dites "Mais lavande pourquoi c'est maaaaaaalmaaaaaaal IE"?
Alors voilà j'ai fait pour vous cette petite recherche.
Le premier argument c'est que qu'en informatique il y a des normes et si vous regarder vos scripts vous les verrez tous commencer par W3C. Cette norme permet aux navigateurs de lire correctement vos pages. Sauf que Monsieur Bill, il s'en fout lui. Et pour cause, il est le roi en livrant son navigateur gratos avec windows. Donc le monde doit d'adapter à Monsieur Bill mais lui ben il rechigne à s'adapter aux autres. Ce qui fait des codes absolument imbuvables car il faut la version normée et la version exprès pour Bill.
Et ça c'est terriblement agaçant.
Il y a toute une kyrielles d'avantage à utiliser firefoxfirefox (FF pour les intimes) aussi mais elles sont propres au navigateur lui même qui est bien plus ergonomique et pour cela je vous renvoie vers cette note très bien renseignée http://standblog.orgstandblog.org/blog/post/2008/04/19/10-raisons-de-choisir-Firefoxraisons-de-choisir-Firefox-3
Alors convaincu?
Pour télécharger gratuitement FF c'est ici : http://www.mozilla-europe.orgwww.mozilla-europe.org/fr/firefoxfirefox/
lundi 07 juillet
Comment kon fé?
Bon celui là il est pour mimounette qui muni de son badge créée comme indiqué sur ce tuto s'interroge sur "Comment mettre un lien sur le badge qui renvoie vers le blog, pour pouvoir l'insérer dans la colonne?"
Alors Mimou, ma Candide de service,
tu télécharges dans un billet ton image. Tu lui mets le lien vers ton blog en cliquant sur
puis tu cliques sur
. Là tu récupères le code html. Soit tu colles dans tes colonnes, soit tu le donnes à tes copinautes, soit tu le colles sur ton front, mais ça marche aussi sur ton string, sur ta shooes et tout et tout. Par contre est ce que le lien hypertexte fonctionnera là reste toute la question! Bon ok je sors...
Tags : FAQ, images
dimanche 08 juin
Supprimer les bordures
"Bonjour
J'aimerai savoir comment supprimer les traits qu'il y a sur mon blog je ne sais pas comment cela ce fait !!"
Réponse
Dans la feuille de style, 2 possibilités : Sur chaque blocs concernés
- soit vous mettez "none" à la place de solid (ou dotted) sur la ligne border concernée
- soit vous mettez "0 px" au lieu de 1 (ou 2) sur la "border-width"
Exemple :
#content {
float: left;
width: 700px;
background-color: #FFFFFF;
border-top-style: solid; <----------- soit je mets "none" à la place de solid
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px; <-------------- soit je mets 0 px au lieu de 1
border-color: #;
overflow: hidden;
Bonne journée !
Tags : brdures, colonne, FAQ, images, mode avancé
La question du jour : agrandir l'espace texte!
"Bonjour
J'aimerai savoir comment il fallait que je face pour agrandir la zone de texte du milieu ( ou colonne du milieu )"
La réponse de votre tutrice préférée ;-)
Dans la feuille de style :
#container {
width: 1100px; <------------ ici c'est la largeur total de votre blog : colonnes + texte
padding: 0px;
background-color: #FFFFFF;
background: url
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
margin-right: auto;
margin-left: auto;
}
#content {
float: left;
width: 700px; <------------ ici c'est la largeur de la zone texte de votre blog
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
overflow: hidden;
<!--
a : { text-decoration : none }
//-->;
}
#rightbar {
float: left;
width: 200px; <------------ ici c'est la largeur de la colonne de droite
height:1300px;
background-color: #C8E476;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #ffffff;
overflow: hidden;
}
#leftbar {
float: left;
width: 200px; <------------ ici c'est la largeur de la colonne de gauche
height:1300px;
background-color: #B6D2EA;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #FFFFFF;
overflow: hidden;
Notez que 200 px (rightbar col de droite) + 200 px (leftbar col de gauche) + 700 px (content) = 1100px pour le container.
Si vous avez des bordures d'une largeur de 1px il faut aussi les ajouter à la largeur totale
Tags : mode avancé, texte fixe
lundi 28 avril
Mes stats canalblog reste à 0!
Ce cas qui m'a été soumis par une lectrice a trouvé sa réponse sur le forum canalblog. N'hésitez pas à soumettre vos questions là bas, ils savent de quoi ils parlent.
La demoiselle avait fait fi de l'interdiction absolument de rentrer des widgets dans ses liens amis. Elle avait mis horloge et compteur dans ses colonnes en mode normal, ce qui pour le coup a bloqué ses stats canalblog.
Les widgets retiré tout est rentré dans l'ordre.
A bon entendeur...
Merci à elle de m'avoir donné la réponse.
Tags : FAQ, statistiques
Question du jour! Lire le script et la feuille de style d'un blog qu'on visite
"Comment fait on pour lire les script et les feuilles de style des blogs qu'on visite ????"
Quand on est sur la page du site ou blog on clique sur "affichage" dans le menu à côté de la barre de navigation et on choisit "code source" ou "affichage du code source" (selon les navigateurs, ça peut être formulé différemment). Dans l'exemple sur le dernière ligne :
La page va s'afficher avec tout le script.
Pour lire la feuille de style il faut chercher dans ce script dans les 10/15 première ligne une adresse finissant pas style.css :
Dans l'exemple ci dessus la l'adresse est
http://blogtuto.canalblog.com/style/2/7/700072/style.css
En la mettant dans la barre de navigation on accède à la lecture de la feuille de style.
Bonne semaine ;-)
Tags : FAQ, feuille de style, script
lundi 21 avril
Mettre un avertissement copyright en bas de page
Ici une question posée :
"Je cherche à mettre un texte en pied de page tout en bas avant "page suivante du style "ce blog est protégé bla bla etc" mais ne sais pas où le mettre exactement pouvez vous m'aider?"
Il faut en fait mettre la mention sur la page d'un message ET sur la page d'accueil dans l'espace blogbody. Ce qui donne :
Page d'accueil
<!--Zone du texte-->
<Blogger> <BlogDateHeader>
<h2><$BlogDateHeaderDate$></h2>
</BlogDateHeader><a name="<$BlogItemNumber$>"></a> <BlogItemTitle>
<h3><$BlogItemTitle$></h3>
</BlogItemTitle>
<p><$BlogItemBody$></p>
Si je veux que le texte apparaissent à la
fin de tous les billets sur ma page d'accueil, je le mets ici juste
avant le début de la ligne du pied du billet
ou
<$CBControlNavLinks$>
Si je veux que sur la page d'accueil ce soit visible qu'une seule fois en bas de page je le mets ici
</div></div>
<!-- COLONNE DE DROITE -->
<div id="rightbar"><div class="navlinks">
Pour la page d'un message :
<div id="content"><div class="blogbody">
<Blogger> <BlogDateHeader>
<h2><$BlogDateHeaderDate$></h2>
</BlogDateHeader><a name="<$BlogItemNumber$>"></a> <BlogItemTitle>
<h3><$BlogItemTitle$></h3>
</BlogItemTitle>
<p><$BlogItemBody$></p>
Je mets mon texte ici "pas touche à mon blog ou je te casse la tête" et il apparaitra après mon texte mais avant mes commentaires
OU
<$CBControlNavLinks$>
Ici si je veux que ce que ce soit tout en bas après les commentaires
</div></div>
<!-- COLONNE DE DROITE -->
<div id="rightbar"><div class="navlinks">
etc
NB : si vous ne mettez les "touche pas à mon blog" que sur la page d'accueil en arrivant sur un message directement comme c'est le cas avec blog appétit on ne le verra pas. De même quelqu'un qui arrive sur la page d'accueil ne le verra pas si vous ne mettez la mention que sur le message à moins de vous laisser un commentaire.
Tags : copyright, FAQ
dimanche 20 avril
Mode avancé : Comment faire marche arrière...
On peut de suite accrocher au mode avancé...mais on peut aussi y rester totalement hermétique.
Néanmoins...on peut aussi être curieux...et avoir envie d'y mettre son nez...pour voir à quoi cela ressemble.
Sachez que malgré ce que nous dit Canalblog...c'est tout à fait REVERSIBLE !! Ce dont parle Canalblog...c'est juste d'un modèle...pas de tous les modèles...
Comment faire ?
Je clique sur l'onglet "APPARENCE" puis sur "LISTE DES MODELES"
Vous arrivez sur la liste de vos modèles de blogs...à priori vous n'en avez encore qu'un, appelé "Modèle original"
On ne va pas toucher à ce "modèle original" que l'on va précieusement garder en sauvegarde mais créer un autre modèle que l'on va passer en mode avancé et que l'on va pouvoir modifier. On ne touchera donc pas à notre modèle original pour pouvoir revenir en arrière...
C'est ce nouveau modèle qu'on "sacrifiera" si on n'arrive à rien en mode avancé...
Pour créer ce nouveau modèle...on clique sur "NOUVEAU MODELE" et on arrive sur cet écran
C'est là qu'on va choisir l'apparence de notre nouveau blog, 2 ou 3 colonnes, ...on indique son nom, je l'ai appelé "MODE AVANCE" pour être certaine de ne pas me tromper avec "Modèle original".
Si je prévisualise...je vois que je n'ai plus ma présentation graphique, ma bannière etc...mais pas grave !! On va tout refaire à l'identifque et bien sauvegarder. Ceci afin de bien avoir AVANT LE PASSAGE EN MODE AVANCE...deux blogs IDENTIQUES !!
Je n'oublie pas de "VALIDER" mon nouveau modèle de blog
Je reviens sur la liste des modèles de mon blog ici :
Et ô surprise...j'ai bien 2 modèles du même blog...
Je ne vais donc pas touché au blog ORIGINAL (en rose et N°1) mais utiliser le blog "Mode avancé" bleu et N°2...
Je vais donc aller dans STYLE, APPARENCE GENERALE et BLOCS du blog N°2...et tranquillement copier à l'identique l'apparence de mon blog original...
Seulement quand j'aurais 2 BLOGS RIGOUREUSEMENT IDENTIQUES...je n'aurai pas de crainte de passer en mode avancé ensuite...le blog N°2...puisque j'aurais une sauvegarde.
Tags : mode avancé, mode normal
lundi 14 avril
Je veux changer la police de caractère, la couleur, la taille de mes titres de blocs
Vous avez envie de fantaisie et voulez changer la police de caractère de votre titre.
Votre feuille de style inscrit les polices de vos rubriques par défaut.
Vous pouvez donc changer dans la feuille de style vos polices.
Sinon si vous souhaitez que votre tître soit en comic sans ms que ponctuellement il vous suffira par exemple d'inscrire la police juste sur la ligne du titre. Exemple :
Un titre de bloc se présente sous cette forme sur votre script :
<div class="title">Catégories</div>
Vous voulez qu'il ait la police comic sans ms il deviendra :
Catégories
<div class="title"><font face="comic sans ms">Catégories</font></div>
Pour un titre centré ce sera :
<div class="title"><center><font face="comic sans ms">Catégories</font></div>
Pour une couleur ce sera :
<div class="title"><center><FONT COLOR="#00cc00"><font face="comic sans ms">Catégories</font></font></div>
taille
<div class="title"><center><FONT size="4"><FONT COLOR="#00cc00"<font face="comic sans ms">Catégories</font></font></font></div>
Etc...
Tags : mode avancé, police
mercredi 09 avril
Le contenu de mes colonnes a disparu (mode avancé)
Vous êtes passé en mode avancé et vous ne voyez plus rien ou qu'un partie du contenu d'un de vos colonnes ou des deux...
Vous devez aller jeter un oeil du côté de la feuille de style et vérifier ceci :
#rightbar { <-- colonne de droite
float: left;
width: 200px;
height: 4000px;<-- Hauteur de la colonne : c'est là que ça peut coincer si par exemple c'est à 200...
background-color: #DDDDDD;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
overflow: hidden;
}
#leftbar { <-- Colonne de gauche
float: left;
width: 200px;
height: 4000px; <-- idem...
background-color: #DDDDDD;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
overflow: hidden;
Tags : colonne, FAQ, mode avancé








