| 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:
„http://www.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: 13 let
|
|||
0