egth fyrir 15 árum, 6 mánuðum Fjöldi lestra: 732

floating overlays

Ég er að reyna að búa til nav menu sem virki þannig að þegar ég smelli á ákveðinn tengil þá birtist nokkrir tenglar undir honum, ég vill hinsvegar að divið sem heldur utan um þessa tengla sé gagnsætt, eða bara ofan á bakgrunns divinu. Eitthvað í áttina að lightbox, nema þetta þarf að vera meira flexible.

Hafið þið einhverjar hugmyndir?

Brainiac fyrir 15 árum, 6 mánuðum

Ertu með einhver dæmi um það sem þú ert að reyna að gera? Einhverjar skissur eða tilraunir?

Fyrra álit

egth fyrir 15 árum, 6 mánuðum

http://lanmot.is/fs/

Þessir “sub tenglar” væru með display: hidden; og svo þegar ég smellti á parent tengilinn þá myndu þeir birtast, en samt sæist í bakgrunninn á bakvið. Það er reyndar enginn bakgrunnur þarna, en það gæti verið t.d. einhver mynd.

Fyrra álit

Rusty fyrir 15 árum, 6 mánuðum

Gætir notað javascript, eitthvað eins og:
document.getElementById('submenu').style.display = “block”;
Og fyrir transparency notarðu eftirfarandi css kóða:
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;

Fyrra álit

egth fyrir 15 árum, 6 mánuðum

Gallinn við þetta er að textinn verður líka gagnsær.

En samt sem áður fín hugmynd, takk fyrir svarið :

Fyrra álit

Rusty fyrir 15 árum, 6 mánuðum

Við því eru tvær lausnir. 1: Nota tvö div, eitt með transparency, hitt með texta. 2: Nota png mynd með transparency í bakgrunn.

Bætt við 6. október 2008 - 17:24
Svo veit ég ekki hvernig lightbox gerir þetta, en Lytebox notar aðferð númer eitt.

Fyrra álit

Brainiac fyrir 15 árum, 6 mánuðum

Úff, byrjaðu á að setja þetta upp í lista:

<ul>
  <li>Tengill
    <ul>
      <li>Sub-tengill</li>
      <li>Sub-tengill</li>
      <li>Sub-tengill</li>
    </ul>
  </li>
  <li>Tengill
    <ul>
      <li>Sub-tengill</li>
      <li>Sub-tengill</li>
      <li>Sub-tengill</li>
    </ul>
  </li>
</ul>

Það er rugl að hafa þetta í endalausum div

svo ég mundi láta display: none; á ul ul og setja með javascript þannig að þegar einhver smellir á tengilinn (eða hvað sem þú vilt gera) þá bætist við classinn synasub . Í honum væri þá display: block; .

Ef þú ert að meina að hafa bakgrunninn hálf gegnsægjan er best að búa til mynd sem er hálf gegnsæg og setja hana sem bakgrunn: background: url(bgmynd.png); . Ef ekki læturðu bara bakgrunninn verða background: none;

endanlegt CSS væri sem sagt svona:

ul ul {
    display: none;
    background: url(bgmynd.png);
}
ul ul.synasub {
    display: none;
}

Fyrra álit

egth fyrir 15 árum, 6 mánuðum

Engar áhyggjur, ég geri html kóðann minn mun fallegri áður en ég set eitthvað online, en þegar ég er að leika mér að prufa stuff þá er ég ekkert að spá útí hvað er fallegast eða skilvirkast. :)

Málið er að ég vill að þetta virki eins og lightbox, sé div ofaná div og sjáist í gegn.

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Vefforritun

floating overlays

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi