Placer une banière dans son blog : Bouge ton blog !

« Vos stats | Page d'accueil | Comment bien référencer son blog avec la techno Blogspirit ? »

10/02/2005

Placer une banière dans son blog

Vous trouverez en détail les étapes pour monter sa banière sur son blog dans le faq.

Suite à plusieurs problèmes survenus lors de cette délicate étape, j'ai décidé d'afficher un exemple de CSS.

Avant de commencer, j'aimerais signaler que les caractèristiques des styles de votre blog qui sont placés entre '/*' et '*/' ne sont pas actifs, en effet ils sont mis en commentaires pour vous guider lors de cette étape.

Par exemple :

#banner {
height: auto;
color: #fff;
/** code for your own banner :
display : none;
*/
}

Ici le style #banner a une caractèriqtique mise en comentaire (display: none).
Si vous voulez insérer votre banière, il vous faut activer ce style comme suit :

#banner {
height: auto;
color: #fff;
display : none;
}

Notez qu'il est fortement conseillé d'appliquer cette méthode avec les designs 1,2 et 3 :

Pour les autres, c'est un peu plus compliqué, je vous conseille de bien étudier la FAQ sur le sujet...

Maintenant la feuille de style ! Seuls les styles qui ont été modifiés sont reportés, il est donc inutile de s'interesser aux autres pour le moment.

#banner {
height: 90px;
background-color: #d9c0e6;
color: #fff;
display : none;
}
#banner h1 {
padding: 15px;
font-weight: bold;
padding-bottom: 10px;
}
#banner h2 {
font-size: 80%;
padding: 0px 0px 0px 15px;
}
#banner a {
color: #fff;
font-weight: bold;
font-size: 70%;
text-decoration: none;
}
#banner-img {
display: none;
display : block;
background: #fff url("http://[BLOG].blogspirit.com/images/[BANNER].jpg") no-repeat 0% 0%;
height: [HEIGHT]px;
}
div.img-link a {
display: block;
text-decoration: none;
width: 100%;
height: [HEIGHT]px;
}

remplacer [BLOG] par le nom de domaine de votre blog présent dans l'adresse de celui-ci.
remplacer [BANNER] par le nom de votre image, changer éventuelement l'extension si besoin (.gif, .png)
remplacer [HEIGHT] par la hauteur de votre banière en pixels (conseillé : 170px)

Comme vous le voyez le style #banner qui contient le titre de votre blog (#banner h1, #banner a) et la description (#banner h2) n'est plus affiché (display: none) sur votre blog mais toujours présent dans la source HTML. Ceci pour que les robots des moteurs de recherche référencent votre blog à l'aide de ces informations... Il est donc indispensable de remplir les champs "titre" et "description" dans la configuration de son blog !
C'est le style #banner-img qui est affiché à la place (display : block), il contient votre banière en arrière plan et le lien vers la page d'accueil de votre blog.

A vous de jouer !

10:40 Ecrit par blogSpirit Team dans Astuces, Blogspirit, Dépannage, Haut et Fort | Lien permanent | Commentaires (145) | Envoyer cette note | Tags : Blog

Commentaires

Tiens tiens... ça me rappelle kekechose ! ;-))

Ecrit par : olivia | 10/02/2005

Pourriez vous nous expliquez comment "forcer" la taille des images dans une note pour qu'elle apparaisse plus grande. Cela faciliterai la lecture de mes notes "tutoriels" dans lespacemultimedia.blogspirit.com

Mille mercis

Ecrit par : Lionel | 14/02/2005

Cher Thomas je viens vous voir car je ne sais pas à qui m'adresser. Je modifie ma feuille de style, et cela fonctionne. Le lendemain matin quand je reviens sur mon blog, cela ne fonctionne plus et en plus j'ai un blog avec l'ancienne feuille de style. Comme s'il ne prenait plus en compte celle que j'ai créé.
Que faire ?
Je vous remercie d'avance,

Ecrit par : ludoffy | 17/02/2005

j'y comprends plus rien maintenant que j'ai redemarré mon ordi mon blog a de nouveau l'allure que je lui avait donné à travers la feuille de style????

