Meddelande

Minska
No announcement yet.

FLYTANDE MENY?

Minska
X
 
  • Filter
  • Klockan
  • Show
Clear All
new posts

  • FLYTANDE MENY?

    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/menumak...platepacks.asp
    ->Här:
    HTML-kod:
    <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> 
    Last edited by Popper; 2006-09-21, 19:11.
    Nybörjare i dreamweaver!!
    Proffig i photoshop annars

  • #2
    Är det för svårt eller?
    Nybörjare i dreamweaver!!
    Proffig i photoshop annars

    Kommentera


    • #3
      Vad menar du med 3e bilden?
      links.guida.nu - Länksamling - samla dina länkar (2008)

      Kommentera


      • #4
        wally_91 skrev:
        Vad menar du med 3e bilden?
        Om du klickar på följande länk:
        http://www.xara.com/products/menumak...platepacks.asp
        Och sedan på den andra menyn i det stora fönstret.

        Kommentera


        • #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/menumak...platepacks.asp
          ->Här:
          HTML-kod:
          <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.

          Kommentera


          • #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
            Nybörjare i dreamweaver!!
            Proffig i photoshop annars

            Kommentera


            • #7
              Mulle skrev:
              Om du klickar på följande länk:
              http://www.xara.com/products/menumak...platepacks.asp
              Och sedan på den andra menyn i det stora fönstret.

              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.
              Nybörjare i dreamweaver!!
              Proffig i photoshop annars

              Kommentera


              • #8
                För svårt - nä... Men jag förstår, för alla pengar i världen, inte vad du menar... ^^
                [citat]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?[/citat]
                Dreamwaever? Hmm, låter häftigt... Baka in i? Eh? Jaha!! En flytande meny! Eller?

                Kommentera


                • #9
                  echoSwe skrev:
                  För svårt - nä... Men jag förstår, för alla pengar i världen, inte vad du menar... ^^
                  [citat]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?[/citat]
                  Dreamwaever? Hmm, låter häftigt... Baka in i? Eh? Jaha!! En flytande meny! Eller?

                  Hur säger man "baka in i" istället för Jag kom på det ordet bara för att "leka med ord" .. som att baka in russin i deg... ja 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.
                  Nybörjare i dreamweaver!!
                  Proffig i photoshop annars

                  Kommentera


                  • #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

                    Kommentera


                    • #11
                      Flyttas från Design & Grafik

                      Kommentera

                      Working...
                      X