Autor Zpráva
pospa669
Profil
#1 · Zasláno: 20. 6. 2012, 17:24:59
Odpovědět Citovat
Ahoj, mám takový problém... Pro youtube partnerské pozadí mám takovou stránku, přes kterou si vygeneruji kod pro banner s hypertextovými odkazy. Ale já si tam chci dát (já ne, ale mám to pro kámoše) skype ikonku, jestli je online anebo offline. Pokoušel jsem se o to, ale nepovedlo se mi to. Svěřuji to vám do rukou a věřím vám

Kód, který chci jako obrázek:

<img src="http://mystatus.skype.com/smallicon/haarucz">

Kam to chci zařadit:

<area shape="rect" coords="872,73,934,105" href="------------" alt="" title="" />

Celý kód: 

<div style="text-align:center; width:960px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_9201206201042394" src="http://www.image-maps.com/uploaded_files/9201206201042394_header-haaru.gif" usemap="#Image-Maps_9201206201042394" border="0" width="960" height="150" alt="" />
<map id="_Image-Maps_9201206201042394" name="Image-Maps_9201206201042394">
<area shape="rect" coords="15,38,197,80" href="http://www.youtube.com/user/HaaruCZ/feed" alt="" title=""    />
<area shape="rect" coords="241,40,366,80" href="http://www.youtube.com/user/HaaruCZ/videos" alt="" title=""    />
<area shape="rect" coords="507,0,663,32" href="http://www.youtube.com/endract0" alt="" title=""    />
<area shape="rect" coords="682,0,806,30" href="http://www.youtube.com/subscription_center?add_user=endract0" alt="" title=""    />
<area shape="rect" coords="873,104,955,145" href="skype:haarucz?call" alt="" title=""    />
<area shape="rect" coords="872,73,934,105" href="------------" href="http:///" alt="" title=""    />
<area shape="rect" coords="958,148,960,150" href="http://www.image-maps.com/index.php?aff=mapped_users_9201206201042394" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:960px;">
    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/user/HaaruCZ/feed" title="Untitled">Untitled</a>
 |     <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/user/HaaruCZ/videos" title="Untitled">Untitled</a>
 |     <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/endract0" title="Untitled">Untitled</a>
 |     <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/subscription_center?add_user=endract0" title="Untitled">Untitled</a>
 |     <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="skype:haarucz?call" title="Untitled">Untitled</a>
 |     <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/" title="Untitled">Untitled</a>
 |     <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_9201206201042394" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->

</div>

Děkuji moc za odpověď, pospa669
Časová prodleva: 5 dní
Kristýna12
Profil
#2 · Zasláno: 25. 6. 2012, 21:25:31 · Upravil/a: Kristýna12
Odpovědět Citovat
Zdravím, já na Vašem místě, bych to udělala takto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<div style="text-align:center; width:960px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_9201206201042394" src="http://www.image-maps.com/uploaded_files/9201206201042394_header-haaru.gif" usemap="#Image-Maps_9201206201042394" border="0" width="960" height="150" alt="" />
<map id="_Image-Maps_9201206201042394" name="Image-Maps_9201206201042394">
<area shape="rect" coords="15,38,197,80" href="http://www.youtube.com/user/HaaruCZ/feed" alt="" title="" />
<area shape="rect" coords="241,40,366,80" href="http://www.youtube.com/user/HaaruCZ/videos" alt="" title="" />
<area shape="rect" coords="507,0,663,32" href="http://www.youtube.com/endract0" alt="" title="" />
<area shape="rect" coords="682,0,806,30" href="http://www.youtube.com/subscription_center?add_user=endract0" alt="" title="" />
<area shape="rect" coords="873,104,955,145" href="skype:haarucz?call" alt="" title="" />
<area shape="rect" coords="872,73,934,105" href="------------" href="http:///" alt="" title="" />
<area shape="rect" coords="958,148,960,150" href="http://www.image-maps.com/index.php?aff=mapped_users_9201206201042394" alt="Image Map" title="Image Map" />
<img src="http://mystatus.skype.com/smallicon/haarucz" alt = "SkypeOffline" title="SkypeOffline" align = "center">
<!--tam si dpoln co chces do atributu alt a title-->
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:960px;">
<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/user/HaaruCZ/feed" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/user/HaaruCZ/videos" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/endract0" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.youtube.com/subscription_center?add_user=endract0" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="skype:haarucz?call" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_9201206201042394" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->

</div>
</body>
</html>

Samozřemě tozhodnutí a úprva je na Vás. Snad Vám to trochu pomohlo.


Samozřejmě jak je <title> tak zde to vyplnit </title>
CSS styly dát do <head>
<style>
...... úpravy
</style>
</head>
a body už máte.
pospa669
Profil
#3 · Zasláno: 27. 6. 2012, 12:30:40
Odpovědět Citovat
Dobrý den, děkuji za odpověď, ale nefunguje mi to, jak jsem si představoval. Já jsem chtěl v obrázku (banneru) mít na určitých souřadnicích jiný obrázek, který se bude měnit podle stavu (online/offline) uživatele programu skype. Samozřejmě bych mohl přes photoshop tam tu ikonku vložit, ale to by pak nefungovalo... Takže se na to prosím vás mrkněte. Ten skype banner chci mít v souřadnicích: 872,73,934,105 (celý kód, který to vygenerovalo): <area shape="rect" coords="872,73,934,105" href="------------" href="http:///" alt="" title="" /> . Toto, co jste mi udělali, to bych uměl také, ale tuto možnost, co potřebuji, neumím. Tak doufám že jste mě pochopili, a děkuji za odpověď. S pozdravem pospa669
margin
Profil *
#4 · Zasláno: 27. 6. 2012, 16:55:19 · Upravil/a: margin
Odpovědět Citovat
V HTML nejde sloučit obrázky, budeš muset použít CSS, buď kouzlit s pozicováním, nebo šachovat s marginem. 
<img id="Image-Maps_9201206201042394"
src="http://www.image-maps.com/uploaded_files/9201206201042394_header-haaru.gif"
usemap="#Image-Maps_9201206201042394" border="0" width="960" height="150"><a
href="http://jpw.cz"><img src="http://mystatus.skype.com/smallicon/haarucz"
height="16" width="16" border="0" style="margin: 0 0 50px -60px;">
Pozice je bajočko, ale není problém ji doupravit.


Koukám, že za obrázkem nemám ukončený odkaz, tag </a>, tak si to doplň, ať ti do nedělá neplechu.
Časová prodleva: 12 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0