Ecrit par : ludoffy | 17/02/2005

Lionel -> Il suffit de rajouter le paramètre width dans le style de votre image.
Exemple :

width : 350px permet d'ajuster la largeur à 350px, la longueur est ajustée automatiquement. Attention à ne pas en abuser plus vous forcez votre image, plus celle -ci perd en qualité !

ludoffy -> C'est tout simplement dû au cache de votre navigateur ! Faîtes Ctrl+F5 sur votre blog pour avoir la dernière version de votre feuille de style.

Ecrit par : thomas | 20/02/2005

Somehow i'd rather use a 2 columns templates rather than 3 columns which blogspirit doesnt provide. Is it possible to have 2 column templates?

Ecrit par : mandy | 26/02/2005

Bonjour, je viens de faire tout ce que vous avez dit et puis rien ne change. Est-ce parce que le changement n'est pas immédiat, ou est-ce parce que quelque part j'ai fait une boulette?
En allant voir là http://mavieunpeupathetique.blogspirit.com/style.css, G Mike me dit qu'il n'y a aucun changement, alors que lorsque je vais dans feuille de style, tout est changé. Je n'y comprends rien, merci de m'aider si vous pouvez.

Ecrit par : sophie | 03/03/2005

Sophie-> Il y 2 erreurs dans ta css :

Pour la ligne :
height: [HEIGHT]px;
Il n'y a pas d'espace entre la valeur de HEIGHT et px

Pour la ligne :
background: #fff url("http://[BLOG].blogspirit.com/images/[BANNER].jpg") no-repeat 0% 0%;
Elle s'écrit sur une ligne, dans ma note il y a un retour à ligne mais c'est tout simplement qu'il n'y avait pas la place ;)

Merci de l'avoir signalé, vu la nature des erreurs (légères), cela survira surement à quelqu'un d'autre !

Ecrit par : thomas | 03/03/2005

Oh Thomas, c'est trop gentil ce que tu as fait, merci, merci, merci, c'est trop sympa, ton site est génial et tes explications très claires même pour les buses comme moi!!
Encore, merci merci merci merci merci!!!

Ecrit par : sophie | 03/03/2005

bonjour, j'ai suivi vos instructions pour faire ma banniere, ça marche tres bien, mais j'ai juste un soucis au niveau de la taille...(lol) pour la hauteur, c'est 170px ok, mais pour la largeur, j'ai fais une banniere de 705px, mais il y a un peu de blanc, ça ne correspond pas exactement a la surface a remplir.
j'utilise le modele 4 qui est proposé.
pourriez vous m'indiquer la largeur standart pour ce modele?

merci !

Ecrit par : andrian | 10/03/2005

La largeur 'conseillée' de la banière est de 771px.

andrian, sais-tu que le blog http://andrian.blogspirit.com/ dont tu as modifié le css est invisible sous Firefox ? Firefox étant utilisé largement par les blogueurs (+ 25% sur Bouge ton blog !), un grand nombre de visiteurs ne peuvent pas te lire !
Demande moi si tu as besoin d'aide, je serais ravi de te donner un coup de main.

Ecrit par : thomas | 11/03/2005

merci !

Ecrit par : andrian | 14/03/2005

sinon oui, vu que j'utilise mon blog comme une "vitrine" de mon travail, je suis evidemment interressé par ta proposition!

Ecrit par : andrian | 14/03/2005

J'ai une question. Je viens de modifier l'apparence de mon blog, j'en suis presque content mais je bloque sur la bande verte foncée à droite que je n'arrive pas à décaler compltement sur la droite

Quelle est la partie du css qui correspond à ca ?

http://steedmikebrant.hautetfort.com

Merci

Ecrit par : steed | 06/04/2005

steed -> Ton design correspond au design 4, pour enlever cette "bande verte" il faut que tu retires l'image placée en fond sur les styles suivants :

#container
#container .container-decorator1
#container .container-decorator1 .container-decorator2

Exemple :
background: #e6f2c0 url("www.urlimage.com") repeat-y 0% 0%;
remplacer par :
background: #e6f2c0;

