• Header Cliquable

    Revenir à l'accueil quand on clique sur le header


    On va utiliser le titre du blog. Voici le code, et je vous explique:
    #titre_header a {
                              display: block;
                              width: Xpx;
                              height: Xpx;}

    Il vaut mieux ne pas écrire de titre. Dans "apparence => modifier le thème => Header => titre", mettez la position du titre à (0;0)
    width = largeur Remplacez le X par la largeur de votre header
    height = hauteur Remplacez le X par la hauteur de votre header

    Et voilà, votre header vous ramène à la page d'accueil quand vous cliquez dessus.

  • Commentaires

    1
    Dimanche 4 Septembre 2011 à 15:36

    Merci Nagalia :D !

    2
    Dimanche 4 Septembre 2011 à 15:36

    De rien =)

    3
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 16:50

    Thanks. Ca m'aidera pour réussir le logo. :D

    4
    IlLouminati Profil de IlLouminati
    Dimanche 23 Octobre 2011 à 10:12

    pour le titre de l'header, il faut mettre le lien de l'header ? *paumée*

    5
    Dimanche 23 Octobre 2011 à 11:54

    Non.

    #titre_header a

    "titre_header" c'est le titre du blog et "a" veut dire qu'il y a un lien. Ce lien renvoie a la page d'accueil. Tu as juste à modifier la hauteur et la largeur en fonction de ton header.

    6
    IlLouminati Profil de IlLouminati
    Dimanche 23 Octobre 2011 à 13:00

    ha, ok, merci XD

    7
    Shuchu Profil de Shuchu
    Dimanche 30 Octobre 2011 à 19:06

    Arigato Naga~Chan!

    8
    Mardi 1er Novembre 2011 à 13:41

    Excuse moi mais tu sais il y a les options pour faire ça ...

    9
    IlLouminati Profil de IlLouminati
    Mardi 1er Novembre 2011 à 13:49

    quelles sont ces ooptions ? 'fin, je veux dire, comment on fait avec les options ? *curieuse de le savoir*

    10
    Mercredi 2 Novembre 2011 à 08:13

    Apparence -> Modifier le thème ... Pour changer le fond, la taille la police. Et pour le titre Configuration -> Configuration Générale

    11
    IlLouminati Profil de IlLouminati
    Jeudi 3 Novembre 2011 à 11:56

    ouai mais on peux pas revenir a l'accueil en cliquant sur l'header...

    12
    Jeudi 3 Novembre 2011 à 18:22

    En fait, quand on écrit un titre (dans configuation général) il y a le lien qui ramène à l'accueil. Mais le problème, c'est qu'il n'y a que le titre qui est cliquable, et donc on est obligé d'en mettre un pour revenir a l'accueil.

    Avec le css, pas besoin de titre, et on peu régler le lien sur tout le header ;)

    13
    Aliwen Profil de Aliwen
    Samedi 5 Novembre 2011 à 12:14

    ... merci beaucoup !

    14
    Mél-Saintemillion Profil de Mél-Saintemillion
    Mardi 10 Janvier 2012 à 17:05

    Merci beaucoup Nagalia :D

    15
    Jeudi 5 Avril 2012 à 09:53

    Je pense qu'on peut aussi ,en HTML, utilisé la balise <map> pour définir une zone cliquable

    16
    Jeudi 5 Avril 2012 à 12:33

    Ah oui? Comment ^^" ?

    17
    Jeudi 5 Avril 2012 à 23:34

     

    Mimille (si je le prononce bien), je te montre l'exemple mais je pense qu'il y a des fautes...Bon passons à l'exemple !

     

    Cette exemple a été fait par moi et je le partage si sa marche parce que moi-même, je n'ai pas testé...
    <map name="NOM">
    <area shape="rect" coords="0,0,0,0" href="#top">
    <area shape="circle" coords="0,0,0,0" href="#map">
    </map>
    <img src="IMAGE" border=0 width=LONGUEUR height=HAUTEUR usemap="#testmap" alt="Exemple balise MAP">

     

    -rect : Pour un rectangle ; -circle : Pour un cercle ; -poly : Pour un polygone

    18
    Vendredi 6 Avril 2012 à 12:53

    Ok.

    En remplaçant les 0 par des chiffres ça modifie la zone ?

    19
    Vendredi 6 Avril 2012 à 18:37

    Oui, les 0 sont des coordonnés...

    20
    Kitty-Girly Profil de Kitty-Girly
    Mardi 29 Mai 2012 à 20:09

    Nagalia,  quel est le code pour mettre le header directement avec un code CSS ?

    21
    Mardi 29 Mai 2012 à 20:37

    La liste des sélecteur est ICI ;)

    22
    Dimanche 17 Juin 2012 à 12:10

    J'y arrive pas moi, faut le mettre où le code ? x)

    23
    Dimanche 17 Juin 2012 à 12:22

    Dans le css

    24
    Mercredi 27 Juin 2012 à 01:55

    Et comment on fait pour faire un menu sans textes dans le header ? Par exemple je veux mettre un lien pour aller dans une rubrique, mais via une image et non un texte. Comment on fait ? Oo

    Il y a un tuto pour mettre les modules mais je n'en ai pas vu pour ça ... /toute façon je suis aveugle à cette heure ci alors bon/

    Au passage, blog super instructif pour une fille aussi douée que moi :D /ironique, je suis une grosse pas douée/

    25
    Mercredi 27 Juin 2012 à 11:32
    26
    Lundi 9 Juillet 2012 à 14:42

    et comment fait on pour mettre une rubrique autre que "accueil" en cliquant sur le header ?

    27
    Lundi 9 Juillet 2012 à 19:09

    Comment ça? J'ai pas compris ce que tu voulais faire ^^'

    28
    Vendredi 13 Juillet 2012 à 21:20

    oh c'est trop marrant ! mtn jai plus besoin de chercher lacceuil je clique sur mon header xD jadore c'et impressionant ( c'est la premiere fois ke japlike un code css ) merci nagalia !

    29
    Samedi 14 Juillet 2012 à 16:19

    De rien :)

    30
    Samedi 14 Juillet 2012 à 20:17

    ben, par exemple, quand on clique sur le header, on va dans la rubrique, par exemple : "Livre d'Or"... :)

    31
    Dimanche 29 Juillet 2012 à 17:07

    Désolée, je viens juste de voir que tu m'avais répondue =S

    En plus, c'est pas vraiment ce que je voulais dire, ou alors c'est moi qui n'a pas compris. Si c'est ça,désolée ><

    Mais je voulais dire, comme sur ce blog, où les écritures sont sur le header.

    Je sais qu'il faut un code pour pouvoir faire ça, mais je n'ai jamais trouvé lequel..

    32
    Vendredi 21 Septembre 2012 à 18:51

    Bonsoir. :)
    J'aurai besoin d'aide. J'ai appliqué ce code sur mon blog il y a déjà bien longtemps, mais depuis peu j'ai remarqué qu'il était complétement décalé par rapport au header. J'aimerai savoir s'il est possible de le remettre en place.
    Merci d'avance.

    33
    Vendredi 21 Septembre 2012 à 18:51

    ça me fait pareil =/

     

    EDIT : Non c'est bon, j'ai trouvé !

    34
    Vendredi 21 Juin 2013 à 15:53

    Ok, merci ^^

    35
    Maissou Profil de Maissou
    Vendredi 28 Juin 2013 à 16:13
    Coucou ! Très joli blog, et merci beaucoup pour ces petites astuces qui en donnent des idées ! =3 J'ai essayé aussi ce code, mais j'ai malheureusement le problème du décalage par rapport au header (le lien est actif sur une zone du header et une zone en dehors.) ; comme ça marche pour d'autres, j'ai probablement fait une petite erreur de manip', y a-t-il une solution s'il vous plaît ? ^o^'
    36
    Lundi 1er Juillet 2013 à 02:34

    Pour voir exactement la zone dans laquelle on peu cliquer, rajoute: (à supprimer une fois que le problème est réglé ;) )

    border: 2px solid red;

    Ensuite, modifie si besoin la taille de cette zone:

    width: Xpx;
    height: Xpx;

    Si tu n'arrive pas à régler le problème, rajoute ça:

    top: Xpx;
    left: Xpx;

    top indique à combien de px se trouve la zone cliquable du haut de la page. Tu peux utiliser des nombres négatifs pour la remonter.
    left indique à combien de pixel du bord gauche de la page se trouve la zone cliquable.

    Essaie de bidouiller un peu toutes ses valeurs pour bien le positionner ;)

    37
    Maissou Profil de Maissou
    Mercredi 3 Juillet 2013 à 22:32

    Merci beaucoup pour ton aide ! ^o^ Le code CSS pour top et left n'a pas marché, mais ça a tout de même bien éclairé ma lanterne, et j'ai juste eu à changer la position du titre dans modifier le thème -> header =3 ! Bref, thanks a lot !

    38
    Mercredi 24 Juillet 2013 à 13:48

    Merci pour le tuyau bien pratique

    39
    Mardi 4 Mars 2014 à 11:38

    Trèèès pratique ! J'ai pu personnaliser mon thèmeuh encore plusseuh :3

    Merciiii !

    40
    Mardi 1er Juillet 2014 à 16:53

    Merci pour ce codage et tous les autres que tu as fais !
    Sans tes explications je n'aurais rien compris au CSS

    41
    Jeudi 5 Février 2015 à 17:01

    Merci :)

    42
    Mercredi 10 Février 2016 à 11:34

    Merci pour l'indication ;')

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :