Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
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é
lundi 02 juin
Un fond pour le calendrier canalblog
Voilà si cela vous tente, no problémo! Il vous faut redimensionner une image en 179 x 134 et insérer la ligne rouge dans la feuille de style dans le bloc #calendar
#calendar {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image : url("URL de votre image");background-attachement : fixed;
color: #404040;
font-size: x-small;
line-height: 150%;
padding: 2px;
margin-bottom: 20px;
Pour générer une URL (adresse à votre image) il suffit de la télécharger (une fois dimensionnée) dans un billet sur canalblog et de cliquer sur <> une adresse du style http://storage.canalblog.com/18/25/338640/24904928.jpg apparaitre, c'est celle de votre photo.
Tags : calendrier, images
vendredi 11 avril
Enlever le cadre autour des image dans les colonnes
Il arrive parfois que lorsque vous insérer une image dans vos colonnes, elle soit entourée d'un disgracieux cadre noir ou (autre couleur d'ailleurs) qui met en péril l'esthétique ô combien recherché de votre blog.
Deux cas de figure pour retirer ce fameux cadre :
- Soit votre code comporte un chiffre autre "0" après "border" et ça c'est sûr ça programme votre cadre. Dans ce cas vous mettez votre border à 0 et le pb est réglé.
- Deuxième cas de figure vous "border=0" et vous avez quand même un cadre.
Là c'est dans la feuille de style que ça se passe, à ce niveau :
.image {
text-align: left;
margin-bottom: 20px;
}
.navlinks img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 20px; <--------------là ça doit être à 0!
border-color: #000000;
ou bien
.image {
text-align: left;
margin-bottom: 20px;
}
.navlinks img {
border-top-style: solid; <-- vous mettez none sur cette ligne et les 3 qui suivent...
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 0px;
border-color: #000000;
@ bientôt!
Tags : colonne, images, mode avancé
vendredi 04 avril
Le logo-bouton est tout déformé, trop grand, trop petit !
Notre bouton : 
Mais il peut aussi ressembler à cela :
ou à cela
Voici son code HTML...
<img src="http://storage.canalblog.com/86/11/446950/24178395_p.jpg" border="0" height="90" width="120">
Avez-vous vu ces chiffres ? height="90" et width="120" ?
Ils correspondent l'un (Height = hauteur en anglais) à la hauteur du BOUTON et l'autre (width = largeur) à la largeur de votre BOUTON.
A vous de jouer avec ces deux valeurs pour que votre bouton s'affiche correctement ou à la taille voulue !
C'est tout simple, non ?
Tags : FAQ, images
Illustrer les rubriques par des photos
Les blogeurs débutants s'interrogent souvent sur la façon de créer un index dont les rubriques seraient illustrées par des images.
Alors la condition pour ce tuto est d'être en mode avancé.
Vous construisez un billet comme celui-ci
que vous présentez selon vos envies. Les liens pointeront soit sur un
index que vous créerez dans un billet normal soit reprendra les index
composés automatiquement par canalblog quand vous sectionnez l'onglet
rubrique lors de la rédaction d'un billet.
N'oubliez pas de mettre les liens vers lesquels vous souhaitez voir pointer vos titres de rubrique ET vos photos. Quand tout est comme vous voulez cliquez sur <> dans votre barre d'outil juste au dessus (à côté de l'insertion des photos), et là le code html va apparaitre.
Dans le cas présent le code est le suivant :
<p > </p>
<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/10/5778396.html adresse vers laquelle la rubrique doit envoyer">Bar à Soupes : nom de la rubrique à personnaliser</a></p>
<p > </p>
<p ><a target="_blank"
href="http://lignepapilles.canalblog.com/archives/2007/07/10/5778396.html
adresse vers laquelle la photo doit envoyer "><img width="120" height="90" border="0" tittle="Soupe tomato-coing : nom de la photo" src="http://storage.canalblog.com/07/80/249516/17635445.jpg adresse url de la photo" /></a>
</p>
<p > </p>
<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/27/5768994.html">Légumes à la Folie</a><br /></p>
<p ><a target="_blank" href="http://lignepapilles.canalblog.com/archives/2007/07/27/5768994.html"><img width="120" height="90" border="0" tittle="cheese-cake au poivron rouge" src="http://storage.canalblog.com/66/60/249516/15666844.jpg" /></a>
</p>
<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/27/5778675.html">Féculents</a><br /><a target="_blank" href="http://lignepapilles.canalblog.com/archives/2007/07/27/5778675.html"><img width="120" height="90" border="0" tittle="Lasagne de Légumes Coco" src="http://storage.canalblog.com/53/04/249516/15669947.jpg" /></a></p>
<p> </p>
C'est ce code que vous allez insérer dans vos colonnes à l'endroit de votre choix.
N'oubliez pas que pour voir votre index sur chaque page, il vous faudra le recopier sur toutes vos pages.
Voilà, c'est aussi simple que ça!
Ce tuto vous est offert pas Cojocano- Merci à elle!
Tags : illustrer les rubriques, images, rubrique