Ecrit par : thomas | 11/04/2005

Salut Thomas
Est ce que je peux centrer ma banniere si elle est inferieure a 771px
http://reunion-blog.blogspirit.com/

Ecrit par : CyouX | 16/04/2005

Bien sur !

Voici un exemple pour une bannière faisant 671px de large :
background: #fff url("http://mon-blog.blogspirit.com/images/nom_image.jpg") no-repeat 50px 0%;

Il faut remplacer le 50px en faisant le petit calcul suivant :
(771 - largeur de l'image)/2

Ainsi l'image aura 50px de marge de chaque côté. Pense également à la couleur qui remplira l'espace non occupé par la banière, dans mon exemple il s'agit du blanc (#fff)...

Ecrit par : thomas | 16/04/2005

Merci pour l'info.
Entre temps j'ai decide d'agrandir la banniere...

Ecrit par : CyouX | 18/04/2005

bonjour !

je découvre le site avec plaisir et j'y ai déja pioché quelques bien bonnes idées a mettre en application très bientot ;)

j'ai vu plus bas la note concernant la largeur de blog non statique , qui s'adapte a toutes les résolutions , et j'aimerais savoir comment faire pour que la bannière ne soit ni déformée ni décentrée dans des résolutions différentes ?

y a t il un code particulier a appliquer quand on veut une bannière image et une " largeur de blog pour tous " ?

merci d'avance pour votre réponse :)

Ecrit par : krysalia | 07/05/2005

petit rajout : je viens de faire l'essai en copiant collant les styles indiqués dans votre grand quote a la place de ceux du template 2 , j'ai vérifé l'url de ma bannière , j'ai meme essayé de modifier en conséquence des commentaires précédents , et rien à faire , ça ne s'affiche absolument pas ...

( j'ai aussi cherché a modifier les display : none; ou bien display: none; ( donc avec ou sans espace avant les deux points ) qui sont mélangés dans le code proposé , mais rien a faire non plus , l'ancienne bannière avec titre et sous titre n'est plus là , mais la nouvelle non plus :/ ...
j'avoue , je veux bien un petit coup de main ( l'adresse du site est en lien dans ce commentaire , l'adresse dans l'autre n'est pas concernée )

Ecrit par : krysalia | 08/05/2005

krysalia -> Ton problème vient du code html et pas css. En effet, il te manque le code de la banière :
< div id="banner-img" > Regarde dans le template original, tu le retrouveras facilement je pense. Le template de tes permaliens est ok, la banière s'affiche bien.

Ecrit par : thomas | 09/05/2005

oki , je suppose que ce code est dans la page d'accueil ( ou plutot n'y est pas , on se comprend :) )
je vais aller chercher ça et modifier ça . en effet , les parmaliens s'affichent avec la bannière .

merci tout plein thomas :)

Ecrit par : krysalia | 09/05/2005

De rien !

J'en profite pour te signaler que ton blog serait encore mieux avec le mode 100% !
Tu trouveras plus d'explications ici :
http://technoblog.blogspirit.com/archive/2005/01/14/des_blogs_100_pour_tous.html

Ecrit par : thomas | 10/05/2005

Bonjour,
Je voulais savoir s'il était possible de faire alterner les thèmes graphiques ou du moins la banniere ?
Je m'explique:
-visiteur1 => bannière A
-visiteur2 => bannière B
-visiteur3 => bannière C
-visiteur4 => bannière A
etc...
Merci d'avance
http://canichenain.hautetfort.com

Ecrit par : Skwi | 13/05/2005

skiwi -> Cela est possible mais cela nécessite surement un vrai développement ! Je n'ai malheureusement pas le temps de produire une astuce (en fait une vrai fonctionnalité pas une astuce !) mais dès que c'est possible je regarderais. En attendant tu trouveras peut-être quelquechose sur http://www.editeurjavascript.com/ à condition de connaître un peu le web...

Ecrit par : thomas | 16/05/2005

Merci pour les infos sur la banière. Ça fonctionne impeccable.
En revanche j'aimerais bien savoir comment mettre une texture en fond de page et je ne trouve la méthode nulle part...
Est-ce trop demander ?

