Des trucs et des astuces

Alors amusons -nous ;)

23 avril 2007

Ma bannière en avancé, alors que je n'en avais pas avant.

Oui!!

Bon alors,

On s'est créé un gentil blog, en mode normal on s'est mis un beau titre, une toute belle explication, puis on a évolué, sommes passés en mode "avancé", avons ajouté des trucs de ci de là....
Et on veut ajouter une bannière parce que du coup ça ferait plus beau....

Heuuuuu oui, mais en mode avancé, il n'y a plus le choix de chargement du logo ou de la bannière,
- Diantre!! Mais où donc vais-je pour la charger, cette belle et nouvelle bannière?

Première étape,

Créer un nouveau message, qu'on sauvera en mode brouillon, pour pouvoir y retourner de temps en temps.
tutoban05
Et là, charger la photo (mais attention, pas par le traditionnel lien "d'insertion d'image", mais par l'insertion d'un fichier. Car.... la photo serait redimensionnée et ne correspondrait plus à la longueur de la bannière.
tutoban06
tutoban07

Ceci effectué, basculer en mode "html" [avec la touche <> ] et copier l'adresse url du document chargé.

tutoban08

Sauvegarder (publier en mode brouillon ne le rend pas accessible au public et permet de pouvoir récupérer au besoin l'adresse du fichier dans "mes documents" du blog).
tutoban12

Deuxième étape,

Editons donc nos fichiers de mise en page, et plus principalement la feuille de style
tutoban03

Etant donné que nous n'avions pas de bannière, le bloc #topbar a la propriété display: block; (afficher en bloc) mais ce n'est pas lui qui affiche la bannière en image, non allons donc remplacer block; par none;
01fdstopbar

Ensuite on recherche le bloc #topbar-logo qui lui affiche la bannière en image, on s'aperçoit que le height (hauteur de l'image) est à 0px et que le display est à none

02fdstopbar
nous allons intervenir à background (qui est le fond) et y coller l'url qu'on a copier après la couleur:
03fdstopbar
le lien sera pécisé par url(lien-de-l-image.jpg) suivi de no-repeat et de 0 0 (pour qu'elle ne se répète pas et qu'elle soit position en haut à gauche)
changer la hauteur de l'image height: hauteur-de-l-image-en-px;
et changer display: block;
un petit coup d'oeil qu'on a bien changer #topbar
04fdstopbar

on valide, et on jette un oeil sur le résultat

tutoban11(réactualiser la page au besoin "[Ctrl] + [F5]")


Commentaires

    Problème...besoin de ton aide...

    Bonjour Alerion,

    Voila j'ai suivi ton tuto pour inserer une bannière en mode avancé mais je n'y arrive pas, je n'ai carrément plus de bannière...je ne sais pas où ca cafouille, j'ai tout suivi à la lettre...peux tu m'aider si tu as 2mn?
    j suis pas une pro, pour te dire c'est une amie qui m'a gentilment fait la bannière...

    Merci à toi

    Helene D

    Posté par Helene D, 06 octobre 2008 à 20:36
  • ok, tu as une erreur dans ton CSS au background tu as:
    background: #FFFFFF[Sur col='#CCF':]:;[/Sur]url(:url:storage.canalblog.com/04/46/512866/30955298.jpg)no-repeat 0 0
    le [Sur col='#CCF':]:;[/Sur] n'est pas à la bonne place, de plus mets des espaces entre no-repeat et la parenthèse de l'url
    tu dois mettre ça:
    background: #FFFFFF url(:url:storage.canalblog.com/04/46/512866/30955298.jpg) no-repeat 0 0 ;
    ;)

    Posté par Alérion, 06 octobre 2008 à 21:52
  • MERCIIII

    merci beaucoup pour ce petit tuto, qui je dois l'avouer m'a grandement aidé à installer ma banniere ;)[:)]

    Posté par crea88, 17 novembre 2008 à 20:42
  • au secours aidez moi j,ai fait éxactement ce que vous avez dit mais je n'y arrive plus pouvez vous m'aider s'il vous plaît si vous avez deux minutes Merci

    Posté par loubna, 22 novembre 2008 à 18:47
  • bonjour Loubna, ta cuisine m'a l'air alléchante :)
    tu vas aller dans ton css et particulière à:
    [G]#topbar-logo {[/G]
    ...
    [Font col='#F00000':]:[Size='12pt':]:display: none; [/Size][/Font]
    display: block;
    }
    deux display ça fait beaucoup :D vire le [Font col='#F00000':]:display: none;[/Font] qui te casse tout ;)

    Posté par Alérion, 23 novembre 2008 à 07:46
  • merci bcq alérion mais ca ne marche tjrs pas je suis vraiment desespérée ma feuille de style est vraiment toute chamboulée mnt on ne voit même plus l'ancienne barriére que j'avais !!![:s][Triste ouin]

    Posté par loubna, 26 novembre 2008 à 16:30
  • ... bha oui tu as retiré trop de chose là...
    au topbar-logo ton [Font col='#F00000':]:background: #333 url(:url:storage.canalblog.com/80/23/283138/32792402[/Font]
    il te manque toute la fin de l'adresse son postionnement et tout et tout, relis le tutos tu veras qu'il te manque plein de chose

    Posté par Alérion, 28 novembre 2008 à 18:57
  • MERCI

    Alérion j'ai pue au moins récupérer mon ancienne barriére !1merci bcq je suis trop contente [:)]

    Posté par loubna, 29 novembre 2008 à 06:11
  • Je suis désespérée

    Bonjour,

    Tout d'abord un grand merci pour vos explications qui sont géniales.
    J'ai inséré ma bannière en mode avancé comme expliqué mais elle s'arrête systématiquement avant le début de la colonne de droite.
    Je pensais au début que ma bannière n'était pas assez grande mais ce n'est pas le cas (je l'ai agrandie plusieu fois).
    Pourriez-vous m'aider ?
    Je vous en remercie d'avance [Ange]

    Posté par Fabienne, 27 janvier 2009 à 14:57
  • heuuu, je la vois normalement la bannière, Fabienne....
    la largeur du blog est totalement utilisée[mmm]

    Posté par Alérion, 28 janvier 2009 à 20:02
  • Oupsss

    J'ai trouvé la solution entretemps.
    En fait j'utilisais la fonction "insérer une image" au lieu de la fonction "insérer un fichier".
    Merci à toi d'avoir pris la peine d'aller voir mon blog pour trouver une solution.
    Ton blog est génial !!!!!
    Merci encore.

    Posté par Fabienne, 28 janvier 2009 à 20:57
  • Impossible

    Bonjour,
    Impossible d'insérer ma bannière, la barre est blanche, l'emplacement est super mais pas le contenu !!!
    J'ai remarquer que ma banniere est en bmp et non en jpg, réaliser avec photofiltre(je ne sais pas comment ca ce fait?)
    Les dimensions sont bonnes, je n'ose plus toucher de peur de faire des erreurs.
    Merci de m'aider si possible
    Merci beaucoup
    A bientôt

    Posté par cristella7, 03 février 2009 à 23:26
  • banniere blanche

    Bonjour, j'ai suivi toutes tes démarches pour mettre la banniere et j'ai une bande blanche !!!
    Comme Christelle mon lien est en bmp et non jpg est ce grave ?
    Super ton bog je le garde dans mes favoris

    Posté par sarah, 13 février 2009 à 14:10
  • SOS

    j`ai suivi toute les etapepour avoir la baniere dans le mode avance mais je n`ai plus de banierre dans mon blog au scours........SOS

    Posté par assiette, 09 mai 2009 à 20:19
  • SOS

    bonjour, j`ai suivi la reponse de helene ;j`ai pu recuperer la baniere mais elle est toute blanche, que puis-je faire...merci[Triste ouin]

    Posté par assiette, 09 mai 2009 à 20:35
  • j`attend ta reponce

    bonjour Alerion ,j`attend tjs ta reponce avec impatience
    merci d`avance....................[Attend]

    Posté par assiette, 10 mai 2009 à 14:44
  • pbs resolu

    mon pbs est resolu merci ++++++++++++++++++++, il suffit que j`ai enlever l`espace entre le url et la parenthese.........merci infiniment

    Posté par assiette, 10 mai 2009 à 16:28
  • merci mais besoin d'aide

    grace à ton tuto j'ai réussi à mettre un fond et une banniére mais ma baniière n'apparait pas en entier, j'ai l'impression que ma photo est beacoup trop grande pourtant j'ai vachement réduit la taille en pixel de mon image !
    peux tu me dire ce qui coince.
    merci d'avance.
    tes tutos sont trop bien !

    Posté par sandrine, 21 juillet 2009 à 22:10
  • pb de banniere qui ne s'affiche pas

    salut,

    j'ai bien suivi ton tuto et je ne vois pas ma bannière s'afficher

    je te mets mon script ci-dessous

    #topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    background: #fffc00 url(:url:storage.canalblog.com/12/46/637884/42601816.jpg) no-repeat 0 0 ;
    height: 15Opx;
    display: block;
    }
    div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 0px;
    }
    #topbar {
    background-color: #ffcc00;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 10px;
    display: none;
    }

    si tu vois une solution hesites pas
    merci

    Posté par anthony, 08 août 2009 à 15:00
  • pb de banniere qui ne s'affiche pas

    salut,

    j'ai bien suivi ton tuto et je ne vois pas ma bannière s'afficher

    je te mets mon script ci-dessous

    #topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    background: #fffc00 url(:url:storage.canalblog.com/12/46/637884/42601816.jpg) no-repeat 0 0 ;
    height: 15Opx;
    display: block;
    }
    div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 0px;
    }
    #topbar {
    background-color: #ffcc00;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 10px;
    display: none;
    }

    si tu vois une solution hesites pas
    merci

    Posté par anthony, 08 août 2009 à 15:22
  • Pour les personnes qui ont le même problème que Anthony,
    aller voir :
    div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 0px; à la place de 0px mettre 150px.

    puis valider

    Posté par hamanour, 18 octobre 2009 à 01:06
  • help!

    j'ai fait tout ce que tu as dis mais ma banière s'affiche toute blanche et sans image voici ce que je fais, sais-tu ou est le problème?

    #topbar-logo {
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: none;
     border-width: 1px;
     border-color: #99B2CC;
     background: #FFFF66 url
    (¤v;A href="http://p3.storage.canalblog.com/38/49/668384/46282334.jpg"v¤;http://p3.storage.canalblog.com/38/49/668384/46282334.jpg¤v;/Av¤;) no-repeat 0 0;
     height: 150px;
     display: block;
    }
    div .logolink a {
     display: block;
     text-decoration: none;
     width: 100%;
     height: 150px;
    }
    #topbar {
     background-color: #FFFF66;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: none;
     border-width: 1px;
     border-color: #99B2CC;
     padding: 10px;
     display: none

    Posté par marinadolls, 12 novembre 2009 à 15:17
  • re-help

    du coup j'ai enlevé l'espace entre l'url et le lien, ça donne ça (ci dessous) et la une bannière apparit mais c'est tellemnt zoomé (?) que je ne sais même pas s'il s'agit de mon image. Je pense que c'est elle mais en bcp trop grande...comment je fais la stp??j'en peux plus là[mdr]

    #topbar-logo {
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: none;
     border-width: 1px;
     border-color: #99B2CC;
     background: #FFFF66 url(¤v;A href="http://p3.storage.canalblog.com/38/49/668384/46282334.jpg"v¤;http://p3.storage.canalblog.com/38/49/668384/46282334.jpg¤v;/Av¤;) no-repeat 0 0;
     height: 150px;
     display: block;
    }
    div .logolink a {
     display: block;
     text-decoration: none;
     width: 100%;
     height: 150px;
    }
    #topbar {
     background-color: #FFFF66;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: none;
     border-width: 1px;
     border-color: #99B2CC;
     padding: 10px;
     display: none;

    Posté par marinadolls, 12 novembre 2009 à 15:24
  • le lien que je t'ai copié ne s'affiche pas comme il est sur mon codage...

    et d'ailleurs je ne comprends pas pourquoi un simple copier/coller me donne tout ce codage différent?!?

    ça fait normalement dans "# topbar-logo": background: #FFFF66 url(¤v;A href="http://p3.storage.canalblog.com/38/49/668384/46282334.jpg"v¤;http://p3.storage.canalblog.com/38/49/668384/46282334.jpg¤v;/Av¤;) no-repeat 0 0;

    Posté par marinadolls, 12 novembre 2009 à 15:29
  • bonsoir marinadolls,

    alors la une c'est que c'est bien ton image qui s'affiche[Oui], mais comme elle est super grande, il ne s'en affiche qu'un bout jusqu'aux cheveux

    le mieux étant de réduire la dimension de ton image.

    [I]ensuite pour le code qui s'affiche à la place de l'autre, je vois ce que c'est: l'adresse url de l'image se transforme tout de suite en lien  [S]clicable[/S] [S]clic able[/S] [S]cliquable[/S] clickable ...[/I]

    [I]faut que je règle ça, merci pour m'avoir remonté ce bug :D[/I]

    Posté par Alérion, 12 novembre 2009 à 18:11
  • cool!

    merci pour tout, mais j'ai oublié comment j'étais super nul:

    j'ai bidouillé mon ordi, et du coup en bidouillant une image elle s'est ouvert sous "microsoft office picture manager" au lieu de "image bitmat" et du le bitmat a disparue de mes programme...[:(] Mais le pire dans la nullité que je suis c'est que je ne sais pas réduire une image (et oui...!) tu sais comment on fait pour la réduire sur "microsof office picture manager"? (sinon j'ai un autre  programme comme: "microsoft office power point" si ça peut être plus facile je prends...[:s])

    sillll te plllait[la tu vois]

    mici

    Posté par marinadolls, 12 novembre 2009 à 19:50
  • euh en fait nan...

    en fait je peux ouvrir mes document que sur "document microsoft office publisher" ou "présentation microsoft powerpoint" je sais vraiment pas ce que j'ai bidouillé là!

    Posté par marinadolls, 12 novembre 2009 à 19:55
  • jy suis presque...

    alors le j'ai essayé de compresser l'image pour "site web" avec "microsoft office picture manager" et du coup elle est en toute petite à gauche....[:s]

    Posté par marinadolls, 12 novembre 2009 à 20:10
  • Problème !

    Bonjour alerion, tes explications sont super sauf sur un point où je plante !

    Lorsque sur le "nouveau message" on change le lien en adresse HTML avec la touche que fait-on exactement en utilisant cette touche ? Parce que lorsque je sélectionne mon texte et que j'appuie sur la touche en question, il me remplace mon lien par des <<<<<<<<<<<<<<<<<<< !!

    Pourrais-tu m'aider ?

    Posté par mayumii, 15 novembre 2009 à 09:24
  • re...

    Premier problème résolu mais comme sarah maintenant j'ai une bande blanche et plus de titre !! De plus mon lien est en bmp, la source du problème ? [:(]

    Posté par mayumii, 15 novembre 2009 à 09:40
  • encore et encore moi !

    J'ai changé mon image en .jpg et j'ai refait le tuto mais malheureusement le résultat est toujours le même !! Pourrais-tu m'aider ? [Help]

    Posté par mayumii, 15 novembre 2009 à 09:50
  • j'ai oublié de...

    j'ai oublié de te donner mon code, [:s] le voici :

    #topbar-logo {
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: none;
     border-width: 1px;
     border-color: #CC6666;
     background: #FEFEFE url(¤v;A href=":url:storage.canalblog.com/08/16/677327/46378021.jpg"v¤;:url:storage.canalblog.com/08/16/677327/46378021.jpg¤v;/Av¤;
     height: 150px;
     display: block;
    }
    div .logolink a {
     display: block;
     text-decoration: none;
     width: 100%;
     height: 0px;
    }
    #topbar {
     background-color: #FEFEFE;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: solid;
     border-left-style: none;
     border-width: 1px;
     border-color: #CC6666;
     padding: 10px;
     display: none;

    Posté par mayumii, 15 novembre 2009 à 09:51
  • no repeat 0 0

    J'avais oublié de mettre no repeat 0 0 alors je l'ai rajouté, mais le résultat est le même =(

    Posté par mayumii, 15 novembre 2009 à 10:11
  • bonjour Mayumii,

    pout ton problème, vérifies qu'à la fin de [G]¤v;FONT size=4v¤;"no-repeat 0 0;"¤v;/FONTv¤;[/G] il y ait bien le ¤v;FONT size=5v¤;[G];[/G]¤v;/FONTv¤;

    ¤v;FONT size=3v¤;sinon ça bloque...¤v;/FONTv¤;

    Posté par Alérion, 15 novembre 2009 à 13:41
  • En effet je n'avais pas mis le[G] ; [/G]mais ça ne marche toujours pas la différence c'est juste que le rectangle est plus grand mais l'image n'apparaît pas

    Posté par mayumii, 15 novembre 2009 à 13:50
  • En effet je n'avais pas mis le[G] ; [/G]mais ça ne marche toujours pas la différence c'est juste que le rectangle est plus grand mais l'image n'apparaît pas

    Posté par mayumii, 15 novembre 2009 à 13:53
  • [Triste ouin]J'ai essayé de régler mon problème avec les idées dans les précédents commentaires, mais rien ne marche !

    Posté par mayumii, 17 novembre 2009 à 19:09
  • Coucou Alerione je voudrais mettre une vidéo sur mon blog mais je ne sais pas comment m'y prendre

    Merci d'accepter de m'aider

    Bisous

    Béa

    Posté par Terlicoton, 02 décembre 2009 à 07:24
  • merci

    Tes explications sont claires.
    C'est très clair [:)]
    J'ai réussi à mettre cette fichue bannière et je me voyais mal recréer un nouveau modèle en mode normal [Triste ouin]

    merci Alerione pour tes précieux conseils.

    Posté par klodine, 23 mai 2010 à 20:24
  • besoin d'une petite aide

    Bonjour !

    J'ai réussis à insérer une photo dans ma bannière mais je ne sais pas où écrire ( parce que je suppose qu'on peut écrire des trucs).
    Peux-tu m'aider ?

    Merci beaucoup d'avance !!

    Julia

    Posté par juju1725, 30 août 2010 à 08:26
  • au secourssssss

    je reviens jai voulu remodifier et jai fait une banniere sur phoyofiltre (800*150) et ca me plait!! maintenant que je veux l'inserer ca beug car maintenant toute mon image de fond a disparue et ma banniere est décalee pourtant ja itout suivie a la lettre

    je t'en prie aide moi!! merci d'avance

    Posté par maud, 21 avril 2011 à 18:57
  • re

    j'ai oublié de te mettre le script
    body {
    margin: 0px 0px 0px 0px;
    text-align: center;
    background: #C9C9C9 url(":url:storage.canalblog.com/38/64/840937/63943538.jpg") no-repeat 0 0;
    }
    #container {
    width: 1086px;
    padding: 0px;
    background-color: #141414;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    margin-right: auto;
    margin-left: auto;
    }
    #content {
    float: left;
    width: 580px;
    background-color: #141414;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    }
    #rightbar {
    float: left;
    width: 306px;
    background-color: #DBDBDB;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    }
    #leftbar {
    float: left;
    width: 200px;
    background-color: #DBDBDB;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    }
    #topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    background:#C9C9C9 url(":url:storage.canalblog.com/38/64/840937/63943538.jpg") no-repeat 0 0;
    height: 150px;
    display: block;
    }
    div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 150px;
    }
    #topbar {
    background-color: #;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 10px;
    display: none;

    Posté par maud, 21 avril 2011 à 19:23
  • Au secours

    Coucou :) je suis sur canalblog! et ça fait des heures que j'essaie de mettre une bannière! je suis en mode avancé!j'ai tout fait les changements que vous avez mentionné et toujours rien c'est blanc et je ne vois pas la bannière!!! voici le codage que j'ai mis! pouvez-vous m'aider svp :)


    body {
    margin: 60px 0px 0px 0px;
    text-align: center;
    background: #E3E3E3;
    }
    #container {
    width: 986px;
    padding: 0px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    }
    #content {
    float: left;
    width: 680px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    }
    #rightbar {
    float: left;
    width: 306px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    -webkit-border-radius: 0px 0px 20px 0px;
    -moz-border-radius: 0px 0px 20px 0px;
    border-radius: 0px 0px 20px 0px;
    }
    #leftbar {
    float: left;
    width: 0px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    -webkit-border-radius: 0px 0px 0px 20px;
    -moz-border-radius: 0px 0px 0px 20px;
    border-radius: 0px 0px 0px 20px;
    }
    # topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #99B2CC;
    background: #334C66 url(":url:storage.canalblog.com/07/97/926937/70242354.jpg") no-repeat
    0% 0%;
    height: 150px;
    display: block;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    }
    div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 150px;
    }
    #topbar {
    background-color: #ccc;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 20px;
    display: none;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    }
    a {
    text-decoration: none;
    }
    a:link {
    color: #345E9B;
    text-decoration: none;
    }
    a:visited {
    color: #345E9B;
    text-decoration: none;
    }
    a:active {
    color: #345E9B;
    text-decoration: none;
    }
    a:hover {
    color: #345E9B;
    text-decoration: underline;
    }
    h1 {
    margin: 0px;
    padding: 0px;
    }
    h2 {
    margin: 0px;
    padding: 0px;
    }
    h3 {
    margin: 0px;
    padding: 0px;
    }
    #topbar h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #345E9B;
    font-size: 60px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    }
    #topbar a {
    text-decoration: none;
    color: #345E9B;
    }
    .blogbody {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    padding: 10px;
    text-align: left;
    line-height: 150%;
    }
    .blogbody h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    margin-bottom: 10px;
    padding: 0px;
    }
    .blogbody h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #345E9B;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-width: 1px;
    border-color: #E7E2DC;
    margin-bottom: 10px;
    padding: 3px;
    }
    .blogbody p {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    line-height: 150%;
    margin-bottom: 10px;
    }
    .blogbody .itemfooter {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    margin-bottom: 25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 0px;
    clear: both;
    }
    .navlinks {
    padding: 10px 2px 10px 2px;
    }
    .navlinks .title {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-width: 1px;
    border-color: #E7E2DC;
    padding: 3px;
    }
    .navlinks ul {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    }
    .navlinks li {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    line-height: 150%;
    margin-top: 10px;
    }
    .navlinks .item {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    #calendar {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    line-height: 150%;
    padding: 2px;
    margin-bottom: 20px;
    }
    #calendar table {
    width: 100%;
    padding: 2px;
    border-collapse: collapse;
    border: 0px;
    }
    #calendar caption {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 3px;
    }
    #calendar th {
    font-weight: normal;
    text-align: center;
    }
    #calendar td {
    text-align: center;
    }
    .image {
    text-align: left;
    margin-bottom: 20px;
    }
    .navlinks img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    }
    #album-container {
    width: 986px;
    padding: 0px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    }
    #album-content {
    float: left;
    width: 680px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;

    }
    #album-nav {
    float: left;
    width: 306px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
    }
    .albumbody {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    padding: 10px;
    text-align: left;
    line-height: 150%;
    }
    .albumcol {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    padding: 10px 2px 10px 2px;
    text-align: left;
    line-height: 150%;
    }
    .albumcol h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-width: 1px;
    border-color: #E7E2DC;
    margin-bottom: 10px;
    padding: 3px;
    }
    .albumbody h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #345E9B;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-width: 1px;
    border-color: #E7E2DC;
    margin-bottom: 10px;
    padding: 3px;
    }
    .albumbody img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    }
    .albumcol img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #000000;
    margin: 0px;
    }
    .albumbody p {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    line-height: 150%;
    margin-bottom: 10px;
    }
    .albumcol p {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    line-height: 150%;
    margin-bottom: 10px;
    }
    .clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    }
    ul.tagcloud {
    text-align: left;
    margin-top: 10px;
    }
    ul.tagcloud li {
    line-height: 200%;
    display: inline;
    margin-right: 0.5em;
    }
    ul.taglist {
    text-align: left;
    padding: 0px;
    margin-left: 0px;
    }
    ul.taglist li {
    line-height: 200%;
    display: inline;
    margin-right: 0.5em;
    }
    .relatedlinks .title {
    font-weight: bold;
    }
    .blogbody h3 a {
    color: #345E9B;
    text-decoration: none;
    }
    .albumcol ul {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    }
    .albumcol li {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    line-height: 150%;
    margin-top: 10px;
    }
    .breadcrumb {
    margin: 0px 0px 10px 0px;
    font-size: x-small;
    }
    .breadcrumb div {
    display: inline;
    }
    .navlinks .item em {
    text-decoration: none;
    }
    .mainphoto {
    padding: 0px 0px 10px 0px;
    }
    img.bullet {
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    border: none;
    }
    .mainphoto img {
    max-width: 640px;
    max-height: 640px;
    width: expression(this.width > 640 ? 640: auto);
    height: expression(this.height > 640 ? 640: auto);
    }
    .mainphoto .navphoto {
    font-size: x-small;
    text-align: center;
    margin: 0px 0px 5px 0px;
    }
    .albumcover {
    float: left;
    padding: 0px 5px 5px 0px;
    }
    .albumcover img {
    max-width: 320px;
    max-height: 320px;
    width: expression(this.width > 320 ? 320: auto);
    height: expression(this.height > 320 ? 320: auto);
    }
    .albumbody .itemfooter {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    margin-bottom: 25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 0px;
    clear: both;
    }
    img.gravatar {
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid black;
    }
    .albumbody h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    margin-bottom: 10px;
    padding: 0px;
    }
    .albumbody h3 a {
    color: #616161;
    text-decoration: none;
    }

    Posté par misscrapbooking, 19 novembre 2011 à 10:06

Poster un commentaire