• Seite 1 von 1
  • 1
Gemeinschaft uCoz » Archiv » Papierkorb » Imagemap oder Hotspot im Banner einbetten (um darüber neue Seite zu öffnen)
Imagemap oder Hotspot im Banner einbetten
cali
Beiträge: 43
Ruf: 0
Beitrag # 1 | 21:41
hi nochmal,

ich muss Euch bochmal was fragen... wink

in dem Default-Banner meines Templates (958) habe ich mehrere Slices...
das Bild 2.jpg konnte ich erfolgreich austauschen gegen 2new.jpg
~ soweit alles OK ~

nun hab ich an 2new.jpg weiter dran rumgespielt und das Bild in weitere Slices zerlegt...
hier lokal getestet und funzt soweit smile

wie ich die nun entstandene Tabelle an der Stelle des vorherigen jpg´s einfügen soll ist mir nicht klar ?

Code

<table id="tab01" width="684" height="449" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td colspan="3">
    <img src="hp/201.jpg" width="684" height="51" alt=""></td>
  </tr>
  <tr>
   <td>
    <img src="hp/202.jpg" width="21" height="348" alt=""></td>
   <td>
    <img src="hp/203.jpg" alt="" width="259" height="348" border="0" usemap="#Map"></td>
   <td>
    <img src="hp/204.jpg" width="404" height="348" alt=""></td>
  </tr>
  <tr>
   <td colspan="3">
    <img src="hp/205.jpg" width="684" height="50" alt=""></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="4,6,256,343" href="hp/neuesbild.jpg" target="_blank" alt=">
</map>

wenn ich 2new.jpg durch den Code ersetze, zerlegt es mir das gesamte Design surprised

------------------------------

hab auch schon eine Alternative ausprobiert und das 2new.jpg nicht weiter gesliced
sondern es ganz gelassen und einen sogenannten Hotspot eingefügt,
um beim Klick auf einen bestimmten Bereich ein neues Fenster öffnen zu können.
als Code bekomme ich dann folgendes:

Code

<img src="http://meinewebsite.ucoz.com/bilder/3new.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="20,38,276,393" href="http://meinewebsite.ucoz.com/index/0-21" alt="" />
</map>

ich hab versucht den testweise im Html-editor auf meiner Site einzufügen...
das Bild wird angezeigt - jedoch wo und in welcher Schreiweise muss ich

Code
usemap="#Map"  

und
Code
<map name="Map" id="Map"><area shape="rect" coords="20,38,276,393" href="http://meinewebsite.ucoz.com/index/0-21" alt="blablabla" />

einfügen ?

alles, was ich die letzten Stunden probiert habe haut nicht hin cry

hoffe nochmal auf Eure Hilfe wink

thx !

Admin
Beiträge: 47
Ruf: -1
Beitrag # 2 | 14:56
Das ganze hat ja nicht direkt etwas mit den uCoz System zu tun, deswegen wäre es angebracht in den HTML Hilfe-Foren nachzufragen. Dort kann dir besser geholfen werden.
cali
Beiträge: 43
Ruf: 0
Beitrag # 3 | 21:31
hast Du keine Zeit / Lust ?

klar ist das eine Sache von uCoz!
denn das was mir da vom System angeboten wird ist ja kein reines HTML mehr,
sondern wohl auch noch eine Menge Javaskript+was weis ich....
wäre ich ein Coder, würde ich ja nicht mit so einem vorgefertigtem System arbeiten...

ich bin hier im Hilfe-Forum und wir sind hier ziemlich ungestört wink
wenn ich bei Fragen an Google+Co verwiesen werde, macht das hier nicht
richtig Spass wink

sorry - aber das musste mal raus wink

cu

noobishrabbit
Beiträge: 929
Ruf: 33
Beitrag # 4 | 02:05
alsoooooo, erst mal brauche ich für meine verständniss ein paar informationen, denn ich stehe öfter auf der leitung smile
im code ist doch gar keine 2.jpg vorhanden, lediglich 201,202 usw. was hast du nun durch was ersetzt?
am besten hängst du noch paar bilder an, was du durch was ersetzten willst... zur optischen aufnahme smile
dann versuche ich dir so gut es geht zu helfen.
auf meiner website hatte ich auch ursprünglich einen banner, der in 5-7 teile zerteilt war, hab ihn einfach entfernt und durch einen großen ersetzt smile

gruß, anton


wuerzburg-riders.de - the place to be

in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :)
cali
Beiträge: 43
Ruf: 0
Beitrag # 5 | 07:46
also noch einmal... wink

