Calendrier

Liens Favoris

ZeBloggeurs

Texte autour d'une image

Par PériGr@phiste :: samedi 01 septembre 2007 :: Personnaliser ZeBlog
Lorsqu'une image est placée avant du texte, la première ligne de texte se place à droite de l'image et la suivante sous l'image :


Pour positionner le texte à droite de l'image, passez en «mode HTML» et repérer dans le code celui correspondant à l'image (commençant par <img src="...) et corrigez-le ainsi :
<img src="http://nom_de_votre_image.jpg" align="left">
(utiliser left pour positionner l'image à gauche ; right pour positionner l'image à droite)

Repassez en mode normal (visuel) : le texte (les 2 lignes dans cet exemple) se positionne à droite :


Mais le texte est collé à l'image.

Pour paramétrer de l'espace autour de l'image, dans le «mode HTML», ajoutez dans le code de l'image :
<img src="http://nom_de_votre_image.jpg" align="left" hspace="30px">
(utilisez : hspace pour une marge à gauche et à droite ; vspace pour une marge en haut et en bas / 30px représentant une marge de 30 pixels)

Repassez en mode normal (visuel) : le texte se positionne à droite :



L'image a une marge de 30 pixels tout autour.
Pour que la marge ne se situe qu'à droite de l'image, corriger le code, toujours dans le «mode HTML» :
<img src="http://nom_de_votre_image.jpg" align="left" style="padding-right:30px;">
(utilisez : padding-right pour un marge à droite ; padding-left pour une marge à gauche ; padding-top pour une marge en haut ; padding-bottom pour une marge en bas de l'image)



Aucun espace à gauche de l'image mais uniquement à droite.

Personnalisez l'icone de votre blog

Par PériGr@phiste :: mercredi 29 août 2007 :: Personnaliser ZeBlog
Certains sites ou blogs font apparaître à gauche de l'url dans la barre d'adresse du navigateur (sauf Internet Explorer) une image différente de notre traditionnel globe terrestre (comme pour mon blog) :



Pour ce faire, il faut :

1°) créez votre icone qui doit mesurer 16 x 16 pixels et l'enregistrer au format png, gif ou jpg (les seuls formats acceptés par ZeBlog sans le compte Premium)

2°) la télécharger sur votre espage dans l'onglet «Fichiers»

3°) cliquez sur le nom de votre image dans la liste pour l'ouvrir dans une nouvelle fenêtre et copier son url

4°) rajoutez, dans le code de votre «interface» après la ligne < head >, la ligne suivante :
<link rel="shortcut icon" href="votre_image" />
en remplaçant «votre_image» par l'url de votre icone copiée à l'étape n° 3.

N'oubliez pas de cliquer sur «Aperçu» afin de vérifier l'effet donné avant d'enregistrer.

Supprimer le titre du blog sur la bannière

Par PériGr@phiste :: dimanche 08 avril 2007 :: Personnaliser ZeBlog
Pour une bannière personnalisée, il peut être nécessaire de supprimer le titre du blog ainsi que l'url.

Pour cela, il faut supprimer, dans le code de l'interface, les lignes suivantes :

<h1><a href="<%IndexURL%>"><%Titre%></a></h1>
<A HREF="<%IndexURL%>" class="url"><%IndexURL%></A>

La première ligne affiche le nom du blog, la seconde l'url.

Se repérer dans le code de votre interface

Par PériGr@phiste :: vendredi 13 octobre 2006 :: Personnaliser ZeBlog
En allant dans l'onglet «Interface/Personnalisez votre interface» de votre panneau d'administration, vous pouvez accéder au code de l'interface de votre blog. Il est recommandé de connaître le langage HTML pour corriger ce code.

Quelques balises permettent d'afficher les informations de votre blog et je vous recommande vivement de ne pas y toucher. Pour les connaisseurs, voici l'explication de certaines balises :

Incluses dans la balise < Billet > :

< %BilletAuteur% >    : auteur du billet = votre pseudo
< %BilletDate% >      : date du billet
< %BilletHeure% >     : heure du billet
< %BilletCategorie% > : catégorie du billet


Incluses dans la balise < Commentaires > :

< %CommentDate% >     : date du commentaire
< %CommentHeure% >    : heure du commentaire
< %CommentAuteur% >   : auteur du commentaire
< %CommentBody% >     : texte du commentaire


Je vous conseille d'être très prudent avant d'intervenir sur une éventuelle correction de votre interface. Vous pouvez en effet supprimer certaines de ces balises mais attention de ne pas supprimer les indispensables !



Accueil
Page 1 / 32
Archives - Page précédente - Page suivante - Haut de page
Copyright © 2005 • PolyFormatique - Design by PériGraphistePOLYFORMATIQUE :
la polyvalence au service de l'informatique
/ Blog créé avec Votre blog gratuit, sans pub
et 100% personnalisable
ZeBlog.com