BlogTuto

Tuto pour blog et assistance blogueur. Dépannage des blogueurs, passage en mode avancé accompagné, relooking blog, bannière pour blog

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/

Image_10



Posté par Lavande à 11:18 - FAQ (foire aux questions) - Commentaires [3] - Rétroliens [0] - Permalien [#]


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 Image_2 puis tu cliques sur Image_3. 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 : ,
Posté par Lavande à 08:06 - FAQ (foire aux questions) - Commentaires [2] - Rétroliens [0] - Permalien [#]

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 : , , , ,
Posté par Lavande à 08:53 - FAQ (foire aux questions) - Commentaires [1] - Rétroliens [0] - Permalien [#]

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 : ,
Posté par Lavande à 08:43 - FAQ (foire aux questions) - Commentaires [1] - Rétroliens [0] - Permalien [#]

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 : ,
Posté par Lavande à 14:25 - FAQ (foire aux questions) - Commentaires [2] - Rétroliens [0] - Permalien [#]

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 :

Image_3

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 :

Image_4

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 : , ,
Posté par Lavande à 06:38 - FAQ (foire aux questions) - Commentaires [1] - Rétroliens [0] - Permalien [#]

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 : ,
Posté par Lavande à 11:01 - FAQ (foire aux questions) - Commentaires [2] - Rétroliens [0] - Permalien [#]

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


Avanc_01

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"

Avanc_02

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

Avanc_03


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 :

Avanc_04

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 : ,
Posté par Lavande à 12:42 - FAQ (foire aux questions) - Commentaires [0] - Rétroliens [0] - Permalien [#]

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&eacute;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&eacute;gories</font></div>

Pour un titre centré ce sera :

 

<div class="title"><center><font face="comic sans ms">Cat&eacute;gories</font></div>

Pour une couleur ce sera  :
   

<div class="title"><center><FONT COLOR="#00cc00"><font face="comic sans ms">Cat&eacute;gories</font></font></div>

taille

<div class="title"><center><FONT size="4"><FONT COLOR="#00cc00"<font face="comic sans ms">Cat&eacute;gories</font></font></font></div>

Etc...





Tags : ,
Posté par Lavande à 17:25 - FAQ (foire aux questions) - Commentaires [2] - Rétroliens [0] - Permalien [#]

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 : , ,
Posté par Lavande à 07:14 - FAQ (foire aux questions) - Commentaires [1] - Rétroliens [0] - Permalien [#]
« Accueil  1  2  3   Page suivante »
Haut de Page