Code
<HTML><head>

<title>$SITE_NAME$ - $PAGE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://s101.ucoz.net/src/css/958.css">
</head><body style="margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

<div style="background: rgb(254, 215, 84) url(http://s101.ucoz.net/t/958/1.jpg) repeat-x scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

<table style="background: transparent url(http://mysite.ucoz.de/hp/3new.jpg)no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="2" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>

<td style="padding-left: 320px;" width="70%" height="449"><span style="color: rgb(231, 68, 0); font-family: bold Verdana,Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">mysite <br>xxx <br><br><b><span style="font-size: 12pt;">xxx<span style="font-size: 12pt;"><br>xxx<br>xxx</span></span></b></span><br><br><span style="color: rgb(255, 215, 0);">----   ----   ----   ----   ----</span><br><br><span style="color: rgb(0, 0, 205);"><b><span style="font-size: 12pt;">xxx</span></span><br><br><br><?if($URI_ID$!="page1")?><span style="font-size: 12pt; color: rgb(0, 0, 205);"><b><span style="font-family: Verdana; font-size: 12pt; color: rgb(0, 0, 205);">$PAGE_NAME$</span></b></span><?endif?></td>
<td width="30%" height="449"><div style="" id="boxMenu">$SITE_MENU$</div></td>
</tr>

<tr><td colspan="2" style="-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" valign="top">

<!-- Body -->

<table border="0" cellpadding="0" cellspacing="0" width="80%">

<tbody><tr>
<td style="padding: 20px;" valign="top"><table border="0" cellpadding="5" cellspacing="0" width="100%"><tbody><tr><td style="">$CONTENT$</td></tr></tbody></table></td>

<td style="padding: 10px; background: rgb(254, 253, 226) url(http://s101.ucoz.net/t/958/4.gif) repeat-x scroll 0% 0%; width: 200px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" valign="top">
<?if($CATEGORIES$)?><div class="box"><h3>Newsverzeichnis</h3><div class="boxContent">$CATEGORIES$</div></div><?endif?>
<?if($NEWS_CALENDAR$)?><div class="box"><h3>Newskalender</h3><div class="boxContent">$NEWS_CALENDAR$</div></div><?endif?>
<div class="box"><h3>Einloggen</h3><div class="boxContent"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Sie sind angemeldet als <a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><b>$USERNAME$</b></a>!<br>Gruppe "<u>$USER_GROUP$</u>"<br><br><a href="$PERSONAL_PAGE_LINK$">Mein Profil</a> | <a href="$LOGOUT_LINK$">Logout</a><?else?><?else?><?else?>Willkommen <b>$USERNAME$</b>!<?endif?><?endif?><?if($LOGIN_FORM$)?><br><br>$LOGIN_FORM$<?endif?></div></div>
<?if($SEARCH_FORM$)?><div class="box"><h3>Suche</h3><div class="boxContent">$SEARCH_FORM$</div></div><?endif?>
<div class="box"><h3>Freunde</h3><div class="boxContent" style="text-align: left;">$GLOBAL_FRIENDS$</div></div>
<?if($CHAT_BOX$)?><div class="box"><h3>Mini-Chat</h3><div class="boxContent">$CHAT_BOX$</div></div><?endif?>
<?if($POLL$)?><div class="box"><h3>Unsere Umfrage</h3><div class="boxContent">$POLL$</div></div><?endif?>
<?if($COUNTER$ || $ONLINE_COUNTER$)?><div class="box"><h3>Statistik</h3><div class="boxContent">$COUNTER$<?if($ONLINE_COUNTER$)?><hr>$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?> </div></div><?endif?>
</td>
</tr>
</tbody></table>
<!-- /Body -->

</td></tr>
</tbody></table>

<!-- Footer -->
<table style="background: rgb(255, 211, 66) url(http://s101.ucoz.net/t/958/5.gif) repeat-x scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td style="" align="center">Copyright MyCorp © $YEAR$ | $POWERED_BY$</td><td align="right" valign="top"><img src="http://s101.ucoz.net/t/958/6.jpg" border="0"></td></tr>
</tbody></table>
<!-- /Footer -->
</div>
</body></HTML>

in dem Default-Banner meines Templates habe ich mehrere Slices...
das Bild 2.jpg konnte ich erfolgreich austauschen gegen 3new.jpg
~ soweit alles OK ~

nun hab ich 3new.jpg mit einem ImageMap versehen, was zur Folge hat, dass das Bild nun als Tabelle eingefügt werden muss...

wie bekomme ich das hin, dass auch noch das ImageMap funzt ?
- meine Bemühungen sind gescheitert

hier meine Tabelle mit dem ImageMap:
Zitat:

Code
<table id="tab01" width="684" height="449" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="mysite/hp/201.jpg" width="684" height="51" alt="blablabla"></td>
</tr>
<tr>
<td>
<img src="mysite/hp/202.jpg" width="21" height="348" alt="blablabla"></td>
<td>
<img src="mysite/hp/203.jpg" alt="" width="259" height="348" border="0" usemap="#Map"></td>
<td>
<img src="mysite/hp/204.jpg" width="404" height="348" alt="blablabla"></td>
</tr>
<tr>
<td colspan="3">
<img src="mysite/hp/205.jpg" width="684" height="50" alt="blablabla"></td>
</tr>
</table>

wür mich freuen, wenn jemand helfen könnte !

bislang war der Kommentar:

Quote
wenn du das bild gescliced hast, kannst du nur auf jeden bildteil eine image map legen oder um jeden slice einen normalen link!

da das bild 3 zur zeit als hintergrund einer tabelle fungiert, geht keine der beiden varianten...

d.h. du musst was an deinem konstrukt ändern wennd as bild verlinkt sein soll!

das heisst für mich, da ich mich NICHT mit

Code
-moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
auskenne:
ich muss den Code für das Headerbanner selber in html basteln !?

woher kommt dieser Code mit -moz*** ?

hab ich vorher noch nie gesehen....
deshalb:

Quote
klar ist das eine Sache von uCoz!

vielleicht finden wir ja einen Weg, ohne dass ich allen Seiten einen eigenen HTML-Header verpassen muss wacko

thx 4 relply

cu

Zugefügt (15.02.2009, 09:30)
---------------------------------------------

Quote
-moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;

wenn das durch irgendein Modul initiiert wird, durch welches bitte ?
kann ich da irgendwie eingreifen ?

cu

Zugefügt (15.02.2009, 09:46)
---------------------------------------------
leider kann ich den Code nicht farblich markiern oder unterstreichen....

der Link zu background http://mysite.ucoz.de/hp/3new.jpg
steht in Zeile 8

in meinem Verständnis wird das Banner als Hintergrund geladen und
die Site-Headline wird darüber dargestellt.

allerdings hab ich damit das an anderer Stelle das erwähnte 75000 Zeichen-Prob...

na mal sehen, ob wir da raus kommen... wink

cu & happy sunday

Beitrag wurde von cali - Sonntag, 15.02.2009, 07:49 bearbeitet
noobishrabbit
Beiträge: 929
Ruf: 33
Beitrag # 6 | 01:25
alsooooo

Quote
-moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;

ist definitiv kein uCoz problem... google hilft da wirklich weiter. diese befehle haben was mit firefox zu tun. hier mal ein paar links:
http://dev.fckeditor.net/ticket/1349
auch bei selfhtml werden diese befehle erwähnt, da müsstest du dich noch etwas genauer informieren...
http://forum.de.selfhtml.org/archiv/2008/10/t178317/

vergewissere dich ob dein imagemap korrekt formatiert ist:
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

gruß!
anton


wuerzburg-riders.de - the place to be

in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :)
cali
Beiträge: 43
Ruf: 0
Beitrag # 7 | 01:49
hmm

hab ich nicht gewusst, das der Code FF-spezifisch ist
thx für die Info

hatte Dir zu dem 75000-Zeichen-Prob eine PM geschickt !

und ja !
das imagemap funzt ja lokal
ich weiss nur nicht wie und wo ich die Tabelle einzufügen hab ???

cu

===============================================================

falls es noch jemanden interessiert:

ich komme der Sache näher biggrin

das Bild mit dem Imagemap legt man in einen div-container und richtet es mit css aus...

(alles weitere findet sich bei selfhtml)

Beitrag wurde von cali - Mittwoch, 25.02.2009, 01:53 bearbeitet
noobishrabbit
Beiträge: 929
Ruf: 33
Beitrag # 8 | 02:40
Ich denke das könnte manchen Nachfolgern helfen. also wäre es nett wenn du deine Ergebnisse dann veröffentlichen würdest.
ich muss mich zur Zeit leider auf Fragen zum System beschränken... gerade viel zu tun, sonst würde ich gern mitgrübeln smile

gruß!
anton


wuerzburg-riders.de - the place to be

in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :)
Gemeinschaft uCoz » Archiv » Papierkorb » Imagemap oder Hotspot im Banner einbetten (um darüber neue Seite zu öffnen)
  • Seite 1 von 1
  • 1
Suche: