Obsah fóra
Pravidlá • Registrovať • Prihlásenie

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » "Rolovacie" menu





Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 4 ] 
AutorSpráva
Offline M4rek

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 03.02.07
Prihlásený: 25.04.18
Príspevky: 478
Témy: 105
Bydlisko: Košice/Rožň...
Príspevok NapísalOffline M4rek: 17.11.2007 14:31

Neviete mi poradit ako spravim take "rolovacie menu", ze ked niekto pojde mysou a jedu polozku v menu vyhodi - zobrazi mu tam dalsie podkategorie ? ktore si moze vybrat ?


Offline viktorcech

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok NapísalOffline viktorcech: 17.11.2007 14:36

skus toto:
http://vc.podstromami.com/samples/kmenu ... emenu.html

ma to ale par much..




//nahodou odkaz zmazes a uz prispevok nebude aktualny ;)

kontextovemenu.html píše:
<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Kontextové menu 0.4 - 09.03.2007</title>
<meta content="text/html; charset=windows-1250" http-equiv="Content-Type" />
<meta content="sk" http-equiv="content-language" />
<meta content="no-cache" http-equiv="Cache-control" />
<meta content="no-cache" http-equiv="Pragma" />
<meta content="0" http-equiv="Expires" />
<meta content="all,follow" name="robots" />
<meta content="general" name="rating" />
<meta content="Viktor Čech" name="author" />
<meta content="2006" name="copyright" />
<link type="text/css" href="kontextovemenu.css" media="screen,projection" rel="stylesheet" />

</head>
<body>

<h1>Kontextové CSS menu</h1>
<div class="tien">
<div class="menu">
<div class="obsah">
<ul>
<li>Položka 1</li>
<li><a href="#">Položka 2</a></li>

<li id="podmenu">
<a href="#">Položka 3</a>

<div class="tien">
<div class="menu">
<div class="obsah">
<ul>
<li><a href="#">Podmenu 1 položky 3</a></li>
<li><a href="#">Podmenu 2 položky 3</a></li>
<li><a href="#">Podmenu 3 položky 3</a></li>
<li><a href="#">Podmenu 4 položky 3</a></li>
</ul>
</div>
</div>
</div>
</li>

<li><a href="#">Položka 4</a></li>
<li>Položka 5</li>
<li>Položka 6</li>
<li><a href="#">Položka 7</a></li>
<li><a href="#">Položka 8</a></li>
<li>Položka 9</li>
<li><a href="#">Položka 10</a></li>
<li><a href="#">Položka 11</a></li>
</ul>
</div>
</div>
</div>


</body>
</html>


kontextovemenu.css píše:
body {
behavior: url(csshover.htc);
color: #000;
background-color: #fff;
font: 0.7em Arial, Verdana, lucida, sans-serif;
margin: 50px;}

h1 {
font-size: 200%;}

.tien {
width: 200px;
float: left;
background-color: #f5f5f5;}

.tien .menu {
padding: 0;
position: relative;
left: -5px;
top: -5px;}

.obsah {
margin: 0;
padding: 0;
background-color: #fff;
border: solid 1px #9d9da1;}

.obsah ul {
background: url(men.png) repeat-y top left transparent;
list-style: none;
padding: 2px;
margin: 0;}

.obsah ul li {
color: #aca899;
padding: 0 0 0 33px;}

.obsah ul li#podmenu {
background: url(sipka.png) no-repeat -2% 100% transparent;}

.obsah ul li#podmenu .tien {
display: none;}

.obsah ul li#podmenu:hover .tien {
display: block;
position: absolute;
top: 50px;
left: 202px;}

.obsah ul li a {
cursor: default;
color: #000;
width: 158px;
display: block;
text-decoration: none;
padding: 3px 3px 3px 0;
margin: 0;}

.obsah ul li a:hover {
background-color: #f0f0f0;}


Offline M4rek

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 03.02.07
Prihlásený: 25.04.18
Príspevky: 478
Témy: 105
Bydlisko: Košice/Rožň...
Príspevok Napísal autor témyOffline M4rek: 17.11.2007 16:31

dakujem, pomohlo mi to :)


Offline viktorcech

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok NapísalOffline viktorcech: 17.11.2007 17:54

M4rek píše:
dakujem, pomohlo mi to :)


oprava:
Kód:
/* Kontextové CSS menu 0.5 */
/* Posledná úprava - 17.11.2007 */

body {behavior: url(csshover.htc); color: #000; background-color: #fff; font: 0.7em Arial, Verdana, lucida, sans-serif; margin: 50px;}

h1 {font-size: 200%;}

.tien { width: 200px; float: left; background-color: #f5f5f5;}
.tien .menu { padding: 0; position: relative; left: -5px; top: -5px;}

.obsah { margin: 0; padding: 0;   background-color: #fff; border: solid 1px #9d9da1;}
.obsah ul { background: url(men.png) repeat-y top left transparent; list-style: none; padding: 2px; margin: 0; width: 100%;}
.obsah ul li { color: #aca899; padding: 0 0 1px 33px; margin:0;}
.obsah ul li a {padding: 1px 0; margin: 0;}
.obsah ul li#podmenu { background: url(sipka.png) no-repeat -1% 55% transparent;}
.obsah ul li#podmenu .tien { display: none;}
.obsah ul li#podmenu:hover {background-color: #f0f0f0;}
.obsah ul li#podmenu:hover .tien { float:left;display: block; position: absolute; top: 40px; left: 202px;}
.obsah ul li a { cursor: default; color: #000; width: 158px; display: block; text-decoration: none;}
.obsah ul li a:hover { background-color: #f0f0f0;}


Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 4 ] 

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » "Rolovacie" menu


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. navigacne menu - sek.menu

v HTML, XHTML, XML, CSS

2

495

15.10.2013 21:54

newbie99 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Menu

v HTML, XHTML, XML, CSS

21

1149

27.01.2011 8:58

Antuanet Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. MEnu

v HTML, XHTML, XML, CSS

20

507

21.05.2014 22:42

lukyno010 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu

v HTML, XHTML, XML, CSS

8

919

22.08.2008 10:00

Maron Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu

v HTML, XHTML, XML, CSS

2

776

05.12.2007 15:51

Ezekiell Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu

v HTML, XHTML, XML, CSS

4

646

19.08.2008 13:53

stenley Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu

v JavaScript, VBScript, Ajax

3

881

11.12.2007 15:34

Tominator Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu

v HTML, XHTML, XML, CSS

2

787

08.05.2009 12:33

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Menu

v Video programy

2

770

20.04.2008 15:39

Dzin Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu

v HTML, XHTML, XML, CSS

2

765

04.04.2009 16:00

DeiDaro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. MENU

v Video programy

1

485

06.08.2010 12:14

SpaRcoOo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Rozbalovacie menu

v HTML, XHTML, XML, CSS

3

1506

13.11.2009 9:31

mokus Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Boot menu

v Operačné systémy Microsoft

2

752

01.03.2007 12:46

Punker661 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Language menu

v Assembler, C, C++, Pascal, Java

2

331

07.07.2010 13:35

coldak Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Nefunkčné menu

v JavaScript, VBScript, Ajax

3

630

04.01.2008 20:56

mistr85 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Postranne menu

v HTML, XHTML, XML, CSS

1

394

02.11.2009 9:48

pilná lama glama Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra