Autor Zpráva
marek888
Profil
Ahoj, Prosím, nenašel by se zde někdo, kdo by mi napsal i vysvětlit, jak udělat tyto odkazy? Ukázka zde : http://www.amk.to/ . Hledal sem na stránkách kod, a poté mi došlo, když sem ho nenašel, že to bude javascript. Potíž je také to, že nevím ja se tato funkce jmenuje, jinak bych si jí vyhledal. Děkuji všem za odpovědi. Marek
Micruss
Profil
jaký odkazy ?
buď konkrétní
Trejpa
Profil
marek888:
Jestli myslíš tu změnu stínování po najetí kurzorem nad kus obsahu, tak to není žádný odkaz v odkaze ani skriptová animace, ale normální :hover použitý na blok.

.articleslist {
    border: 1px solid #E8E8E8;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 5px 5px 7px #AAAAAA;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding: 0.5em;
}
.articleslist:hover {
    display: block;
    box-shadow: 0px 0px 10px #666;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #666;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px #666;
    -webkit-border-radius: 8px;
}
weroro
Profil
On asi myslí to klasické submenu na ľavej strane.
JanSvabikCZ
Profil
A nemyslí náhodou, že i po kliknutí na <span> nebo <div> nebo co to je, že to také funguje jako odkaz a přitom v top <divu/spanu> je další odkaz??? Také jsem to moc nepochopil...


Ne, on to není odkaz, omlouvám se...


Asi myslí to vysouvací menu...
marek888
Profil
Děkuji za odpovědi. Konkrétně myslím ty odkazy na levé straně.
JanSvabikCZ
Profil
Můžeš nějaké udělat například na cssmenumaker.com, stáhnout a pak upravit barvy a styl...
marek888
Profil
aha, tak děkuji, to se mi hodí! :)
JanSvabikCZ
Profil
Není zač :-) Ale pokud chceš unikátní grafiku, musíš vytvořit celé menu své, je to uděláno tak, že po najetí myši na první <a> se ukáže ono druhé <ul>.....<a></a>.....</ul>

Já to mám na svých stránkách jako horní menu, jestli chceš okopírovat ;-)

CSS:
#topmenu ul {float: left; width: 100%; font-family: "Sans serif", "Arial"; color: #000000; background: rgb(110,128,192); padding: 0; margin: 0; font-size: 15.5px; list-style-type: none; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; display:block}
#topmenu ul li ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;}
#topmenu ul li {float: left; width: auto; position: relative; background: rgb(110,128,192); text-align: center; white-space: nowrap;}
#topmenu ul li a {padding: 5px 8px 4px 8px; text-align: left; background-color: rgb(110,128,192); border-right: 1px solid #FFFFFF; color: #FFFFFF; display: block; text-decoration: none; font-weight: bold;}
#topmenu ul li a:hover {color: #000000; background-color: rgb(255,255,255);}
#topmenu ul li:hover ul, ul ul li:hover ul {visibility: visible;}
#topmenu ul li li {float: none; padding: 0; margin: 0;}
#topmenu ul li:hover {background: rgb(255,255,255);}
#topmenu ul li ul li {border-top: 1px solid #FFFFFF; width: 142px;}
#topmenu ul li ul li a {font-size: 14px;}
#topmenu a.current {background: rgb(255,255,255); color: #0A0A0A;}
.sfirst {margin-top: -2px;}

HTML:
<div id="topmenu">
      <ul class="menu">
        <li>
        <a href="" class="current"></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        </li>
        <li>
        <a href=""></a>
        <ul>
          <li>
          <a href="" class="sfirst"></a>
          </li>
          <li>
          <a href=""></a>
          </li>
          <li>
          <a href=""></a>
          </li>
          <li>
          <a href=""></a>
          </li>
        </ul>
        </li>
        <li>
        <a href="/objednat/">Objednávka</a>
        </li>
      </ul>
    </div>

Kdyžtak to přetvoř tak, aby se položky v <ul> neřadily za sebe, ale pod sebe...


Zapomněl jsem smazat odkaz na /objednavka/
marek888
Profil
Díky, mě se pozice toho menu hodí vodorovně.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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