Ecrit par : Thierry | 16/05/2005

J'aimerais bien aussi avoir le texte des notes justifié... Mais, bon. C'est déjà moins important.
Merci d'avance quoi qu'il en soit.

Ecrit par : Thierry | 17/05/2005

C'est bon j'ai trouvé tout seul — grâce au lien "Comment ça marche les CSS ?".
Donc merci tout de même. Je veux dire : pour la pertinence du lien.

Ecrit par : Thierry | 20/05/2005

Bonjour !
J'ai suivi tous vos conseils, et ai bien réussi a mettre ma bannière, mais cela " fausse" tout .... Comment puis-je recentre les différentes colonnes pour un peu harmoniser l'allure générale ???
Pourriez vous jeter un coup d'oeil et tenter de m'expliquer ?
Merci d'avance !

Ecrit par : sidhe | 27/05/2005

sidhe -> tu n'as pas respecté les conseils à lettre : ta banière fait 1000px (la faq conseille 771px) et tu as "forcé" la taille de l'élément css à 1000px ! Enlève le champs width: 1000px et ta banière tournera parfaitement...

Ecrit par : thomas | 27/05/2005

bonjour j'ai un probléme avec ma baniere je n'arrive pas l'agrandir il y a juste la partie du haut qui s'affiche si quelqu'un pouvait m'aider pour résoudre ce probléme.La banniere fait du 760 par 260 donc voila je compte sur vous merci d'avance

http://chupachups777.blogspirit.com/

Ecrit par : Jérome | 10/06/2005

Merci Thierry pr ta réponse mais je n'y arrive toujours pas dis moi puis je te laisser mon numéro de compte avec mon mot de passe sur ton adresse email si tu peux y jeter un coup d'oeil car là je ss en plein examen et je pars ds deux semaine comme ta pu voir dessus et je n'aurais pas le temps de m'y consacrer je te remercie pr cette aide si tu veux bien me le fre reponds moi et je t'envoie mon mots de passe et mon login thanks lot

Ecrit par : Jerome | 10/06/2005

Jerome, lis bien ma note il faut remplacer [HEIGHT] par la hauteur de ta bannière.

Ecrit par : thomas | 11/06/2005

Je tiens personnellement a remercier Thierry pour son travail c'est vraiment extra de ta part je te remercie bcp. Je vais desormais me préoccuper de mes partiels et aprés j'essayerais d'ajouter de la musique sur mon blog. si quelqu'un a réussi peux t'il envoyé un copier coller de son bloc ou il a ajouté cela cr avec les infos que j'ai ça ne fonctionne pas. J'ai copié ça moi MERCI de me dire ce qui va pas... cr j'entends rien

Ecrit par : Jerome | 12/06/2005

alors voila, de mon coté j'ai fini depuis un petit moment , et maintenant que tout est en place, je me demandais : est-ce que vous voulez bien que mon blog figure parmi les blogs relookés ?

merci d'avance si vous êtes d'accord.

krysalia.

Ecrit par : krysalia | 23/06/2005

zabou -> Il faut que tu enlèves les [] et que tu remplaces [baniere] par le nom de ta bannière. De plus les hauteurs s'expriment en hauteur, exemple : height: 170px; Bonne chance, relie bien la note et tu devrais y arriver.

krysalia -> c'est fait, ton blog est superbe !

Ecrit par : thomas | 26/06/2005

J'ignorais qu'on pouvait postuler pour être inscrit au glorieux tableau d'honneur des blogs relookés !

Et moi ? Et moi ? Et moi ?

Allez, m'sieur ! Sois sympa !

;o)

Ecrit par : a.k.a. FrenchDoctor | 26/06/2005

Moi aussi je veux bien faire partie de ce fameux tableau... J'ai même plusieurs adresses à proposer :
http://rosa.blogspirit.com/
http://confluences.blogspirit.com/
http://thierry-tissot.hautetfort.com/
http://moajeternaute.hautetfort.com/
Si mon exemple peut servir... Et surtout s'il te semble assez intéressant !

Ecrit par : Thierry | 26/06/2005

French Doctor, Thierry -> vos designs sont sympa - un pb quand même, la taille de votre "container" est de 1024px ce qui a pour effet de produire une barre de navigation horizontale, c'est à dire le cauchemard du graphiste web. J'ajoute vos designs mais essayez d'enlever cette barre, c'est pus sympa pour vos visiteurs...

Ecrit par : thomas | 27/06/2005

ouééé ! :)

huhu, merci tout plein !

Ecrit par : krysalia | 28/06/2005

Problème corrigé, merci !

J'ai mis le container à 1010 et la barre n'apparaît plus !

Enfin, j'espère !

Ecrit par : a.k.a. FrenchDoctor | 28/06/2005

Le FrenchDoctor ignorait que les graphistes web faisaient eux aussi des cauchemars !

Ça les rend presque humains !

;-D

Ecrit par : a.k.a. FrenchDoctor | 28/06/2005

Moi de toute façon je suis en 800x600... J'ai juste fait comme ça pour avoir plus de place, et que la colonne de droite me semblait moins intéressante... Mais si vraiment ça gêne, je vais diminuer le container...
Quoi qu'il en soit merci de m'avoir intégré à la liste des blogs relookés !

Ecrit par : Thierry | 28/06/2005

Je pense que vous pouvez tous les 2 baisser votre container à 990px, n'oubliez pas de baisser également les cellules #center, #left et #right avec cette règle :
#container = #left + #right + #center + (bordures)

Ecrit par : thomas | 28/06/2005

(re-)Problème corrigé, merci(s) !

Ecrit par : a.k.a. FrenchDoctor | 29/06/2005

ha j'ai reussi merci merci merci!!

Ecrit par : zabou | 30/06/2005

Franchement j'ai rien compris!!!! c'est ou qu'on fait ces changement, etc..etc...je comprend vraiement rien!!!

Ecrit par : ame de lune | 11/07/2005

Bon, bah moi, je suis désespérée, j'ai un grand rectangle blanc à la place d'une photo !!! J'ai pourtant tout suivi à la lettre, changé de photo, tout quoi !

Ecrit par : radotages | 11/07/2005

"Pour la ligne :
background: #fff url("http://[BLOG].blogspirit.com/images/[BANNER].jpg") no-repeat 0% 0%;
Elle s'écrit sur une ligne, dans ma note il y a un retour à ligne mais c'est tout simplement qu'il n'y avait pas la place ;)"

Je suis en train de m'arracher les cheveux !...

Et si ça ne tient pas sur une ligne, on fait quoi ?

Toujours pas de photo, un grand espace blanc ...

Merci de ta réponse

Ecrit par : radotages | 11/07/2005

et la longeur? ma banniére n'est pas assez longue !! elle fait la moitié e la page seulement !!

Ecrit par : ame de lune | 12/07/2005

c bon jme sui débrouillée...et!! chpeu faire partie des blogs relookés? hien.? dite? stiplé..
..

Ecrit par : ame de lune | 12/07/2005

pfff... j'ai lu et relu ta note et les commentaires, mais je n'arrive à rien... c'est rageant.
Autre chose. Je n'ai pas accès à mon propre ordi en ce moment et je fais les changements sur un autre ordi. Est-ce qu'une fois que les images sont chargées dans mes docs sur le serveur blogspirit il peut leur arriver qqch?

Ecrit par : SaraKa | 20/07/2005

Encore une petite question. Nombre de blogs que je lis ont dans leurs statistiques les requêtes google qui ont mené leurs visiteurs sur leurs blogs. Cette fonctionnalité me paraît très intéressante et je me demandais, puique blogspirit ne le propopse pas, s'il existe un moyen (de préférence gratuit), d'avoir un équivalent. Alors? Possible, pas possible?

Ecrit par : SaraKa | 20/07/2005

SaraKa 1 -> Aucun problème !

SaraKa 2 -> Je vois pas exactement de quoi tu parles (une URL ?) mais tu peux essayer ça :
http://technoblog.blogspirit.com/archive/2005/03/14/blocs_libres_quelques_idees_pour_votre_blog.html

