Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
lundi 28 avril
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 07 avril
Voir le script et la feuille d'un style d'un blog ou d'un site
Pirate !
Ben oui quand je trouve quelque chose qui me plait c'est comme ça que je fais...
Dans votre menu de navigation sélectionner "Affichage" puis "code source" en bas...
Premier miracle : le script de la page apparait, youpi!
Pour la feuille de style, vous verrez dans les première ligne cette adresse ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BlogTuto</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="fr" />
<meta name="Description" content="
BlogTuto...les tutos qu'il vous faut !" />
<meta name="Keywords" content="tuto, canalblog, assistance, blog, photofiltre, aide, bénévole, bannière, help, sos, tutoriel," />
<meta name="generator" content="CanalBlog - http://www.canalblog.com" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://blogtuto.canalblog.com/rss.xml" />
Il vous reste à copier ce lien dans votre barre de navigation et allez vous promener chez votre hôte...
Tags : feuille de style, script
dimanche 06 avril
Passer en mode avancé 2
Vous voilà désormais avec vos trois modèles. Le mode avancé est bien là.
Vous allez avant toute chose faire un peu le ménage dans vos scripts. Cela vous aidera à vous repérer. Je vous invite à mettre des codes de débuts de chaque bloc pour pouvoir vous repérez rapidement.
Par exemple votre page d'accueil aura toujours ces données
Ci dessous votre entête.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$BlogPageTitle$></title>
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<meta http-equiv="content-language" content="<$BlogLanguage$>" />
<meta name="Description" content="<$BlogDescription$>" />
<meta name="Keywords" content="<$BlogKeywords$>" />
<meta name="generator" content="CanalBlog - http://www.canalblog.com" />
<BlogSiteFeed>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedURL$>" />
</BlogSiteFeed>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$BlogEditURIURL$>" />
<link rel="stylesheet" href="<$BlogCSSURL$>" type="text/css" />
</head>
NB : Vous verrez souvent des tuto où on vous dira de coller un code avant la balise </head>. C'est donc dans cette partie que vous les mettrez.
Les données qui suivent l'entête sont celles relatives à la bannière et au titre du blog
<body> <div id="container"><div id="topbar-logo"><div class="logolink"><a href="<$BlogURL$>"></a></div></div><div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div>
Ensuite si vous avez une colonne à gauche vous aurez le début de code suivant
<div id="leftbar"> <div class="navlinks">
Je vous conseille fortement de mettre juste avant cette ligne le texte suivant rédiger comme ce dessous :
<!-- Colonne de gauche-->
<div id="leftbar"> <div class="navlinks">
cette façon d'écrire dans le script vous permet de mettre des repères sans que cela ne se voit de cette façon
<!-- le titre ou votre annotation -->
Si vous voulez vous amuser faite un clic droit sur le fond de la page blogtuto et choisissez code source, vous verrez comme je suis une fervente utilisatrice de ce petit truc!
Après votre colonne de gauche suite à la partie texte.
NB C'est la seule partie de votre script qui soit différentes en fonction des pages du script. Cependant elle commence toujours par
<!-- Partie texte--> (pensez à rajouter cette ligne!)
<div id="content"><div class="blogbody">
et elle finit toujours par
<$CBControlNavLinks$></div></div>
En général le début de la colonne de droite est collée au texte, donc couper le code en renvoyant à la ligne
à ce point précis
<div id="rightbar"><div class="navlinks">
!!i! n'oubliez pas d'ajouter <!-- colonne de droite--> juste avant
le pied de page est introduit par
<div class="clear"> </div></div></body></html>
Voilà si vous avez bien suivi cette deuxième étape, vous avez normalement (grâce à ce code <!--blabla-->) identifier le début des colonnes et de la partie texte. Faites la même chose sur les autres pages de votre blog : page d'un message, page des archives, index des archives, page d'un auteur. Vous savez également où se trouve la balise </head>
Ce tuto vous est offert par Usako. Merci à elle!
Si vous souhaitez participer et contribuer à Blogtuto en parrainant un tuto, faites un don dès maintenant!
N'oubliez pas en commentaire de laisser l'adresse de votre blog pour que je puisse vous mettre en parrain ou marraine sur le tuto à venir. Merci d'avance!
Tags : mode avancé, script