Installer un logo ou une bannière
 |
 |
 |
 |
 |
 |
La possibilité de mettre un logo ou une bannière comme titre du blog est prévue dans l'espace de gestion, comme indiqué dans la description de la catégorie avec la capture du formulaire à utiliser. Mais comme vous pouvez visualiser dans cet article, j'ai employé une autre méthode qui donne la possibilité de créer un titre spécial par page, ou sur une série de pages, ou sur tout le blog, si vous le souhaitez.
Pour commencer il faut rendre inactive la partie "Haut"
En mettant en haut de la page et en mode HTML le code CSS ci-dessous :
<STYLE type=text/css> #haut {display : none;} #barre {margin-top:140px}</STYLE>
Le haut de cette page est constitué de trois images, donc 3 blocs mis en ligne, à la place des images vous pourriez mettre du texte, ceci ouvre un large éventail de présentations.
Mais attention!!! c'est une astuce qu'il faut employer avec prudence.
Dans le composeur de Blog4ever j'ai eu quelques difficultés, en mode texte le bandeau avec les images recouvre le texte du haut, j'ai donc écrit le début de l'article en mode HTML, puis continué normalement en mode texte.
Voici le code employé, il doit être mis au début de votre article, dans le composeur en mode HTML.
<IMG style="FLOAT: left" hspace=5 src="adresse image gauche" vspace=5 border=0 />
<IMG style="FLOAT: left" hspace=130 src="adresse image centre" vspace=10 border=0 />
<IMG style="FLOAT: left" hspace=5 src="adresse image droite" vspace=10 border=0 /></DIV>
Les espaces indiqués ci-dessus, hspace(horizontal) et vspace(vertical), ont la valeur nécessaire pour placer mes images.
Pour mettre du texte il faut créer les blocs(div) et calculer les espaces entre ces blocs, les marges extérieures gauche et haute.
<div style="FLOAT: left; margin-left:valeur margin-top:valeur;">Texte et son formatage</div>
<div style="FLOAT: left; margin-left:valeur margin-top:valeur;">Texte et son formatage</div>
<div style="FLOAT: left; margin-left:valeur margin-top:valeur;">Texte et son formatage</div>
</div>
Cette procédure ouvre les portes de votre imagination, sans modifier tout son blog, on agit que sur une page bien spécifique pour commencer puis pourquoi pas en faire d'autres... Les images peuvent être cliquables... je n'ai pas encore essayé mais une présentation d'images défilantes, ça pourrez être sympa, etc...
A vous de jouer...
Commentaires
Mily site : milyblack.blog4ever.com | le 01/09/2009 à 13:54:29Salut
Tout d'abord un grand merci pour ce blog que je dévores maintenant depuis quelques jours. Il est clair et j'y ai trouvé ce que je cherchais. Mais (bah oui, y a souvent un 'mais') j'ai des problèmes avec cette modification.
Tout d'abord la commande pour annuler l'affichage du 'haut' semblait ne pas fonctionner et j'ai dû contourner la difficulté en agrandissant le fond pour le cacher en entier.
J'ai réussi à ajouter une image et là j'ai commencé à m'arracher les cheveux. J'aurais aimé la centrer ou la décaler vers la droite comme tu veux et là pas moyen.
Je me doute qu'il doit exister une commande et comme je n'ai jamais appris... Aurais tu une astuce ?
Merci par avance
Mily
La page en construction est : milyblack.blog4ever.com/blog/lire-article-252679-1397241-o___prologue.html
PapyClic le 01/09/2009 à 16:47:59
Bonjour Mily
Merci pour ton appréciation.
Je n'ai pas tout à fait bien compris ce que tu voulais faire exactement. Je vais t'envoyer un mail et nous continuerons sur le forum de Blog4ever ce sera plus pratique.
A plus