Ecrit par : thomas | 20/07/2005

je précise : certains blogueurs publient de temps en temps une note détaillant les requêtes google qui ont mené les internautes à leurs sites. Exemple : http://guillemette.typepad.com/guillemette/2005/07/spcial_14_juill.html
Je me demandais si c'était possible de trouver un moyen gratuit d'avoir ce genre de stats...
Site meter etc, c payant, non?

Ecrit par : SaraKa | 20/07/2005

ok c bon. J'avais pas bien lu, et je pensais pas qu'un service aussi compet que Stat countersoit gratuit. merci beaucoup!!!

Ecrit par : SaraKa | 20/07/2005

Re-coucou
j'ai réussi à mettre une bannière sur le blog, mais comme je m'y attendais, le titre a disparu... comment faire?

Ecrit par : SaraKa | 21/07/2005

Bonjour,

bon, j'ai essayé, j'ai relu, j'ai même re-relu les instructions, mais ma banière n'apparait pas...

J'ai besoin d'aiiiiiiiiide ! SVP...

Ecrit par : BlueGrey | 29/07/2005

Saraka -> c'est normal, tu peux faire apparaitre le titre de ton blog dans ton image. Si tu veux quand même afficher le titre enlève la ligne "display: none;" du style #banner

BlueGrey -> Regarde bien l'adresse de ta bannière :
http://minerva.blogspirit.com/images/bandeau.gif
C'est cette adresse que tu dois insérer dans ta feuille de style.

Ecrit par : thomas | 30/07/2005

Ouuuuuuups! La boulette!

Bon, ben, heuuuuuuu, j'ai réparé la boulette, mais ça ne marche toujours pas...

Y aurait-il une autre boulette?

Ecrit par : BlueGrey | 31/07/2005

ça y est! ça marche!!!

Merci, merci beaucoup...

Ecrit par : BlueGrey | 02/08/2005

Bonjour,

Tous vos conseils m'ont permis de créer ma propre bannière sans trop de problème, cela fonctionne avec une hauteur de 170px.

Y a-t-il moyen de diminuer la hauteur de la bannière ? J'ai essayé, mais si je diminue la hauteur de l'image et que j'adapte la feuille de style (par exemple à 120px), l'image n'apparait plus.

Y a-t-il moyen de supprimer la bande mauve qui se trouve tout au dessus de la page, au-dessus de la bannière ? Je n'ai pas trouvé dans le code. J'utilise le design 1.

Merci, et bravo pour ce blog riche en conseils.

Isa

Ecrit par : Isa | 14/08/2005

Merci pour la musique ambiante. Mais savez-vous comment personnaliser l' arriere-plan ? Par exemple, supprimer les cadres qui entourent les notes.
Et mettre un arriere-plan personalise??
Merci d'avance. visitez mon blog sur : mythologie.blogspirit.com merci

Ecrit par : skinburnt | 05/09/2005

salut thomas
jai unn gros probleme jai creer une banniere animée mais malgres tout les efforts du mondes jarive pas a linserer sur mon blog jai tout les elements necessaires mais rien a faire kan sa veut pas sa veut pas ! si tu veut bien me filer un coup de mains sa marrangerait

Ecrit par : totof | 06/09/2005

totof, il me faut l'URL de ton blog. A priori, je ne vois pas comment insérer du flash dans une feuille de style. Il faut insérer le code HTML à la main dans tous tes templates.

Ecrit par : thomas | 06/09/2005

vraiment tres compliker pour moi ce ke tu me dis mon blog cest http:\ledefonsecrew.blogspirit.com
si cela ne te pose pas de soucis je veut bien te filer mon code et mon mot de passe sans probleme

Ecrit par : totof | 06/09/2005

meci pourton aide

Ecrit par : totof | 06/09/2005

Petite question: il me semble que l'on ne peut pas mettre de bannière sur les photoblogs, right ? N'y a-t-il vraiment aucune possibilité ? Merci d'avance pour votre aide.
Nag

Ecrit par : Nagchampa | 17/10/2005

