-
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 headerEt voilà, votre header vous ramène à la page d'accueil quand vous cliquez dessus.
-
Commentaires
4NovaliaDimanche 23 Octobre 2011 à 10:12Non.
#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.
6NovaliaDimanche 23 Octobre 2011 à 13:008NovaliaMardi 1er Novembre 2011 à 13:49quelles sont ces ooptions ? 'fin, je veux dire, comment on fait avec les options ? *curieuse de le savoir*
9NovaliaJeudi 3 Novembre 2011 à 11:56En 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 ;)
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
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/
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 !
ben, par exemple, quand on clique sur le header, on va dans la rubrique, par exemple : "Livre d'Or"... :)
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..
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.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^'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 ;)
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 !
Merci pour ce codage et tous les autres que tu as fais !
Sans tes explications je n'aurais rien compris au CSS
Ajouter un commentaire
Merci Nagalia :D !