Autor | Zpráva | ||
---|---|---|---|
marek888 Profil |
#1 · Zasláno: 24. 7. 2013, 14:49:44
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 |
#3 · Zasláno: 24. 7. 2013, 15:20:49
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 |
#4 · Zasláno: 24. 7. 2013, 15:30:18
On asi myslí to klasické submenu na ľavej strane.
|
||
JanSvabikCZ Profil |
#5 · Zasláno: 24. 7. 2013, 15:32:31 · Upravil/a: JanSvabikCZ
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 |
#6 · Zasláno: 24. 7. 2013, 15:33:58
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 |
#8 · Zasláno: 24. 7. 2013, 15:50:35
aha, tak děkuji, to se mi hodí! :)
|
||
JanSvabikCZ Profil |
#9 · Zasláno: 24. 7. 2013, 15:56:40 · Upravil/a: JanSvabikCZ
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 |
#10 · Zasláno: 24. 7. 2013, 16:04:46
Díky, mě se pozice toho menu hodí vodorovně.
|
||
Časová prodleva: 11 let
|
0