Autor Zpráva
eeee
Profil *
prosím pomôžte...chcem si urobiť vlastné menu bez šablón....chcem aby to vyzeralo autenticky....ako mám urobiť rozbaľovacie menu?Proste chcem aby z toho vyšli tabuľky a v nich odkazy....prosím...to vie nec tu napíše ako mám urobiť menu...a prosím....žiadne odkazy na inú stránku...to mi nepomôže....
panther
Profil
Neřekl jsi nám, jestli chceš horizontální nebo vertikální menu. Přestože jsi si to nepřál, uvedu odkaz, kde si můžeš vybrat menu jaký se ti bude nejvíce zamlouvat. Ty místo aby jsi dal Ctrl+C odsud z diskuze, tak dáš z mnou uvedeného odkazu, myslím, že bys to mohl zvládnout ;-). http://css.interval.cz/menu/

to mi nepomôže....
Nevím, proč by ti odkaz, odkud si to zkopíruješ, neměl pomoct. :o)
Kentaur
Profil
eeee
Sice jsem pochopil, proč nechceš odkazy, nicméně tato diskuse tu myslím není od toho, aby se každý postup dokola vysvětloval, od toho jsou knihy (doporučím Ti knihu CSS od Charlese Wyke Smitha), internet (mám na mysli stránky s popsaným postupem, ty by ti měly pomoci) a analýza zd. kodů.

Pokusím se ti extrémně stručně pomoci.
Hover menu vytvoříš pomocí vlastnosti hover (tag:hover {} v css) u určitého prvku (Kvuli nádhernému zpracování hoveru v IE jsi nucen použít tag <a> nebo .htc soubor od Petera Nederlofa.) a vlastonsti visibility nebo display nastavenou na none / hidden a změněnou v definici příslušné položky na block / visible.
Prvek se bude nacházet v seznamu (<ul>, <menu>, <ol>).
Následně musíš prvky náležitě zarovnat (float, position, a další techniky) a odstranit odrážky (list-style-type:none).
Upravíš vzhled, vyladíš detaily a menu je na světě.
eeee
Profil *
Neřekl jsi nám, jestli chceš horizontální nebo vertikální menu.

ja potrebujem vertikalne menu...rozbaľovacie....
vladek
Profil *
niečo nájdeš tu
Str4wberry
Profil
Odpovídám eeee:
Hezká řešení jsou k vidění i na CSSplay.
eeee
Profil *
ďakujem Kentaurovi...
eeee
Profil *
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http://www.w3.org/TR/2000/REC xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html>
   <head>
      
      <meta http-equiv="content-language" content="sk" />
      <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
       
       <meta name="robots" content="all" />
        
        <style>
        ul.menu {font-family: "Trebuchet MS",sans-serif;font-size: 1em;
        width: 200px;
        padding: 0; margin: 0;
       	list-style-type: none;
       	border-bottom: 1px solid #d9d9d9;
       	border-left: 1px solid #d9d9d9;
       	border-right: 1px solid #d9d9d9;
        }
        .menu li a:link, .menu li a:visited {display: block;
        height: 100%;
        border-top: 1px solid #d9d9d9;
        border-left: 2em solid #efefef;
        background: #ffffff;
        padding: 0.5em;
        color: #444444;
        text-decoration: none;
        }
        .menu li a:hover, .menu li a:active {
        display: block;
        height: 100%;
        border-top: 1px solid #d9d9d9;
        border-left: 2em solid #d9d9d9;
        background: #efefef;
        padding: 0.5em;
        color: #444444;
        text-decoration: none;
        }
        </style>
     <title>Titulok</title>
   </head>
     <body>

           <ul class="menu">Menu:
              <li><a href="/">Hlavná stránka</a></li>
              <li><a href="/">Zoznam rubrík</a></li>
              <li><a href="/">Download</a></li>
              <li><a href="/">Ankety</a></li>
              <li><a href="/">Weblinks</a></li>
           </ul>

     </body>
</html>


No...a teraz kde mám streliť to hover aby mi to vyliezalo?
Manq
Profil
eeee
I když hledám jak nelépe umím, ve tvém kódu nevidím ani náznak rozbalovacího menu.

V HTML se to dělá pomocí vnořených seznamů. V CSS musíš trochu přemýšlet. Na Internetu je spousta návodů. Stačí hledat.
eeee
Profil *
To Manq:
I když hledám jak nelépe umím, ve tvém kódu nevidím ani náznak rozbalovacího menu.

Neviem čím to je ale o to tu ide...práve že ja neviem kde a ako to mám streliť!...
Manq
Profil
eeee
Stačí trochu hledat. Například zde http://www.cssplay.co.uk/menus/ jsou krásná rozbalovací menu.


http://www.cssplay.co.uk/menus/drop_fly.html
Kentaur
Profil
eeee
Zvýrazním v kodu nabídku, která se má vysunout.
           <ul class="menu">Menu:
              <li><a href="/">Hlavná stránka</a></li>
              <li><a href="/">Zoznam rubrík</a></li>
              <li><a href="/">Download</a></li>
              <li><a href="/">Ankety</a>
                  <ul>
                          <li><a>odkaz</a></li>
                          <li><a>odkaz</a></li>
                          <li><a>odkaz</a></li>
                          <li><a>odkaz</a></li>
                          <li><a>odkaz</a></li>
                  </ul></li>
              <li><a href="/">Weblinks</a></li>
           </ul>
Str4wberry
Profil
Odpovídám Kentaurovi:
Ten vnořený seznam by měl být mezi <li> a </li>, ne?
Kentaur
Profil
Str4wberry
Díky, zabral jsem se do zvýraznování a na <li></li> jsem zapomněl. Opraveno.
eeee
Profil *
no a čo mám dopísať?
.menu li a:link, .menu li a:visited {display: block;
height: 100%;
border-top: 1px solid #d9d9d9;
border-left: 2em solid #efefef;
background: #ffffff;
padding: 0.5em;
color: #444444;
text-decoration: none;}


To kentaur:
vlastnosť hover: {visibility/display: none/hidden} mám strčiť do prvej časti/druhej/tretej časti menu (tam kde sa píšu tie vlastnosti)...a to čo si vyznačil to mám ako urobiť?...
eeee
Profil *
no kde?
eeee
Profil *
no čo mám kde urobiť aby to vychádzalo?
eeee
Profil *
a ako mám z toho cssplay.co.uk zobraziť zdroják toho menu?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0