• Rendre l'en-tête (la bannière) cliquable et le titre invisible

    Vous avez sué sang et eau pour faire une jolie bannière qui s'affiche sur le header (en-tête) de votre Eklablog. Malheureusement, on ne peut pas cliquer sur l'image et revenir à la page d'accueil.

    Très souvent, on fait une bannière pour avoir le titre de son blog dans une autre police que celles qui sont disponibles sur Eklablog tout en étant visible par tout le monde. Si c'est ce que vous souhaitez, la première chose à faire est de cacher le titre du blog sans le supprimer.

    Dans Apparence > Modifier le thème > En-tête (header), mettez :
    Position du titre :
    X : 0 px
    Y : 0 px

    et taille de la police à 0.

    Rendre l'en-tête (la bannière) cliquable et le titre invisble

    Ensuite, pour rendre votre magnifique bannière cliquable, il faut tripatouiller le code CSS.

    Toujours dans la fenêtre Personnalisation du thème > Ajouter du CSS : 

    #titre_header a {
        display: block;
         width: 977px;
        height: 100px;
        border: 0px solid black;
    }

     

    Rendre l'en-tête (la bannière) cliquable et le titre invisble

     

    Modifiez width et height jusqu'à ce que la zone cliquable recouvre votre image.

    Pour bien délimiter la zone, vous pouvez donner une valeur à la bordure (1 suffit). Vous remplacez la ligne 
    border0px solid black;
    par
    border: 1px solid black; 

    Quand vous avez trouvé les bonnes dimensions vous pouvez remettre la bordure à 0 et surtout n'oubliez pas de valider.

    Astuce trouvée sur le forum d'Eklablog grâce aux copains du club des profs blogueurs.

     

    « 151 membres au compteur du Club des Cyberprofs Du PrimairePépin change d'adresse !!! »
    Pin It

    Tags Tags : , , , , , , , , ,
  • Commentaires

    33
    Samedi 4 Avril 2015 à 20:41

    Génial ce tuto je sens qu'il va etre tres utile tres bientot!! merci Pépin!!

    32
    Samedi 17 Mai 2014 à 12:00

    Heu.. un fond différent. Mais j'ai trouvé ! Merci beaucoup quand même !

    31
    Jeudi 15 Mai 2014 à 18:40

    Oui, d'accord, mais je veux dire chaque blog dans le menu de l'en tête :)

    30
    Jeudi 15 Mai 2014 à 18:36

    Un Indo-fan : les menus se modifient dans Apparence > Modifier le thème. Chacun des deux menus peut avoir un fond différent.

    29
    Jeudi 15 Mai 2014 à 18:28

    Merci, j'ai une autre question un peu en rapport :

    Comment peut-on faire les menus avec des fonds différents chacun ?

    28
    Lundi 10 Mars 2014 à 23:56

    Merci beaucoup! Il me manquait quelque chose, maintenant c'est réparé :)

    27
    Dimanche 2 Février 2014 à 16:23

    Nathalie Bagadey, c'est bien pour ça que j'ai fait ces articles ou je collectionne les astuces, sinon, j'oublie tout... 

    26
    Dimanche 2 Février 2014 à 11:23

    Merci beaucoup (à nouveau !) : j'ai voulu changer mon thème et du coup j'ai recommencé les manips indiquées ici. Ouf !

    25
    Dimanche 5 Janvier 2014 à 22:07

    Pour activer le JavaScript, il suffit de contacter Eklablog : menu Aide > contacter le support.

    24
    Dimanche 5 Janvier 2014 à 17:40

    Merci pour la réponse.

    Comment active-t-on le Javascript ?

    23
    Dimanche 5 Janvier 2014 à 16:25

    La boukineuse, pour répondre à votre question demandant comment mettre une autre police, j'ai utilisé le tuto de Papasti sur le blog facile : http://le-blog-facile.ek.la/ajouter-une-police-google-web-fonts-p341809

    Cela permet d'utiliser les Googles Web Fonts mais nécessite d'activer le javascript sur son Eklablog.

    Vous faites référence à une autre question que je n'ai pas trouvée. Si votre interrogation porte sur le fait de savoir pourquoi votre en-tête pointe vers votre dernier article, c'est tout simplement une fonctionnalité par défaut d'Eklablog qui peut être changé dans :

    menu configuration > configuration générale > onglet général > page d'accueil

    Vous pouvez sélectionner une rubrique ou une page.  

    22
    Dimanche 5 Janvier 2014 à 15:55

    Sur mon blog, quand je clique sur l'en-tête, on tombe sur les derniers articles, sans avoir fait quoi que ce soit de spécial.

    Mais j'ai une autre question : comment on peut mettre une autre police d'écriture que celles proposées pour le header ? (Qui sont loin d'être top, soi dit en passant !)

    Merci !

    21
    Dimanche 8 Septembre 2013 à 03:47

    Voilà! Merci Pépin! Après avoir changé l'apparence de mon blog, il ne me restait plus qu'à rendre l'en-tête cliquable. C'est maitenant fait grâce à toi...

    20
    Samedi 7 Septembre 2013 à 19:37

    C'est fait aussi !! Génial !! Merci beaucoup Pépin !! 

    19
    Samedi 7 Septembre 2013 à 14:51

    Merci pour tes réponses et ta rapidité !

    18
    Samedi 7 Septembre 2013 à 14:21

    Super alors, encore... , ton blog prend forme ! N'hésite pas à demander si tu es à nouveau bloquée.

    17
    Samedi 7 Septembre 2013 à 11:52

    Merci !

    Effectivement, j étais mal partie ...

    Je me plonge dans le manuel ...

     

    16
    Samedi 7 Septembre 2013 à 11:44

    alors, encore.. Tu ne saisis pas le titre de ton article au bon endroit, tu le mets systématiquement dans le chapeau, c'est pour ça que "lire la suite..." apparait.

    Quand tu édites un article, tu dois taper le titre dans le rectangle blanc où il est écrit "Titre" en gris. Le grand rectangle blanc sert à écrire l'article. 

    Pour le module Derniers articles, je ne sais pas ce qui se passe, mais le fait que tu ne mettes pas les titres au bon endroit explique peut-être ce problème.

    Je te conseille étudier le manuel d'utilisation d'Eklablog http://doc.eklablog.com/

    15
    Samedi 7 Septembre 2013 à 10:22

    Et, en espérant ne pas abuser, comment faire pourque les articles apparaissent en entier et pas simplement leur titre, suivi de "lire la suite ..." ?

    Merci encore !!

    14
    Samedi 7 Septembre 2013 à 10:05

    Merci beaucoup pour ce super tutoriel ! J'ai réussi à modifier ma bannière et à la rendre "cliquable".

    Il faut vraiment s'y connaître pour tout arranger !

    Je n'arrive d'ailleurs pas à faire fonctionner le module "derniers articles". J'ai l'impression que c'est parce que j'ai une rubrique du même nom que je n'ose pas supprimer car eklablog me dit qu'elle contient des articles.

    J'ai déjà tout supprimé une fois par mégarde !

    Aurais-tu une petite idée ??

    Merci !!

    13
    Nathalie Bagadey Profil de Nathalie Bagadey
    Dimanche 14 Avril 2013 à 11:37

    Merci !! En fait, grâce à ambiance blog (ici : http://ambianceblog.eklablog.fr/reglage-eklablog-liens-dans-l-entete-p186870 ) j'ai trouvé comment faire ! (en fait, je suis en train de trouver, pour l'instant c'est trèèèèèèèès moche ! )

     

    12
    pepins-et-citrons Profil de pepins-et-citrons
    Dimanche 14 Avril 2013 à 11:30

    Nathalie Bagadey, je pense que "connexion" et "inscription" font partis du menu de l'en-tête que tu peux modifier à partir de :

    Apparence > Menu de l'en-tête > Modifier le menu

    Tu peux ensuite modifier la place du menu dans l'en-tête : 

    Apparence > Modifier le thème > En-tête > Menu

    Je n'ai jamais essayé d'ajouter du texte sur la bannière, il faut regarder si c'est posible dans les réglages précédent ou alors refaire la bannière en y incluant le texte.

    11
    Dimanche 14 Avril 2013 à 11:03

    Merci beaucoup, je n'aurais jamais trouvé toute seule !!!

    Est-il possible également de rajouter du texte à droite ou à gauche de la bannière ?

    Et d'enlever le "Mon profil" et "Connexion" qui figurent sur la bannière ?

    Merci encore !

    10
    pepins-et-citrons Profil de pepins-et-citrons
    Mardi 26 Février 2013 à 09:23

    Très contente de t'avoir rendu service Lutin, en général, c'est plutôt toi qui rend service.

    9
    Mardi 26 Février 2013 à 02:29

    Je viens de le faire, merci !!

    8
    Dimanche 10 Février 2013 à 16:40

    Merci Pépin!

    7
    Marifka Profil de Marifka
    Samedi 5 Janvier 2013 à 18:07

    Merciiiiiiiiiiiiiiiiiiiiii! C'est Calicot qui va être contente!

    6
    Dimanche 21 Octobre 2012 à 12:41

    Merci beaucoup !

    5
    pepins-et-citrons Profil de pepins-et-citrons
    Vendredi 20 Juillet 2012 à 18:00

    C'est gentil Mme Figaro, mais je n'ai pas un grand mérite non plus, j'ai récupéré l'astuce chez les autres. Par contre j'ai ajouté des captures d'écran, c'est toujours plus explicite.

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    4
    Vendredi 20 Juillet 2012 à 17:22

    Je n'ai aucun mérite, ton tutoriel est parfait !

    3
    sanleane Profil de sanleane
    Mardi 17 Juillet 2012 à 09:14

    Merci pour cette explication très claire, je vais pouvoir régler mon problème grâce à toi!

    2
    pepins-et-citrons Profil de pepins-et-citrons
    Mardi 17 Juillet 2012 à 07:08

    Super Mme Figaro, tu l'as très bien fait chez toi : http://laclassedemmefigaro.eklablog.com/

    1
    Mardi 17 Juillet 2012 à 00:56

    Fait ! C'est trop génial, depuis le temps que j'en rêvais, Pépin l'a fait ! Merci !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :