Registrace nového uživatele     Návod     Kluby     Archív  Lopuchu     Lopuch.cz  

Já Vánoce juchuchu
oslavím na Lopuchu!

Lopuch.cz

Jméno:
Heslo:
Podpora LCD:
 
Klub Web [ŽP: neomezená] (kategorie Programování) moderuje Kdokoliv.
Archiv
Domovská stránka aktualizována 28.7.2019 17:46
  
  Nastavení klubu     Nastavení práv     Homepage     Anketa     Přítomní     Oblíbené     Lopuch     Kategorie  
autor: 
text: 
vyplnit a 
Help
 Titulek, text příspěvku  
Opište pozpátku následující text bez prostředního znaku: tzwtlhk
[ 4074 ] <Novější  <<<Nejnovější  Nejstarší>>>  Starší>  
knedle knedle online - Krabice živých 11.1.2010 12:48  7002
resenim je udelat ne castecne nahrazovani - ale nahrazovani celeho obrazku - podle toho, kam najedes

tj. pri 10 mnohouhelnicich budes mit 11 uplnych obrazku, 1 zakladni a 10 specialnich pro kazdou moznost
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 11.1.2010 12:15  7001
ilustrační obrázekhttp://puschpull.org/root/img_menu/images_menu/img_menu.png

puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 11.1.2010 12:12  7000
a nyní dotazomlouvám se za to, že se tu s tím babrám
to co je v předchozím příspěvku je mi jasné, ale nevím jak totéž řešit, pokud vybrané obrázky v klikací mapě nebudou pravoúhlé oblasti, ale třeba nepravidelné mnohoúhelníky
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 11.1.2010 12:03  6999
pokračování dotazu na img menu
zde:
Image Map Test

mám jednduchý příklad (pro ilustraci)

html:


<html>
<head>
<title>Image Map Test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="styles_image_menu.css" />
</head>
<body>

<br /><br />

<div id="image_menu">
<div id="image_menu_pp">
<ul>
<li id="a"><a href="#"><span>A</span></a></li>
<li id="b"><a href="#"><span>B</span></a></li>
<li id="c"><a href="#"><span>C</span></a></li>
<li id="d"><a href="#"><span>D</span></a></li>
</ul>
</div> <!-- end image_menu_pp -->
</div> <!-- end image_menu -->

</body>
</html>




css:


/* Image Map Styles
designed by puschpull
---------------------------------- */

/* obrázkové map menu
---------------------------------- */

body {
font-family : Arial, Tahoma, Verdana;
color : Black;
font-size: 95%;
height: 100%; /* dulezite */
margin: 0px;
padding: 0px;
min-width: 700px;
}

#image_menu
{
position: absolute;
left: 100px;
top: 100px;
}

#image_menu_pp
{
text-align: center;
margin-left: 20%;
margin-right: 20%;
width:400px;
height:400px;
background-image: url(images_menu/img_menu.png);
background-position: 0px 0px ;
background-repeat: no-repeat;
}

#image_menu_pp ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
/*clear: left;*/
position: relative;
top: 0px;
left: 0px;
}

#image_menu_pp li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#image_menu_pp a
{
margin:0px;
padding:0px;
display: block;
}

#image_menu_pp a span
{
display: none;
}


#a a
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) 0px 0px no-repeat;
}

#a a:hover
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) 0px -400px no-repeat;
}

#b a
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) -200px 0 no-repeat;
}

#b a:hover
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) -200px -400px no-repeat;
}

#c a
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) 0px -200px no-repeat;
}

#c a:hover
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) 0px -600px no-repeat;
}

#d a
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) -200px -200px no-repeat;
}

#d a:hover
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) -200px -600px no-repeat;
}


#a_active
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) 0px -400px no-repeat;
}

#b_active
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) -200px -400px no-repeat;
}

#c_active
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) 0px -600px no-repeat;
}

#d_active
{
width:200px;
height:200px;
background: url(images_menu/img_menu.png) -200px -600px no-repeat;
}


puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 10.1.2010 16:58  6998
Trofozoit: dík !nějak se zamotávám v tomto co jsem našel :
Stu Nicholls | CSSplay | CSS image map menu

kdysi jsem tohle uměl a nebylo to tak těžké
ach jo, musím to nějak v hlavě oprášit
:-)
trofozoit Trofozoit DNA, DNA - come out and play 10.1.2010 16:48  6997
To se nedělá pomocí imagemap většinou, ale třeba takhle.
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 10.1.2010 16:26  6996
dotazkdysi jsem si ukládal příklady, ale nemohu to najít

potřebuji udělat do obrázku "image map" kde mám jeden obrázek čb, druhý barevný a po najetí myši nad nějakou část, která je označená jako klikací, tak ptřebuji hover efekt, aby tato část byla pod ukazatelem myši barevná ...

němáte někdo po ruce nějaké odkazy s příklady ?
děkuji
eso eso 9.12.2009 09:51  6995
V práci sháníme 3 lidi:

- šéfa vývojářů a dotnet programátora v jednom
- kodéra
- produkt managera (pro webové projekty)

Práce v Praze. Místní pobočka finské korporce.
Víc kdyžtak v poště, pokud by měl někdo zájem.
tvx tvx Myslet si, že svět je JEN takový, jak - ho v daný čas můžeme pochopit je hloupé. 4.12.2009 18:55  6994
Velice mile je, pokud bydlite na spolenem sitovem segmentu s nejakejma zahumusenjema kolegema... Google vas k nim prihodi do jednoho pytle
viz. ve firefoxu: http://www.hotel-marienbad.eu/

zduvodneni:
http://safebrowsing.clients.google.com/safebrowsing/diagnostic?client=Firefox&hl=en-GB&site=http://www.hotel-marienbad.eu/

mili kolegove:
http://safebrowsing.clients.google.com/safebrowsing/diagnostic?client=Firefox&hl=en-GB&site=AS:15685
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 4.12.2009 15:27  6993
ještě ke staršímu dotazu na RSpřehled a popis několika RS:
Redakční systémy
knedle knedle online - Krabice živých 2.12.2009 14:59  6992
http://support.mozilla.com/tiki-view_forum_thread.php?locale=sq&comments_parentId=181125&forumId=1
knedle knedle online - Krabice živých 2.12.2009 14:58  6991
http://www.opera.com/docs/switches/
knedle knedle online - Krabice živých 2.12.2009 14:57  6990
prohlizece
knedle knedle online - Krabice živých 2.12.2009 14:56  6989
imho na to bude nejakej parametr pri spusteni
bighead BIGHead Pořádáte akci, vyzkoušejte - naše moderátory 2.12.2009 12:55  6988
knedleA lze do fulscreenu nějak přepnout rovnou, už při spuštění té prezentace, bez nutnost mačkat F11?

[ 4074 ] <Novější  <<<Nejnovější  Nejstarší>>>  Starší>  

(c) 2001-2011 Lopuch.cz   
Kontakt