ilch Forum » Ilch Clan 1.1 » Design und Templates » spry menuleiste

Geschlossen
  1. #1
    User Pic
    sl1ck Mitglied
    Registriert seit
    06.03.2007
    Beiträge
    32
    Beitragswertungen
    0 Beitragspunkte
    hi leute
    ich mal wieder...
    ich wollte mal eine sprymenuleiste an einem dynamisch an ilch angepasstem design ausprobieren, aber irgendwie
    will das ding nicht so recht...
    bei mir wird dann bloß die menupunte angezeigt (ohne den rest)

    jetzt weiß ich halt nicht weiter, habt ihr ne idee?

    gruß
    chris
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Sag mir nix, vielleicht wären ein paar mehr Angaben und ein Link zur Problemseite hilfreich?
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    ThE rEaL dEaL Mitglied
    Registriert seit
    28.08.2006
    Beiträge
    1.287
    Beitragswertungen
    0 Beitragspunkte
    was ist denn eine sprymenuleiste?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    ZSKing Mitglied
    Registriert seit
    05.05.2007
    Beiträge
    1.026
    Beitragswertungen
    0 Beitragspunkte
    Ich denke es handelt sich um einen
    Dreamwaever-Benutzer und Info's
    dazu:

    externer Link --> Future Tour --> Warten --> Alle Infos über Spry etc.


    Liebe Grüße
    ZSKing
    »inaktiv
    _________________________________
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    sl1ck Mitglied
    Registriert seit
    06.03.2007
    Beiträge
    32
    Beitragswertungen
    0 Beitragspunkte
    hiii

    ich weiß jetzt nicht aber welcher version die spry teile beigelgt wurden
    aber hier mal eine definition der dreamweaver hilfe
    ZitatZitat

    Über Spry-Widgets
    Bei einem Spry-Widget handelt es sich um ein interaktives Seitenelement, das dem Anwender ein höherwertigeres Erlebnis durch Benutzerinteraktion bietet. Es besteht aus folgenden Elementen:

    Widget-Struktur Ein HTML-Codeblock zur Definition der strukturellen Zusammensetzung des Widgets.

    Widget-Verhalten JavaScript zur Steuerung des Widget-Verhaltens bei Benutzeraktionen.

    Widget-Stil CSS zur Bestimmung des Erscheinungsbilds.

    Das Spry-Framework unterstützt einen Satz wiederverwendbarer, in standardmäßigem HTML, CSS und JavaScript geschriebener Widgets. Diese Widgets lassen sich kinderleicht einfügen (der Code ist einfaches HTML und CSS) und mit eigenem Stil anpassen. Die Verhalten im Framework beinhalten Funktionen, mit denen Benutzer Seiteninhalte ein- bzw. ausblenden, das Erscheinungsbild (wie die Farbe) ändern oder mit Menüs interagieren können und vieles mehr.

    Alle Widgets im Spry-Framework sind mit eindeutigen CSS- und JavaScript-Dateien verknüpft. Die CSS-Datei enthält alles Notwendige für den Widget-Stil, während die JavaScript-Datei ihre Funktionalität bestimmt. Wenn Sie ein Widget über die Dreamweaver Benutzeroberfläche einfügen, verknüpft Dreamweaver diese Dateien automatisch mit Ihrer Seite. Ihr Widget erhält dadurch Funktionalität und Stil.

    Die mit einem Widget verknüpften CSS- und JavaScript-Dateien werden nach dem Widget benannt. So wissen Sie immer, welche Dateien zu welchem Widget gehören (So heißen die mit dem Akkordeon-Widget verknüpften Dateien folgerichtig „SpryAccordion.css“ und „SpryAccordion.js“). Wenn Sie ein Widget in eine gespeicherte Seite einfügen, erstellt Dreamweaver einen Ordner mit Namen „SpryAssets“ auf Ihrer Site, in dem die dazugehörigen JavaScript- und CSS-Dateien gespeichert werden.

    Ein Spry-Tutorial zur Verwendung von Widgets finden Sie unter www.adobe.com/go/vid0167_de.



    vielleicht wisst ihr ja jetzt was ich meine und könnt mir evt. helfen?

    gruß
    sl1ck
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Naja wenn das Design online wäre und man sich das mal anschauen könnte, dann vielleicht zwinker
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    sl1ck Mitglied
    Registriert seit
    06.03.2007
    Beiträge
    32
    Beitragswertungen
    0 Beitragspunkte
    hier der code

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{TITLE}</title>
    <style type="text/css">
    <!--
    .Stil8 {font-family: Tahoma, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; }
    -->
    </style>
    <link rel="stylesheet" type="text/css" href="include/designs/DNP/style.css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    
    <div align="center">
    <body bgcolor="#bfe3fb" style="margin:0">
    <table width="998" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="208" align="left" valign="bottom" background="include/designs/DNP/images/header_image.gif"><table width="90%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top"><ul id="MenuBar1" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="#">Clan</a>
                  <ul>
                    <li><a href="index.php">News</a></li>
                    <li><a href="index.php?teams">Squads</a></li>
                    <li><a href="index.php?wars">Clanwars</a></li>
                    <li><a href="index.php?history">History</a></li>
                  </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Community</a>
                <ul>
                  <li><a href="index.php?forum">Forum</a></li>
                  <li><a href="index.php?gbook">G&auml;stebuch</a></li>
                </ul>
                </li>
              <li><a class="MenuBarItemSubmenu" href="#">Contact</a>
                  <ul>
                    <li><a class="MenuBarItemSubmenu" href="index.php?joinus">JoinUs</a>
                        <ul>
                          <li><a href="#">Element 3.1.1</a></li>
                          <li><a href="#">Element 3.1.2</a></li>
                        </ul>
                    </li>
                    <li><a href="index.php?fightus">FightUs</a></li>
                    <li><a href="index.php?impressum">Impressum</a></li>
                  </ul>
              </li>
              </ul>        </td>
          </tr>
        </table></td>
      </tr>
    </table>
    <table width="998" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="229" align="center" valign="top">
        {_list_menunr1@
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="45" align="center" valign="middle" background="include/designs/DNP/images/side_h1.gif">%1</td>
          </tr>
          <tr>
            <td align="center" valign="top" background="include/designs/DNP/images/bg_repeat.jpg"><table width="90%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">%2</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="20" background="include/designs/DNP/images/footer_repeat.gif">&nbsp;</td>
          </tr>
        </table>
        }
        </td>
        <td width="534" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="161" align="center" valign="top"><table width="99%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="161" align="center" valign="bottom" background="include/designs/DNP/images/division_select_bg.gif"><table width="99%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="center" valign="top"><img src="include/designs/DNP/images/division_cs.gif" width="120" height="107" /><img src="include/designs/DNP/images/division_dod.gif" width="120" height="107" /><img src="include/designs/DNP/images/division_quake.gif" width="120" height="107" /><img src="include/designs/DNP/images/division_wow.gif" width="120" height="107" /></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td align="center" valign="top" bgcolor="#aecbe6"><table width="95%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">{HMENU}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td align="center" valign="top" bgcolor="#aecbe6"><table width="95%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">{EXPLODE}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td align="center" valign="top" bgcolor="#aecbe6">Copyright 2007 by Defcon360 | Ilch | CT</td>
          </tr>
        </table></td>
        <td width="229" align="center" valign="top">
        {_list_menunr2@
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="45" align="center" valign="middle" background="include/designs/DNP/images/side_h1.gif">%1</td>
          </tr>
          <tr>
            <td align="center" valign="top" background="include/designs/DNP/images/bg_repeat.jpg"><table width="90%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">%2</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="20" background="include/designs/DNP/images/footer_repeat.gif">&nbsp;</td>
          </tr>
        </table>
        }
        </td>
      </tr>
    </table>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
             
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}


    und hier ein link zu einer meiner testseiten

    ty3crowebmedia.ty.ohost.de/
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    sl1ck Mitglied
    Registriert seit
    06.03.2007
    Beiträge
    32
    Beitragswertungen
    0 Beitragspunkte
    leute

    es hat sich erledigt....
    hatte bei dem spryassets ordner vergessen den pfad anzugeben.

    aber trotzdem danke

    mfg
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Also wenn das der Code für das Menü ist
    <table width="90%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top"><ul id="MenuBar1" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="#">Clan</a>
                  <ul>
                    <li><a href="index.php">News</a></li>
                    <li><a href="index.php?teams">Squads</a></li>
                    <li><a href="index.php?wars">Clanwars</a></li>
                    <li><a href="index.php?history">History</a></li>
                  </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Community</a>
                <ul>
                  <li><a href="index.php?forum">Forum</a></li>
                  <li><a href="index.php?gbook">G&auml;stebuch</a></li>
                </ul>
                </li>
              <li><a class="MenuBarItemSubmenu" href="#">Contact</a>
                  <ul>
                    <li><a class="MenuBarItemSubmenu" href="index.php?joinus">JoinUs</a>
                        <ul>
                          <li><a href="#">Element 3.1.1</a></li>
                          <li><a href="#">Element 3.1.2</a></li>
                        </ul>
                    </li>
                    <li><a href="index.php?fightus">FightUs</a></li>
                    <li><a href="index.php?impressum">Impressum</a></li>
                  </ul>
              </li>
              </ul>        </td>
          </tr>
        </table>
    dann sollte es doch recht einfach sein, das auch dynamisch zu machen
    <table width="90%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top"><ul id="MenuBar1" class="MenuBarHorizontal">
              {_list_menunr3@<li><a class="MenuBarItemSubmenu" href="#">%1</a>%2</li>}</ul></td>
          </tr>
        </table>
    könnte stimmen zunge
    Testen kann ich es ja nicht, wäre dann das Menü3 im Adminmenü weil 1 und 2 ja schon vergeben sind.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    sl1ck Mitglied
    Registriert seit
    06.03.2007
    Beiträge
    32
    Beitragswertungen
    0 Beitragspunkte
    joah danke, aber es hat sich halt schon erledigt.... aber trotzdem danke.

    allerdings weiß ich jetzt nicht wie ich das aussehen verändern könnte....

    gruß
    sl1ck
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    sheepchen Mitglied
    Registriert seit
    25.10.2007
    Beiträge
    1.086
    Beitragswertungen
    2 Beitragspunkte
    hi leute,
    ich versuch auch mit dem dreamweaver zu arbeiten...
    habe auch versucht mit einer srymenüleiste zu arbeiten, jedoch hat er das einfach nicht angenommen. habe alle pfade angepasst gehabt.
    wisst ihr woran das liegen könnte?
    muss ich den spryodner an bestimmte stellen legen oder so?
    tut mir leid das ich im mom keine testseite hab um das zu zeigen...
    und (auch wenns jz hier leider nicht so reinpasst),
    kann ich wenn ich mein design (die html-datei) fertg hab auch mit dem dw ein css generieren lassen???

    MfG sheepcheN
    man kann nicht alles, aber man kann viel lernen
    mein DA
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten