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 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 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. 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 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. popisné menu

v HTML, XHTML, XML, CSS

0

501

08.05.2007 12:34

newboy1 Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

7

1305

01.03.2008 16:24

mage Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

9

564

21.06.2008 21:19

shaggy Zobrazenie posledných príspevkov

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

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

1

303

05.11.2014 17:19

BX Zobrazenie posledných príspevkov

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

v Redakčné systémy

2

268

23.01.2013 11:13

IntelSK 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