Autor | Zpráva | ||
---|---|---|---|
Kaciatk0 Profil |
Ahojte, na webe mám klasické dropdown menu a chcela by som prirobiť ešte jednu úroveň... Nejako sa k tomu neviem dopracovať. Keď dám celé menu napr. do ľavej lišty a pridám zoznamy, tak mi to všetko pekne rozbalí, ale akonáhle menu zavesím hore, ako je v súčasnosti, tak mi rozbalí iba hlavné položky.... Dúfam, že som sa správne vyjadrila :D Možno bude problém v CSS, netuším, som v podstate začiatočník. Vopred ďakujem :)
http://www.ilbaw.com |
||
MyShare Profil |
#2 · Zasláno: 20. 4. 2013, 11:27:23
Kaciatk0:
Ahoj myslíš niečo ako Menu +Submenu +podsubmenu ??? |
||
Kaciatk0 Profil |
|||
MyShare Profil |
#4 · Zasláno: 20. 4. 2013, 11:35:11
Kaciatk0:
„ht>tp://w>ww.coolajax.net/ajax/menu/1094147aa.png :)“ Veď presne :) Ok skús spraviť napr. <li><a href="#">Iné</a> <ul> <li><a href="#">Zo života</a> <ul> <li><a href="#">Môj život</a></li> </ul> </li> </ul> </li> A ak to tam nahodíš nechaj to tam aby som sa na to pozrel :) |
||
Kaciatk0 Profil |
MyShare Takto som to skúšala, ako vravím, keď to mám hore, tak mi to vôbec nič neurobí, ale keď dám menu nabok a prepíšem niektoré hodnoty v štýloch (šírku menu atď, aby to sedelo v lište), tak to funguje ako klasický flyout ... Podľa mňa mám niečo zle v css :D
EDIT: Už som nahodila, a vidíš, nič :( |
||
MyShare Profil |
#6 · Zasláno: 20. 4. 2013, 11:43:38
Kaciatk0:
Práve som to nahodil u seba na local a funguje mi to bez zásahu do css počkaj hodím to na svoju doménu a uvidíme potom ti to upravím :) |
||
Kaciatk0 Profil |
#7 · Zasláno: 20. 4. 2013, 11:45:16
MyShare:
No ja som kukala aj zdrojáky iných stránok, čo mali takéto menu, a tiež to bolo takto riešené, preto netuším, v čom je u mňa problém, ďakujem za ochotu :) |
||
MyShare Profil |
#8 · Zasláno: 20. 4. 2013, 11:46:39
Kaciatk0:
Daj si do prehliadača http://vampi-labs.org/test/ Posledné menu (zo života) to je presne čo potrebuješ že? |
||
Kaciatk0 Profil |
#9 · Zasláno: 20. 4. 2013, 11:48:13
MyShare:
Áno, presne to. |
||
MyShare Profil |
#10 · Zasláno: 20. 4. 2013, 11:52:08
no vidíš predsa funguje :)
<div id='menubar'> <ul id='menus'> <li> <a href='http://www.ilbaw.com'>Domov</a> </li> <li> <a href='http://ilbaw.com/p/archiv.html'>Archív</a> </li> <li> <a href='http://www.ilbaw.com/p/licenie_14.html'>Makeup</a> <ul> <li><a href='http://www.ilbaw.com/p/of-day.html'>Of the day ...</a></li> <li><a href='http://www.ilbaw.com/p/licenie-inspired-by.html'>Inspired by ...</a></li> <li><a href='http://www.ilbaw.com/p/licenie-videa.html'>Videá</a></li> <li><a href='http://www.ilbaw.com/p/licenie-fotopostupy.html'>Fotopostupy</a></li> <li><a href='http://www.ilbaw.com/p/licenie-live.html'>Live</a></li> <li><a href='http://www.ilbaw.com/p/licenia-premeny.html'>Premeny</a></li> <li><a href='http://www.ilbaw.com/p/blog-page_27.html'>Všetky (prehľad)</a></li> </ul> </li> <li> <a href='http://www.ilbaw.com/2013/04/recenzie.html'>Recenzie</a> <ul> <li><a href='http://www.ilbaw.com/2013/03/recenzie-barry-m.html'>Barry M</a></li> <li><a href='http://www.ilbaw.com/2013/03/recenzie-bdellium-tools.html'>Bdellium Tools</a></li> <li><a href='http://www.ilbaw.com/2013/03/recenzie-gosh.html'>GOSH</a></li> <li><a href='http://www.ilbaw.com/2013/03/recenzie-loreal-paris.html'>L'Oréal Paris</a></li> <li><a href='http://www.ilbaw.com/2013/03/recenzie-missha.html'>Missha</a></li> <li><a href='http://www.ilbaw.com/2013/03/recenzie-mua.html'>MUA</a></li> <li><a href='http://www.ilbaw.com/2012/01/recenzie-zoeva.html'>Zoeva</a></li> <li><a href='http://www.ilbaw.com/2013/03/recenzie-ladybox.html'>LadyBox</a></li> <li><a href='http://www.ilbaw.com/2013/03/starostlivost-o.html'>Starostlivosť o ...</a></li> </ul> </li> <li> <a href='http://www.ilbaw.com/2013/03/tipy.html'>Tipy</a> <ul> <li><a href='http://www.ilbaw.com/2012/01/blog-post.html'>Makeup</a></li> <li><a href='http://www.ilbaw.com/2012/01/blog-post.html'>Telo</a></li> <li><a href='http://www.ilbaw.com/2012/01/blog-post.html'>Vlasy</a></li> <li><a href='http://www.ilbaw.com/p/ine-nechty.html'>Nechty</a></li> <li><a href='http://www.ilbaw.com/2012/01/blog-post.html'>Akcie/Zľavy</a></li> <li><a href='http://www.ilbaw.com/p/recepty.html'>Recepty</a></li> <li><a href='http://www.ilbaw.com/p/diy.html'>DIY</a></li> </ul> </li> <li> <a href='http://www.ilbaw.com/p/new-in.html'>New in</a> </li> <li> <a href='http://www.ilbaw.com/p/ine-videotag.html'>Tag</a> </li> <li><a href='http://www.ilbaw.com/2012/01/blog-post.html'>Iné</a> <ul> <li><a href='http://www.ilbaw.com/p/zo-zivota.html'>Zo života</a> <ul> <li><a href="#">Môj život</a></li> </ul> </li> <li><a href='http://www.ilbaw.com/p/ine-sutazim.html'>Súťažím</a></li> <li><a href='http://www.ilbaw.com/p/ine-giveaway.html'>Súťažíte</a></li> <li><a href='http://www.ilbaw.com/p/ine-o-blogu.html'>O blogu</a></li> </ul></li> </ul></div> /*-------- Begin Drop Down Menu -------*/ #menubar { background: #000000; width: 1080px; color: #FFFFFF; margin: 0px; padding: 0; position: relative; border:none; height:30px; } #menus { margin: 0; padding: 0; } #menus ul { float: left; list-style: none; margin: 0; padding: 0; } #menus li { list-style: none; margin: 0; padding: 0; border-left: none; border-right: none; height:30px; } #menus li a, #menus li a:link, #menus li a:visited { background: #000000; color: #FFFFFF; display: block; font:normal 22px Lobster; margin: 0; padding: 0px 30px 0px 12px; text-decoration: none; } #menus li a:hover, #menus li a:active { background: #000000; /* Menu hover */ color: #EC0000; display: block; text-decoration: none; margin: 0; padding: 0px 30px 0px 12px; } #menus li { float: left; padding: 0; } #menus li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 150px; margin:0; padding:0; } #menus li ul a { width: 140px; height: auto; } #menus li ul ul { margin: -25px 0 0 160px; } #menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul { left: -999em; } #menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul { left: auto; } #menus li:hover, #menus li.sfhover { position: static; } #menus li li a, #menus li li a:link, #menus li li a:visited { background: #000000; /* drop down background color */ width: 120px; color: #FFFFFF; display: block; font:normal 16px Lobster; margin: 0; padding: 7px 30px 7px 12px; text-decoration: none; z-index:9999; border-bottom: none; } #menus li li a:hover, #menusli li a:active { background: #000000; /* Drop down hover */ color: #EC0000; display: block; margin: 0; padding: 7px 30px 7px 12px; text-decoration: none; } /*-------- End Drop Down Menu -------*/ |
||
Kaciatk0 Profil |
#11 · Zasláno: 20. 4. 2013, 11:57:01
MyShare:
Toto isté html tam mám nahodené a nejde mi to, idem popozerať ten menubar :) |
||
MyShare Profil |
#12 · Zasláno: 20. 4. 2013, 12:02:07
Hm to je zvláštne môže sa ti tam biť nejaký iný css príkaz lebo v podstate som vytiahol iba css toho menu a html menu takže neviem možno by bolo dobre urobiť toto:
/*-------- Begin Drop Down Menu -------*/ #menubar { background: #000000; width: 1080px; color: #FFFFFF; margin: 0px; padding: 0; position: relative; border:none; height:30px; } #menubar #menus { margin: 0; padding: 0; } #menubar #menus ul { float: left; list-style: none; margin: 0; padding: 0; } #menubar #menus li { list-style: none; margin: 0; padding: 0; border-left: none; border-right: none; height:30px; } #menubar #menus li a, #menus li a:link, #menus li a:visited { background: #000000; color: #FFFFFF; display: block; font:normal 22px Lobster; margin: 0; padding: 0px 30px 0px 12px; text-decoration: none; } #menubar #menus li a:hover, #menus li a:active { background: #000000; /* Menu hover */ color: #EC0000; display: block; text-decoration: none; margin: 0; padding: 0px 30px 0px 12px; } #menubar #menus li { float: left; padding: 0; } #menubar #menus li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 150px; margin:0; padding:0; } #menubar #menus li ul a { width: 140px; height: auto; } #menubar #menus li ul ul { margin: -25px 0 0 160px; } #menubar #menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul { left: -999em; } #menubar #menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul { left: auto; } #menubar #menus li:hover, #menus li.sfhover { position: static; } #menubar #menus li li a, #menus li li a:link, #menus li li a:visited { background: #000000; /* drop down background color */ width: 120px; color: #FFFFFF; display: block; font:normal 16px Lobster; margin: 0; padding: 7px 30px 7px 12px; text-decoration: none; z-index:9999; border-bottom: none; } #menubar #menus li li a:hover, #menusli li a:active { background: #000000; /* Drop down hover */ color: #EC0000; display: block; margin: 0; padding: 7px 30px 7px 12px; text-decoration: none; } /*-------- End Drop Down Menu -------*/ proste som len pridal #menubar aby to všetok kód bral ako pod menubarom skús to teda.... |
||
Kaciatk0 Profil |
MyShare:
No stále nič :( Nechápem ... EDIT: Idem skúsiť .. MyShare: Stále nič ... Wtf :D Hmm, teraz si nadávam, že som si blog začala robiť v bloggeri, a až potom neskôr prepisovať kódy podľa seba, skúsim sa prelúskať tým, čo som tam nechala z pôvodných šablón ... |
||
MyShare Profil |
#14 · Zasláno: 20. 4. 2013, 12:18:31
Akurát som všetko skopčil k sebe na local a všetko fungovalo ale akonáhle som pridal do hlavičky link na css-ko
http://www.blogger.com/static/v1/widgets/154125309-widget_css_2_bundle.css Prestalo to fungovať čiže problém je, že 154125309-widget_css_2_bundle.css ti prebíja tvoj štýl na stránke ale asi k tomu prístup nemáš že? počkaj chvíľu niečo skúsim teda s tým css tvojím porobiť :) |
||
Kaciatk0 Profil |
#15 · Zasláno: 20. 4. 2013, 12:48:39 · Upravil/a: Moderátor (editace znemožněna) 20. 4. 2013, 13:59:13
No idem popozerat, ci sa k tomu viem dostat :-)
MyShare: No v podstate ale som schopná prepísať čokoľvek v css aj html, ak sa nemýlim. MyShare: Nemôže to byť niekde tu vo widgetoch? /* Widgets ----------------------------------------------- */ .widget ul, .widget #ArchiveList ul.flat { padding: 0; list-style: none; } .widget ul li, .widget #ArchiveList ul.flat li { padding: .35em 0; text-indent: 0; border-top: dashed 1px $(widget.alternate.text.color); } .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child { border-top: none; } .widget .post-body ul { list-style: disc; } .widget .post-body ul li { border: none; } .widget .zippy { color: $(widget.alternate.text.color); } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: 5px; background: #fff; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0); } .post-body img, .post-body .tr-caption-container { padding: 0px; } .post-body .tr-caption-container { color: #333333; } .post-body .tr-caption-container img { padding: 0; background: transparent; border: none; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1); } |
||
Kaciatk0 Profil |
#16 · Zasláno: 20. 4. 2013, 14:13:41 · Upravil/a: Kaciatk0
Lebo menu aj hlavička atď je robené cez blogger widget ...
Či gadget, už som z toho jeleň ... |
||
MyShare Profil |
#17 · Zasláno: 20. 4. 2013, 14:17:50
Kaciatk0:
Prepáč snažil som sa ale nijak mi to nejde vždy tam vadí ten css súbor z bloggera a keď ho odstrániš znemožníš si tým celý web. podľa mňa je lepšie si to postaviť bez bloggera ak chceš môžme to spoločne spraviť rád ti pomôže samozrejme zadarmo :) keďže si všetko staviam na vlastnom hostingu a viem, že mi tam daní web napr. blogger nepridáva iné html css súbory/kódy ... môžme sa dohodnúť :) |
||
Kaciatk0 Profil |
#18 · Zasláno: 20. 4. 2013, 14:33:30
MyShare:
Každopádne ďakujem za ochotu :) ono tých šablón má blogger veľa, možno by to v nejakej fungovalo, ale úprimne sa mi to ani nechce skúšať, jednoduchšie je prejsť na vlastné ... Ale aspoň ma teší, že teda chyba nebola v mojom zmýšľaní :D Uvidím, kedy a či vôbec sa do toho pustím, každopádne pomoc sa vždy zíde, tak mi môžeš poslať mail, nech mám na Teba kontakt. Díky ešte raz :) |
||
MyShare Profil |
#19 · Zasláno: 20. 4. 2013, 14:37:09
Kaciatk0:
:) vždy je lepšie si to robiť na vlastnom veľa sa tak naučíme síce si takými web-mi uľahčíš dosť ale ide o to, že sa chceš učiť nie? tak ak budeš ma záujem napíš mi na webmaster@vampi-labs.org a môžeme to postaviť :) v druhom prípade ti niekto skúsený napíše ako to dotiahnuť do šťastného konca! |
||
Časová prodleva: 17 dní
|
|||
Kaciatk0 Profil |
#20 · Zasláno: 7. 5. 2013, 21:04:07
MyShare Neuveríš , ale mám to! :))))
|
||
MyShare Profil |
#21 · Zasláno: 7. 5. 2013, 21:56:53
Kaciatk0:
Super :) |
||
Časová prodleva: 11 let
|
0