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:170px}</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.

 

<div style="background: none repeat scroll 0% 0% rgb(235, 237, 171); -moz-background-inline-policy: continuous; left: 10px; width: 98%; position: absolute; top: 5px; height: 160px;"><img style="margin: 5px 30px;" src="http://diztest.blog4ever.com/blog/url_artimage-205392-1120611-4439.html" border="0"> <img style="margin: 20px 50px;" src="http://www.blog4ever.com/blogfichiers/490/boximages/490080323113720.png" border="0"> <img style="margin: 20px 30px;" src="http://sd-1.archive-host.com/membres/images/183822970129391303/util_blogs/avatar1_100.png" border="0"></div>

 

 

Le style indiqué à chaque image ci-dessus, margin, permet de placer les 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="BACKGROUND: #ebedab; LEFT: 10px; WIDTH: 98%; POSITION: absolute; TOP: 5px; HEIGHT: 120px">
<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...

Retour à la liste des astuces



11-05-2008 | 1924 vues

Partager


Commentaires


Mily
site/blog
le 01-09-2009 à 13:54:29
Salut

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
site/blog
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

Robiiin
le 23-12-2009 à 15:09:43
ok mai comment fair une baniere moi jve mettre la baniere de un de mes partenaire sur une de mes page



et kan je mai valider sa me mai ce texte mai pas la banierre ou kan je click dessu sa ce mai sur ce site coment fair

Donc comment fair dek jai le script de la banierre et
pour apre le mettre
PapyClic
le 23-12-2009 à 23:00:31
Bonsoir Robiiin
Dans ta gestion --> dans le composeur de l'article, tu coches la case pour ouvrir en mode source HTML, tu colles le code à l'endroit où tu veux afficher la bannière. Ensuite tu décoches la case et la bannière doit s'afficher.
Si tu n'y arrives pas pose ta question sur le forum d'aide de Blog4ever.
Bonne soirée
Robiiin
le 24-12-2009 à 16:51:15
Merciiiiiiiii beaucoup
Tes trop simpa
Robiiin
le 24-12-2009 à 16:54:59
Mais ses ou gestion
PapyClic
le 24-12-2009 à 19:55:37
La gestion c'est où tu crées tes articles, que tu gères ton blog, le composeur c'est l'éditeur où tu écris tes articles.
Joyeux Noël
MAMYBELLE
site/blog
le 28-03-2010 à 16:02:03
BRAVO Papyclic, c'est super bien, mais j'y comprends rien, snifffffff, j'arrive même pas à mettre de la musique sur mon blog, j'suis désespérée, je suis passée en silver hier, j'essaie de l'améliorer, mais je n'y arrive pas. J'suis folle de rage. Tu peux pas m'arranger ça stp ??????? sinon continue, j'suis sérieuse, c'est vraiment bien
Poster un commentaire
Merci de recopier le nombre de gauche dans la case ci-dessous (Pourquoi?)

Liens

Voir les articles de la catégorie " Titre du blog "
Imprimer cet article

Vous recherchez ? :

Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs