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
Kaciatk0:
Ahoj myslíš niečo ako

Menu
+Submenu
+podsubmenu

???
Kaciatk0
Profil
MyShare http://www.coolajax.net/ajax/menu/1094147aa.png :)
MyShare
Profil
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
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
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
Kaciatk0:
Daj si do prehliadača http://vampi-labs.org/test/
Posledné menu (zo života) to je presne čo potrebuješ že?
Kaciatk0
Profil
MyShare:
Áno, presne to.
MyShare
Profil
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
MyShare:

Toto isté html tam mám nahodené a nejde mi to, idem popozerať ten menubar :)
MyShare
Profil
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
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
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
Lebo menu aj hlavička atď je robené cez blogger widget ...


Či gadget, už som z toho jeleň ...
MyShare
Profil
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
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
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!
Kaciatk0
Profil
MyShare Neuveríš , ale mám to! :))))
MyShare
Profil
Kaciatk0:
Super :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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