Design d'été

Bonjour à toutes et tous !

Refonte totale de mon blog cette fois-ci, changements dans les liens, les albums photos, mise en page changée aussi. Le header du blog est pour la première fois pas de moi mais de Bichounette (et donc vous le consentirez, de meilleure qualité ^^).  
Pour un petit flash-back, voici les derniers design sortis :

      

(et pour ceux qui se reconnaitront, faire beaucoup de design et peu de contenu peut paraître idiot, soit, mais faire du contenu sans avoir de commentaires n'est pas motivant)
A ce propos, j'en suis à mon 178e commentaire. Merci à tous . Le 200e recevra un 'ti cadeau !!!!!

Pour ceux qui sont sur canalblog (y'en a beaucoup dans mes amis, sisi !) je vous met mon astuce pour cacher les liens, et qu'ils soient visibles que si l'on clique sur la catégorie correspondante (comme sur ma barre latérale en fait).

Cliquer ici pour voir le tutoriel

• Vous devrez avoir votre modèle en version avancée /!\
• Dans "Editer les fichiers du modèle", vous devez coller ce code (que j'ai fait !) à la fin de votre page d'accueil, et sur toutes les autres pages susceptibles d'avoir les liens qui seront cachés.
  
  <script type="text/javascript">
$(document).ready(function() {
//Par Asahi -- http://dawnbeads.canalblog.com -- 2010
$("#menuGlissant .title").click(function (e) {
 var visible = $(this).next('ul').css("display");
 if (visible == "none")
 {
e.stopPropagation();
      
$(this).next('ul').show(1000);
 }
 else
 {
 $(this).next('ul').hide(1000);
 }
});
});// document ready
</script>
 
• Les liens dans canalblog sont entre les balises <BloggerFriendLinks> et </BloggerFriendLinks>. Rajouter avant la première balise <div id="menuGlissant"> et après celle de fermeture </div>. A moins que vous ne vouliez en cacher que quelques-uns ou d'autres, dans ce cas, mettez entre div ce qui vous intéresse (ce tutoriel par exemple utilise le même système).
• Ceci fait, il ne reste plus qu'à changer la "feuille de style générale". Rajouter ces codes à la fin :
  
  #menuGlissant .title {
cursor: pointer;
margin-bottom: 20px;
}
#menuGlissant ul {
display: none;
}

Comment ce code marche (avis aux développeurs en herbe) ? Il prend chaque div de class title et affiche au clic de celui-ci l'ul juste après celui-ci. Ainsi, on ne change pas le squelette de canalblog. Par contre, cette astuce pourrait être exploitée plus finement en choisissant les options (pas forcément un ul après le div, etc...).

Et sinon si vous voulez mettre votre propre police et l'utiliser (sans avoir à faire d'images), la méthode CSS du "Bulletproof" (Thiiss taïme baby I'll beeeee bulletproof - La Roux). Ce que j'ai utilisé sur mon blog. Si vous avez des questions, n'hésitez pas ;)

Comments

[Asahi]

@CocoAnge : Merci merci ! C'est vrai que la nouvelle déco de ton blog est pls reposante, mais j'aimais autant l'ancienne :)

@Perles : Merci pour ta visite :)

@Marie : Merci merci :) Oui elle a fait qelque chose de joli. Je n'avais pas demandé ca en détail mais elle en a fait une jolie ban ! Donc j'étais contente de faire un nouveau design avec, et en profiter pour tout changer !

[Marie,sophie]

Ce nouveau design est vraiment chouette et il tranche avec les autres. ta bannière est vraiment superbe ta copine a fait du bon boulot !!!
Bonne journée et profite bien d'avoir fini tes exams...

[perles]

Sympa le design !

[CocoAnge]

hello toi
ah oui pas mal ton nouveau décor
pour ma part j'ai voulu un décor plus zen plus féminin l'ancien faisait un peu trop guérrière je devais faire peur aux visiteurs ptdr
passes un bon week-end
bisous ma belle