Petite Geekette deviendra grande

J’ai eu une brusque envie de changement. Et ma 1èere idée comme souvent dans ces cas là c’était de changer de coiffure. Mais bon le hic c’est que j’ai déjà coupé mes cheveux. Donc à moins de me retrouver avec 3 mm sur le caillou en blonde platine… J’en vois déjà frémir certains ! Et puis c’est dimanche aujourd’hui et il pleut ! Toutes les conditions étaient réunies pour que j’atterrisse sur le canapé en Mode Grosse Larve devant un film avec ma coloc.

Ok j’ai quand même pris le temps de m’échouer comme une baleine sur le canap’ dans mon nouveau BF jean qui n’en est pas un ( ahahah j’attise la curiosité là , hein??). Et non ça me fait pas le cul d’un éléphant ! Peut-être une baleine mais une toute petite alors? Un t-shirt pourri, un vieux gilet à peluches sur le dos et mes tongs-pantoufles Snoopy en pilou pilou… Bref la glam attitude power exacerbée, mais merde on a le droit entre copines les dimanches pluvieux!! Non?!! et en plus pas maquillée !! Ouais la totale quoi. Enfin le mieux c’est les visites « surprises » de nos Doudous respectifs…. Ouf on n’a pas poussé plus loin le cocooning style salon de beauté épilation-manucure-soin-visage et tout le tralala. Quoique va savoir pourquoi,  les Doudous ne se sont pas trop attardés… Mais pas d’inquiétude, demain c’est lundi (beurk Fucking Monday) les colocs-citrouilles seront de nouveau belles comme des camions princesses !

Revenons à nos moutons un peu… Cette envie de changement. Ben tout d’abord je me suis dit que ça serait bien d’aller Twitter comme tout le monde. Tiens quand je parlais de moutons !!! Mais comme je pouvais pas faire tout simple et insatller un lien bateau, j’ai causé un bon moment avec mon ami Photoshop pour ce résultat là.

Si il y en a qui sont intéressés, ya pa ni problème : clic, clic droit et « enregistrer l’image » ! C’est cadeau.

Ben une fois que c’était fait, j’étais encore sur ma faim de geekerie parce que ce truc une fois qu’on a commencé…. pas besoin de faire un dessin ! Et puis  ça faisait longtemps que je voulais me faire une bannière toute neuve toute mimi pas cracra plutôt que le bidouillage des débuts. Ni une ni deux, je m’y attèle !

Grâce aux tutos de la sympathique Lavande j’avais déjà pu relooker mon blog et entrer dans le labyrinthe tortueux des templates et autres machins-bidules et apréhender le langage HTML…

Alors de nouveau avec mon ami Photoshop et des polices d’écritures trouvées en farfouillant par LA et bien entendu le tuto de Lavande pour insérer une bannière sous hautetfort, je suis arrivée à ce résultat :

Me voilà bien satisfaite de moi-même au vu de l’ancienne bannière toute cracra.

Mais quand même il me manquait quelque chose. Un détail mais qui fait la différence : LA BANNIERE CLIQUABLE QUI RENVOIE VERS LA PAGE D’ACCUEIL !!

Et là misère j’ai rien trouvé. J’ai d’abord tenté de m’inspirer du tuto du même sujet pour WordPress.

Bon OK ma bannière était cliquable mais n’envoyait que sur une page d’erreur. Super ! Après plusieurs essais j’ai bien compris que le plus simple était le plus efficace et au final il suffisait de remplacer 1 seule ligne !!!!DAMNED !

Chui pas radine je partage. Ben oui je suis toute fière de mon 1er tuto alors autant le clamer bien fort (haut et fort AHhaha ARf).

En mode avancé, il faut ouvrir les templates et repérer le bloc bannière :

<div id= »banner »>
<div class= »banner-decorator1″>
<div class= »banner-decorator2″>
<h1><a href= »{$blog.url} »>{$blog.title}</a></h1>
<h2>{$blog.description|default: »&nbsp; »}</h2>
</div>
</div>
</div>

 

Il faut alors remplacer la ligne Rouge par :

<!–START banniere cliquable–>
<p class= »site-title »><p align = »center »><a href= »VOTRE URL « ><img src= »URL DE LA BANNIERE » border=0></a></p align></p>
<!–END banniere cliquable–>

Ce code est bien entendu à placer sur toutes les pages où apparaît la bannière (archives, albums photos, liens permanents, à propos…)

Ben voilà c’était pas si compliqué que ça. Et avec cette modif’ il n’est même pas nécessaire d’entrer l’url de la bannière dans la feuille de style.

ce qui donne chez moi ceci :

#banner h1 {
background: none
height: 500px;
padding: 10px 0px 0px 30px;
margin:0px;
}

A noter que les balises <p align= »center »></p align> ne sont nécessaires que si vous avez besoin de centrer votre bannière comme moi pour équilibrer les marges de chaque côté. . A part la partie lien cliquable, tout est super bien expliqué chez Lavande. D’ailleurs j’en profite pour la remercier pour son blog de tuto multi-plateformes.

MERCI , MERCI pour tous tes conseils !

Et comme ma journée était placée sous le signe de la geekerie, j’ai aussi créé un groupe sur Facebook ( super facile à trouver dans l ‘onglet recherche de FB)  en plus de l’application (super difficile à trouver) pour suivre les actualités de MINDALICIOUS