CTRL+D pour ajouter
ce blog à vos Favoris
Bienvenu sur cet espace     -     Merci tu es le ième à venir aujourd'hui     -      Cliquer sur l'Index pour avoir un apercu de l'ensemble des billets     -     Des dizaines de jeux sont acessibles dans la Salle de Jeux et jouables directement sur cet espace     -     Retrouve dans la Vidéothèque, ma selection de films disponibles sur la mule     -     

jeudi, août 18, 2005

Masquer la Blogger NavBar

BasIndexAccueil

Object: Supprimer la NavBar Google afin de profiter de tout l'espace

Exemple

Avec NavBar


sans NavBar





Alors c'est tres simple, mais il suffisait d'y penser
  • Mettre tout le contenu de la page dans un calque aligné à top=0px et left=0px
    C'est a dire

    <body>
    <div id="Arriere plan pour masquer NavBar" style="position:absolute; width:100%; height:100%; left: 0; z-index:1; background: #8a180e; top: 0;" class="bg">


    [...tout le code de la page...]

    </div>
    </body>


    Pour ceux qui auraient besoin d'un rappel sur les différents attributs d'un calque
    Pour ceux qui voudraient des explications complètes sur l'attribut class => lire ce billet

  • Bon on a masqué la blogger NavBar, mais je précise qu'elle est toujours présente, et il se peut qu'elle s'affiche avant le calque d'arrière plan en n'ayant juste comme effet de la voir apparaitre un court moment
    Pour empêcher cela, il suffit de rajouter la ligne de code à l'intérieur des balises de style qui aura pour effet de ne pas afficher la NavBar (Cette solution seule peut etre utilisée)

    <style>
    * #b-navbar {display:none !important; visibility:hidden !important;}
    * #b-navbar * {display:none !important; visibility:hidden !important;}
    <style>


  • On peut aussi créer un calque d'une hauteur de 40px et d'une largeur de 100%... Enfin plein de solutions...



  • Un espace de 40px de haut vient d'être crée, il existe plusieurs possibilités pour le combler, comme par exemple
    • Réhausser le contenu de la page pour le faire disparaitre, simplement en modifiant le code css suivant

      #content {
      margin:-40px auto;
      }


    • utiliser cet espace pour créer un menu de navigation comme sur cet espace



    Tout cela provoqué par l'ajout du menu flag


    qui permet de signaler les abus sur les différents blogs, dans l'absolu utile contre la diffamation et propos à caractères douteux mais en pratique un moyen de censure, en tout cas de controle voir pression faite pour encourager un discours lissé, et dans le pire des cas utilisé par des gens mal intentionnés ou jalous (ceux qui connaissent le blog MesAstucesMsn peuvent comprendre de quoi je parle), permet de discréditer et d'attenter à la visibilité d'un blog sympathique pour la communauté...

    A peine sortie du joug et des contraintes Microsoupe, va t on être orienté et guidé vers "le droit chemin" celui où toute critique et colère exprimée sera bannie...? faudra t il encore migrer? L'espace payant sera t il la seule alternative à la liberté d'expression? Combien de temps ces moyens détournés dureront-ils, va t on nous supprimer certains elements de codage?

    Affaire à suivre...

    (même jour 18h31)


    En fait ce qui m'agace, ce n'est pas tant l'ajout de ce bouton mais le fait que cela redimensionne en largeur l'espace (erreur des programmeurs blogspot...), entrainant la présence d'une barre de défilement horizontale sur la page, ce que je trouve la chose la pire dans tout ce qui est désagrement de navigation, plus encore que des pop up à caractère douteux...
    Alors je me suis demandé pourquoi certains espaces étaient touchés et pas d'autres, cela vient tout simplement du fait que seuls les blog mis à jours depuis la modifications ont été automatiquement reformatés...

    Cette barre puisque sans pub, ne me dérangeait pas plus que ça, mais là cela touche directement à la mise en forme de mon espace donc aux grands maux les grands remèdes voici toutes les balises Css de la NavBar

    #flagi
    #flagtop
    #top-filler
    #flagi-body
    #b-logo
    #b-navbar
    #b-search
    #b-more
    #b-getorpost
    #flagButton
    #b-next
    #b-this
    #b-query
    #b-searchbtn
    #b-blogthis

    il suffit donc de placer dans le Css la ligne de code

    #flagi {
    display:none;
    visibility:hidden;
    }


    pour que flagi ne soit plus affiché (que ce soit une balise ou calque... on fait pas dans la finesse... ;)

    Les plus furieux (comme moi) n'afficheront rien, les autres chercheront peut être à n'en masquer que quelques uns, à chacun de trouver (pour l'instant)
    il semblerait qu'il suffise de masquer #b-logo et #b-search




    HautIndexAccueil

    Ajouter un commentaire


    Le jeudi, août 18, 2005 11:58:00 PM, Anonymous Anonyme a dit...

    Pardonnez-moi mon Anglais car mon Francais est tres limitee... :-)

    Great idea, thanks for sharing it. Just like you point out, Blogger bar introducing the "flag" button just begs for a solution like that. Did you have any experience with Blogger noticing this "fix" though? - is it safe from the point of view of Blogger doing something to your blog if they find out? I see your own blog has the toolbar removed - how loong has it been since you removed it? Please advise...

    IrishWonder
    Irishwonder.syndk8.co.uk "

     

    Ajouter un commentaire

    << Masquer les Commentaires

    HautIndexAccueil
    uk flag