Pour l'instant ! L'accès aux feuilles de style des photoblogs est pour bientôt...

Ecrit par : thomas | 17/10/2005

Yes !!! C'est vraiment simple de pondre quelque chose de personnalisé... En attendant, je crois que je vais rester avec les albums, même si on ne peut pas mettre de commentaires...snif...snif...
Encore merci
Nag

Ecrit par : Nagchampa | 17/10/2005

et un commentaire de +. juste pour te remercier d'etre aussi clair dans tes explications. je suis nulle mais j'ai reussi a faire quelques petits trucs sur mon blog.. merci, merci!

Ecrit par : nie | 19/10/2005

Nagchampa -> Ce qu'il te faut c'est un photoblog, on peut y laisser des commentaires, trackbacks etc...

Nie -> Merci ! Technoblog n'a d'intérêt que si les blogueurs y trouvent leur compte pour aller plus loin avec leurs blogs ! Par contre tu es toujours en mode privé, j'aurais bien aimé voir les "quelques petits trucs"...

Ecrit par : thomas | 19/10/2005

Salut Thomas,

C'est clair que je vais pondre un photoblog mais je vais attendre d'avoir suffisamment de photos à y mettre. Je laisserai les peintures et dessins dans des albums sur mon blog et les photos seront sur le photoblog. C'est aussi plus simple pour être référencé par des site comme photoblogs.org . Par contre, petite question, si je mets un lien vers un photoblog sur mon blog, est-il possible de mettre une petite photo à côté ? Comme pour les albums photos ? ...je ne sais pas trop comment faire...désolé...;o)))
Bye et encore merci pour tes feedbacks.
Nag

Ecrit par : Nagchampa | 19/10/2005

Bonsoir Thomas,

Je débute avec Blogspirit, j'aimerai bien changer de bannière mais je n'y arrive pas.
Voici la feuille de style que j'ai modifié avec vos instructions http://romainrollandweblogue.blogspirit.com/files/feuille2style.txt

Qu'est que j'ai fait de travers ? Pouvez vous m'aider svp

Merci d'avance

Cordialement

Ecrit par : C. Isabelle | 25/10/2005

Il faut que tu enlèves les /** code for your own banner : et */ sur #banner {, sur #banner-img {, et sur div.img-link a {
A partir de là, je pense que ça devrait marcher !!!
Tiens nous au courant !!!
Nag

Ecrit par : Nagchampa | 26/10/2005

Isabelle -> Suis ce que Nagchampa a conseillé et enlève les crochets []. Ensuite il te reste à remplacer ta feuille de style actuelle par ce qu'il y a dans ton fichier texte. Tu y es presque !

Ecrit par : thomas | 26/10/2005

Merci beaucoup Nagchampa et Thomas ! je ne sais pas ce que je ferai sans vous ! j'ai réussi à la mettre comme je le voulais ! mais il ya encore un petit truc qui me dérange, je voudrai enlever la bannière de la description du weblog(en bleu).
Si vous ne comprenez pas ce que je veux dire, constatez par vous même sur mon weblog.

Merci d'avance !

Cordialement

Ecrit par : C. Isabelle | 26/10/2005

Désolé mais là je sèche.... D'ailleurs, j'ai une petite question pour Thomas: il n'existe pas un forum BlogSpirit ou l'on pourrait discuter techniques et autres ??
A +
Nagchampa

Ecrit par : Nagchampa | 27/10/2005

Bonne idée, ça, un forum BlogSpirit :-)

Ecrit par : Thierry | 29/10/2005

Merci pour ce tutoriel, j'ai commencé les modifications afin de personnaliser ce blog, mes débuts sont modestes.
Cordialement Roger

Ecrit par : charlet | 29/10/2005

bonjours Thomas,
Je suis avec intérêt chaque astuce, j'ai une question concernant l'intégration d'une bannière en flash.... Est-ce possible ? et dans ce cas je dois intégrer quoi et où ? car dans banner-img (de la feuille de style) si je remplace l'adresse de mon image par cette de l'animation flash ça ne marche pas, il ne doit pas reconnaitre le format....
merci et sympa ton site...
Dans l'attente d'autres astuces pour personnaliser les blogs...

Ecrit par : vince | 13/11/2005

Merci pour ces explications ...petit souci néanmoins , je n'arrive pas à réaligner la colonne du centre avec celles de gauche et droite , j'ai l'impression que ma banniere deborde vers le bas , au centre ... voyez :
http://melomaniaque.hautetfort.com/

Ecrit par : tibo | 24/11/2005

Bonjour!
Pourriez vous avoir la gentillesse de me donner le code à insérer pour mettre ma bannière sans passer par la feuille de style? Je l'ai déja fait en insérant un code tout en haut de "page d'accueil", cela me semblait plus simple mais 'jai hélas perdu le code .. Merci d'avance!

Ecrit par : la grande vava | 12/12/2005

Bonjour Thomas,

J'utilise le modèle 5. Je viens de changer ma bannière et ça fonctionne plutôt bien. Sauf que mes colonnes droite et gauche se sont décalées et que j'ai un espèce de rectangle blanc qui dépasse au dessus de la colonne gauche. Une idée ?

Ecrit par : Droit administratif | 14/12/2005

Bonjour Thomas,

J'ai visiblement un problème aussi, au secouuuuuuuuuuuuuurs !!!! Merci par avance !!!

Ecrit par : Cyb | 17/12/2005

Problème réglé par une amie pour ma part.

Ecrit par : Droit administratif | 17/12/2005

J'ai déjà réglé qq trucs, reste que ma bannière n'est pas centrée. Comment qu'on fait ?

Merci !!

Ecrit par : Cyb | 17/12/2005

Finalement je m'en suis sortie, sauf que j'ai perdu mon rose de fond initial... tant pis !

Ecrit par : Cyb | 17/12/2005

Coucou

J'ai un petit souci, j'ai mis une banniere sur mon blog. (Chouette :-)

Mais, et oui il y a un mais, la colonne de gauche ne se met pas gauche, mais reste reste centrer, et mes notes se trouve en dessous.

Comment pourrais je corrigé ceci ????

Ecrit par : Flo ;-) | 19/12/2005

En vrac :

tibo -> met tes "height: 170px" à 120px et ça ira
vince -> c'est possible mais la méthode est totalement différente : il faut insérer le code html pour insérer le flash dans tout tes templates html...
Droit administratif et Cyb -> bravo, vos bannières sont nickels !
les autres -> laissez l'adresse de vos blogs

Ecrit par : technoblog | 19/12/2005

Hello je rame comme une dingue pour la mettre cette fichue bannière et y a un truc violet qui s'applique alors que ce n'est pas ce que je souhaite !!!! Argh je ne comprends pas !!!!

Ecrit par : La Veilleuse | 21/12/2005

Bon j'ai presque réussi à la coller ma fichue bannière mais je ne pige toujours pas pourquoi elle se repéte à l'infini... Et ça a tendance à me prendre la tête... Comment faire ? normalement elle est toute petite !

Ecrit par : la veilleuse | 22/12/2005

J'aurais toujours besoin d'aide...

Ecrit par : la veilleuse | 26/12/2005

En elevant la ligne repeat : repeat-x de ton CSS

Ecrit par : Glu-glu | 27/12/2005

À l'endroit où tu as mis ta banière en background tout particulièrement.

Ecrit par : Glu-glu | 27/12/2005

Salut Thomas,
Ce n'est pas faute d'essayer mais je suis vraiment très nulle en informatique et dès qu'on rentre dans le détail de la programmation, c'est la cata. Si je fais ma bannière, pourrais-tu l'insérer sur mon blog?
Merci par avance de ton aide, même si j'imagine tu dois être très sollicité.
Angel

Ecrit par : Angel | 27/12/2005

Salut :-)

Je voudrai toujours insérer un script dans ma page d'accueil, mais malgrés plusieurs conseils (merci Glu glu) je n'arrive toujours pas à le mettre en place.

Le script marche quand je le copie sur dans editeur HTML.

Si quelqu'un pouvait m'aider ce serait avec grand plaisir :-))))))))))