webForumDet fria alternativet
Logga in

FLYTANDE MENY?

10 svar · 917 visningar · startad av Popper

PopperMedlem sedan sep. 200663 inlägg
#1

Hoppas att jag hamnar i rätt här forum-fråga... JAg tänkte på det som desgin...uhmm...

Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?

Jag har inte hittat nåt färdigt alls. Jag har provat att baka in i men misslyckade....

Jag infogar med html-koder med Menyer-raden, så du kan förklara vart jag ska baka in flytande menyer i dom. Du kan gärna citera/kopiera en meny, och beskriva t.ex. STORA BOKSTÄVA så jag kan se vart det finns som jag måste baka in i o ändra... inte behöva skriva hela... Jag blir enormt tacksam om Du är villig att hjälpa mig... :)

Länk: Jag vill ha likt som bild nr 3: http://www.xara.com/products/menumaker/templatepacks.asp
->Här:

<div id="globalNav"> 
    <img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl"> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr"> 
    <div id="globalLink"> 
      <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global 
	  link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
      link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
      link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
      link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
      link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
      link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
      link</a> 
    </div> 
    <!--end globalLinks--> 
    <form id="search" action=""> 
      <input name="searchFor" type="text" size="10"> 
      <a href="">search</a> 
    </form> 
  </div> 
  <!-- end globalNav --> 
  <div id="subglobal1" class="subglobalNav"> 
    <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> 
  </div> 
  <div id="subglobal2" class="subglobalNav"> 
    <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> 
  </div> 
  <div id="subglobal3" class="subglobalNav"> 
    <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> 
  </div> 
  <div id="subglobal4" class="subglobalNav"> 
    <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> 
  </div> 
  <div id="subglobal5" class="subglobalNav"> 
    <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> 
  </div> 
  <div id="subglobal6" class="subglobalNav"> 
    <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> 
  </div> 
  <div id="subglobal7" class="subglobalNav"> 
    <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> 
  </div> 
  <div id="subglobal8" class="subglobalNav"> 
    <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> 
  </div> 
</div> 
<!-- end masthead --> 
<div id="pagecell1"> 
  <!--pagecell1--> 
  <img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl"> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr"> 
  <div id="breadCrumb"> 
    <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> /
  </div> 
  <div id="pageName"> 
    <h2>Page Name</h2> 
    <img alt="small logo" src="" height="59" width="66"/> 
  </div> 
  <div id="pageNav"> 
    <div id="sectionLinks"> 
      <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div id="advert"> 
      <img src="" alt="" width="107" height="66" /> Advertisement copy goes here.
      Advertisement copy goes here.
    </div> 
  </div>
PopperMedlem sedan sep. 200663 inlägg
#2

Är det för svårt eller?

wally_91Medlem sedan feb. 2006511 inlägg
#3

Vad menar du med 3e bilden?

MulleMedlem sedan apr. 200699 inlägg
#4

wally_91 skrev:

Vad menar du med 3e bilden?

Om du klickar på följande länk:
http://www.xara.com/products/menumaker/templatepacks.asp
Och sedan på den andra menyn i det stora fönstret. :D

MulleMedlem sedan apr. 200699 inlägg
#5

Popper skrev:

Hoppas att jag hamnar i rätt här forum-fråga... JAg tänkte på det som desgin...uhmm...

Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?

Jag har inte hittat nåt färdigt alls. Jag har provat att baka in i men misslyckade....

Jag infogar med html-koder med Menyer-raden, så du kan förklara vart jag ska baka in flytande menyer i dom. Du kan gärna citera/kopiera en meny, och beskriva t.ex. STORA BOKSTÄVA så jag kan se vart det finns som jag måste baka in i o ändra... inte behöva skriva hela... Jag blir enormt tacksam om Du är villig att hjälpa mig... :)

Länk: Jag vill ha likt som bild nr 3: http://www.xara.com/products/menumaker/templatepacks.asp
->Här:

<div id="globalNav"> 
    <img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl"> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr"> 
    <div id="globalLink"> 
      <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global 
	  link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
      link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
      link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
      link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
      link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
      link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
      link</a> 
    </div> 
    <!--end globalLinks--> 
    <form id="search" action=""> 
      <input name="searchFor" type="text" size="10"> 
      <a href="">search</a> 
    </form> 
  </div> 
  <!-- end globalNav --> 
  <div id="subglobal1" class="subglobalNav"> 
    <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> 
  </div> 
  <div id="subglobal2" class="subglobalNav"> 
    <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> 
  </div> 
  <div id="subglobal3" class="subglobalNav"> 
    <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> 
  </div> 
  <div id="subglobal4" class="subglobalNav"> 
    <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> 
  </div> 
  <div id="subglobal5" class="subglobalNav"> 
    <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> 
  </div> 
  <div id="subglobal6" class="subglobalNav"> 
    <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> 
  </div> 
  <div id="subglobal7" class="subglobalNav"> 
    <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> 
  </div> 
  <div id="subglobal8" class="subglobalNav"> 
    <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> 
  </div> 
</div> 
<!-- end masthead --> 
<div id="pagecell1"> 
  <!--pagecell1--> 
  <img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl"> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr"> 
  <div id="breadCrumb"> 
    <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> /
  </div> 
  <div id="pageName"> 
    <h2>Page Name</h2> 
    <img alt="small logo" src="" height="59" width="66"/> 
  </div> 
  <div id="pageNav"> 
    <div id="sectionLinks"> 
      <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div id="advert"> 
      <img src="" alt="" width="107" height="66" /> Advertisement copy goes here.
      Advertisement copy goes here.
    </div> 
  </div>

Det verkar ju som att du kan ladda ner en demo av menyerna
om du går vidare från din länk.Finns ju både för dreamwaever
och frontpage. :stud

PopperMedlem sedan sep. 200663 inlägg
#6

Hej Mulle!

Ja det var deamweaver. Jag kopiade en del av det för att visa vad jag vill ändra i. Men försökte ändra till annat layout FLYTANDE MENY, men det funkar inte... så vet ej varför, är bara jäkla nybörjare, men VILL LÄRA MIG :D

PopperMedlem sedan sep. 200663 inlägg
#7

Mulle skrev:

Om du klickar på följande länk:
http://www.xara.com/products/menumaker/templatepacks.asp
Och sedan på den andra menyn i det stora fönstret. :D

Länken funkar inte här forum (pga "..." det ska vara /templatepacks.asp, men en alt är att du klickar på Xara's product, då det kommer olika bilder av menyer. När du klickar på bilder, så det döker upp ett nytt fönster, då det syns nummer 1 of 26 sådär. Jag pekade ut nr 3 som jag vill ha det ungefärligt.

Detta var inte menade dig som Mulle. dvs.

echoSweMedlem sedan nov. 20041 189 inlägg
#8

För svårt - nä... Men jag förstår, för alla pengar i världen, inte vad du menar... ^^

Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?

Dreamwaever? Hmm, låter häftigt... Baka in i? Eh? Jaha!! En flytande meny! Eller? :q :e

PopperMedlem sedan sep. 200663 inlägg
#9

echoSwe skrev:

För svårt - nä... Men jag förstår, för alla pengar i världen, inte vad du menar... ^^

Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?

Dreamwaever? Hmm, låter häftigt... Baka in i? Eh? Jaha!! En flytande meny! Eller? :q :e

:P Hur säger man "baka in i" istället för :x Jag kom på det ordet bara för att "leka med ord" .. som att baka in russin i deg... ja :D nej, men....

Alltså att ändra från fast menyer till flytande menyer. Det heter så "flytande menyer"
Du klickar på Webforums meny raden: KONTROLLPANELEN - FAQ - MEDLEMSLISTA - KALENDER... etc.. som du ser där uppe i sidan, Det kallar för "FASTA MENYER"
FLYTANDE MENYER betyder att när du drar din mus o pekare på t.ex. FAQ-menyn, där kommer listorna neråt o sen du kan klicka på en av de menyerna, så kommer nya sidan.

echoSweMedlem sedan nov. 20041 189 inlägg
#10

http://www.alistapart.com/articles/dropdowns/

Typ den? Den för tankarna tillbaka till den gamla goda tiden när mörkret (IE) härskade och jag inte var expert på CSS ;)

SydMedlem sedan feb. 2004489 inlägg
#11

Flyttas från Design & Grafik

137 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)