[Resolu] Faire une image cliquable

Tout ce qui concerne le squelette d'un site.
Trouver toute l'aide sur le graphisme, Xhtml, Html, Css...

[Resolu] Faire une image cliquable

Messagede samourai69 » Sam 22 Nov 2008 23:41

Bonjour, tout est dans le titre, je voulais savoir comment faire pour faire une image cliquable comme le logo par exemple
Dernière édition par samourai69 le Sam 17 Jan 2009 14:33, édité 2 fois.
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35


Re: Faire une image cliquable

Messagede bzbz » Dim 23 Nov 2008 10:33

salut.

soit un peu plus précis si tu veux une réponse.
bzbz
 
Messages: 180
Inscription: Jeu 20 Nov 2008 00:26

Re: Faire une image cliquable

Messagede samourai69 » Dim 23 Nov 2008 12:29

En faite je voudrai savoir comment faire pour faire en sorte que lorsque que l'on passe sur le logo on puisse cliquez dessus et ca nous renvoi sur la première page, comme sur la plupart des site.. :mrgreen:
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: Faire une image cliquable

Messagede bzbz » Lun 24 Nov 2008 14:55

Ah ces fichiers css plus possible de mettre un lien sur une image... si si :D

Enfin moi c'est ma petite astuce, chacun la sienne.

Le principe:
donc l'image qui t'intéresse c'est celle du header donc > templates/"tontemplates"/includes/header.tpl.
comme Arfooo respecte les nouvelles normes web tu as 99.9% de chance que ton image bg_header.png (ta banniere) soit déclaré dans le fichier css en background, ici templates/tontemplates/css/style.css.
En l'ouvrant tu vois effectivement qu'il est là, avec le div correspondant #top1.
Dans header.tpl tu trouves la ligne qui correspond.
Code: Tout sélectionner
<div id="top1">{displayAd place="header"}
</div>

laisse le {displayAd place="header"} , c'est autre chose.

On commence par sauvegarder ces deux fichiers.

donc ce qu'on va faire c'est à l'interieur de ce div top1 mettre un autre div qui lui sera une zone cliquable.
Dans le fichier style.css
Code: Tout sélectionner
#top1 {
   margin:0;
   padding:0;
   margin-top:10px;
   height:250px;
   border-top:1px black solid;
   border-left:1px black solid;
   border-right:1px black solid;
   background:url("../images/bg_header.png") left no-repeat #ffffff;
}
/* Partie à rajouter*/
#toplien1
{
float: left;
width : 100%;
height: 230px;
margin-top: 10px;
}

tu peux voir que j'ai mis une hauteur un peu en dessous de l'image pour éviter des débordements.
tu règles selon tes valeurs.

ensuite pour le déclarer dans le header.tpl tu remplaces:
Code: Tout sélectionner
<div id="top1">{displayAd place="header"}
</div>

par
Code: Tout sélectionner
<div id="top1">{displayAd place="header"}<a id="toplien1" href="{$setting.siteRootUrl}" title="Accueil"></a></div>


Voilou.
bzbz
 
Messages: 180
Inscription: Jeu 20 Nov 2008 00:26

Re: Faire une image cliquable

Messagede samourai69 » Mar 30 Déc 2008 17:16

Ca ne marche pas :?
quelqu'un a une autre idée pour que le logo soit cliquable c'est quand meme important ! :shock:
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: Faire une image cliquable

Messagede infobarquee » Mar 30 Déc 2008 18:18

y a bien un moyen simple pour le faire.
tu mets ton logo dans le header (comme une pub) et tu mets
<a href=../><img src="chemin/ton logo.jpeg" border="0" alt="un petit commentaire pour les non voyant et les robots" />

sinon dans le header, mais je sais pas si ca peut s'appliquer au php.
onclick file="http://ton url"
infobarquee
 
Messages: 140
Inscription: Mer 10 Déc 2008 11:19
Localisation: Mesquer 44

Re: Faire une image cliquable

Messagede 37°2 » Mar 30 Déc 2008 18:54

Hello,

Sisi ça fonctionne bien même ;)

Par contre régler width et height selon le logo qui est en background

j'ai mis ça sur mon site :
Code: Tout sélectionner
#toplien1 {
        float:left;
        width:180px;
        height:80px;
        margin-top:10px;
        margin-left:10px;
}

++
37°2
 
Messages: 87
Inscription: Lun 8 Déc 2008 18:27

Re: Faire une image cliquable

Messagede samourai69 » Mar 30 Déc 2008 20:33

ca marche pas du tout ! tu peux me montrer ou ca marche ??? :mrgreen:
j'ai le template studiopressblue, ca doit pas etre le meme fonctionnement!
j'essaie pleins de chose mais a chaque fois la zone cliquable decalle tout et le logo se retrouve tout à droite, ca ne se superpose pas
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: Faire une image cliquable

Messagede samourai69 » Sam 17 Jan 2009 14:32

probleme résolu ! j'avais fais une errer de copier coller :P
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35


Retourner vers Xhtml, Html, Css, Graphisme

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

 
Copyright © arfooo.com  2007 - 2011  -  Tous droits réservés  -  Partenaires de confiance
Sites du groupe: petites annonces gratuites   voyance en direct - tirage tarot   Consultant en référencement
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group | phpBB SEO Traduction par: phpBB-fr.com
cron