Adaugare link pe banner

[Anonym]

Am adaugat in stylesheet.css sa imi fac loc pentru un banner sub logo

Code: Select all

div#top #headerbanner {
width: 380px;
height: 85px;
position:absolute;
display:block;
margin-top: 60px;
float:left;
magrin-left:5px;
background:url(../images/camera-spionaj.jpg) no-repeat;
}

si in header.tpl am adaugat

Code: Select all

<div id="headerbanner">
         
         </div>

ce vreau sa stiu cum pot pune un link pe banner sa ma redirectioneze la un alt site ?

[mariusene]

Daca nu ai rezolvat-o inca, incearca sa definesti o zona pe imagine ("image map" parca) care sa se comporte ca un link. Poti sa definiesti toata imaginea sau doar o zona din ea, sau poti defini mai multe zone.
Nu mai stiu acum cum arata codul si nici sintaxa exacta, dar vezi aici: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_areamap

[Anonym]

Am pus link pe banner cu image-maps dar nu stiu unde tre sa adaug codul acela ce l-am primit si care din el html sau css

Code: Select all

<style type="text/css">
   dl.image_map {display:block; width:380px; height:80px; background:url(http://www.image-maps.com/uploaded_files/8201207060858487_camera-spionaj.gif); position:relative; margin:2px auto 2px auto;}
   a.LINK0 {left:0px; top:0px; background:transparent;}
   a.LINK0 {display:block; width:375px; height:0; padding-top:75px; overflow:hidden; position:absolute;}
   a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
   a.BLINK {left:378px; top:78px; background:transparent;}
   a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}
   a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}
</style>

sau asta

Code: Select all

<div style="text-align:center; width:380px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_8201207060858487" src="http://www.image-maps.com/uploaded_files/8201207060858487_camera-spionaj.gif" usemap="#Image-Maps_8201207060858487" border="0" width="380" height="80" alt="" />
<map id="_Image-Maps_8201207060858487" name="Image-Maps_8201207060858487">
<area shape="rect" coords="0,0,375,75" href="http://www.camera-spionaj.ro/" alt="spy tools" title="spy tools"    />
</map>

</div>
           

[mariusene]

Baniuesc ca primul cod
"<style type="text/css"> ... </style>"
il introduci undeva in header asa cum este, sau elimini
"<style type="text/css">" si "</style>",
iar ce ramane adaugi in *.css.
Al doilea cod este cel care introduce link-ul.