ilch Forum » Ilch Clan 1.1 » Design und Templates » Menüänderung

Geschlossen
  1. #1
    User Pic
    Minki Mitglied
    Registriert seit
    23.04.2007
    Beiträge
    55
    Beitragswertungen
    0 Beitragspunkte
    Also jetzt hab ich alles ausprobiert und bin hoffnunglos. WIe bekomme ich denn jetzt ein Menü in dem ich die Punkte ( also was drauf steht selbst bestimmen kann. Ich brauche dafür doch eigentlich nur nen Code einzubinden und ne Bilddatei für den Button. UNd wie schaffe ich das jetzt bei meinem Design???

    Könnt Ihr euch ja mal anschauen denke man sieht sofort was ich meine:

    externer Link


    Zuletzt modifiziert von Minki am 15.10.2008 - 18:48:35
    Was du heute kannst besorgen, bekommste morgen für den halben Preis.
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chainy Mitglied
    Registriert seit
    26.09.2008
    Beiträge
    1.202
    Beitragswertungen
    1 Beitragspunkte
    Wieso machst du net ne eigene Seite, machst da rein wat du willst, dann gehste im Admin auf Navigation, wählst Menüpunkt Wahl, deine Seite auswählen und schieb sie in der Rangfolge in eines der Hauptmenüs; also da wo z b auch forum usw steht
    "...mich interessiert nicht warum sich die Leute an mich erinnern, Hauptsache sie tun es!
    ----------------------GeT HaRdCoRe----------------------
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    ich hab die frage nicht ganz verstanden... ich nehm mal an du willst ne navi bastln mit nem hover effekt...

    wieso nicht die FAQ benutzen? würde nämlich das liefern:
    externer Link
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Minki Mitglied
    Registriert seit
    23.04.2007
    Beiträge
    55
    Beitragswertungen
    0 Beitragspunkte
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">&nbsp;&nbsp;&nbsp;&nbsp;%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->


    wo muss ich diesen Code einfügen?? Irgendwie steht das da nicht. Muss ich hier noch was anpassen oder ist das so ein fertiger Menücode?

    Klar is natürlich das ich die Style.css den Bilderpfad angeben muss.
    Was du heute kannst besorgen, bekommste morgen für den halben Preis.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    viper0461 Mitglied
    Registriert seit
    17.02.2008
    Beiträge
    88
    Beitragswertungen
    0 Beitragspunkte
    Der Code gehört in die Index.htm.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chainy Mitglied
    Registriert seit
    26.09.2008
    Beiträge
    1.202
    Beitragswertungen
    1 Beitragspunkte
    Ich versteh manche Leute net... warum einfach wenns auch schwer geht: machste jetz en komplettes menü für 2 einsame buttons? lachen naja deine sache
    "...mich interessiert nicht warum sich die Leute an mich erinnern, Hauptsache sie tun es!
    ----------------------GeT HaRdCoRe----------------------
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Chainy

    Ich versteh manche Leute net... warum einfach wenns auch schwer geht: machste jetz en komplettes menü für 2 einsame buttons? lachen naja deine sache

    wo ist die rede von "2 einsamen buttons"?
    aus seinem ersten beitrag + hp geht heraus, dass er einen navigation-ersatz sucht, weil das design das er sich da heruntergeladen hat normalerweiße eine flash-navi hat

    also definier ich doch lieber die styles in der .css und kann das in zukunft gemütlich übers adminmenü bearbeiten als das ich da jedesmal den code der box überarbeiten muss....

    wenn man weiß was man tut is es der einfachere weg

    b2t:
    der code gehört ans ende der index.htm... ist aber aus der dokumentation ersichtlich... es muss nur mehr der css code angepasst werden

    der aufbau eines dynamischen menüs ist in der dokumentation genauestens erklärt:
    externer Link


    Zuletzt modifiziert von eXecut1oner am 15.10.2008 - 22:46:41
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Minki Mitglied
    Registriert seit
    23.04.2007
    Beiträge
    55
    Beitragswertungen
    0 Beitragspunkte
    Wir machen das mal bissel anders, blicke da nämlich nicht mehr durch: ( meine Index ) was muss ich da ändern? wäre coll wenn mir das einer eingeben könnte und ich schaue dann was geändert wurde so lern ich es wohl am ehesten.


    <!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=iso-8859-1" />
    <title>{TITLE}</title>
    <meta name="title" content="bluelight_cs">
    <meta name="date" content="28.02.2007">
    <meta name="author" content="uD Psaicon, Dennis Gericke">
    <meta name="publisher" content="uD Psaicon, Dennis Gericke">
    <meta name="copyright" content="www.underdogs360.de">
    <meta name="keywords" content="xbox 360,xbox360 live. team-360,php,flash,joomla,games,fun,online gaming">
    <meta name="description" content="Wir sind ein Xbox Live Clan der sich zum Ziel gemacht Erfolgreich zu sein aber auch eine Menge Spaß am zoggen zu haben. ">
    <meta name="abstract" content="Wir sind ein Xbox Live Clan der sich zum Ziel gemacht Erfolgreich zu sein aber auch eine Menge Spaß am zoggen zu haben. ">
    <meta name="page-topic" content="Xbox360 Clan">
    <meta name="page-topic" content="private homepage">
    <meta name="audience" content="alle">

    <meta name="robots" content="">
    <meta name="language" content="deutsch">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="include/designs/bluelight_cs/css/style.css">
    </head>

    <body>
    <div align="center">
    <table width="1000" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="1000" align="left" valign="top" class="header" scope="col"><div style="float:left;"><img src="include/designs/bluelight_cs/flash/header.gif" border="0" /></div><div style="float:right;"><img src="include/designs/bluelight_cs/flash/header1.gif" border="0" /></div></td>
    </tr>
    <tr>
    <td width="1000" align="left" valign="top" class="bg" scope="col"><table width="1000" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="201" align="left" valign="top" scope="col"><table width="201" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" valign="top" class="modulpic_left_top" scope="col"><div id="titel_nav1">Preißner </div></td>

    </object>
    </div></td>

    </tr>
    <tr>
    <td class="modulpic_left_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="nav2">

    </div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum2" scope="col">&nbsp;</td>

    </tr>
    <tr>
    <td scope="col"><span class="Stil1">{_list_menunr2@</span></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_top" scope="col"><div id="titel_left_modul">%1</div></td>
    </tr>
    <tr>

    <td align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="box_left_modul">%2</div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum2" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col">}</td>
    </tr>

    </table></td>
    <td width="598" align="left" valign="top" scope="col"><table width="598" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" valign="top" class="content_top" scope="col"><div id="hmenu">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th width="74%" align="left" valign="top" scope="col">{HMENU} </th>
    <th width="19%" align="left" valign="top" scope="col"> 01-M&auml;r-2007</th>

    <th width="7%" align="left" valign="top" scope="col">&nbsp;</th>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="content_spacer" scope="col"><div align="left" id="explode">{EXPLODE}</div></td>
    </tr>

    <tr>
    <td align="left" valign="top" class="content_bottum" scope="col"><img src="include/designs/bluelight_cs/images/bluelight_cs_18.jpg" alt="footer" width="598" height="87" border="0" usemap="#Map" /></td>
    </tr>
    </table></td>
    <td width="201" align="left" valign="top" scope="col"><table width="201" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" valign="top" class="modulpic_right_top" scope="col"><div id="titel_"></div></td>
    </tr>
    <tr>

    <th class="modulpic_right_bottum1" scope="col">&nbsp;</th>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>

    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum2" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col"><span class="Stil1">{_list_menunr3@</span></td>
    </tr>

    <tr>
    <td align="left" valign="top" class="modulpic_right_top" scope="col"><div id="titel_right_modul">%1</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_spacer" scope="col"><div id="box_right_modul">%2</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum2" scope="col">&nbsp;</td>

    </tr>
    <tr>
    <td scope="col">}</td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    </tr>

    </table>
    </div>

    <map name="Map" id="Map"><area shape="rect" coords="228,46,361,59" href="mailto:dennis.gericke@web.de" />
    <area shape="rect" coords="229,63,369,74" href="http://www.ilch.de" target="_blank" />
    </map><!-- Ad by funpic.de --><noscript><div style="display:none">&nbsp;</div></noscript><script type="text/javascript" src="http://media.funpic.de/layer.php?bid=49200238"></script><!-- End Ad by funpic.de --></body>
    </html>


    Meine style.css

    body {
    background-color: #1d1d1d;
    margin: 0;
    }
    .header {
    background-image: url(../images/bluelight_cs_01.jpg);
    background-repeat: no-repeat;
    height: 171px;
    width: 1000px;
    }
    .bg {
    background-image: url(../images/bluelight_cs_19.jpg);
    background-repeat: repeat-y;
    height: 100%;
    width: 1000px;
    }
    .modulpic_left_top {
    background-image: url(../images/bluelight_cs_02.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 201px;
    }
    .modulpic_left_top2 {
    background-image: url(../images/bluelight_cs_02.jpg);
    background-repeat: no-repeat;
    height: 41px;
    width: 201px;
    }

    .modulpic_left_spacer {
    background-image: url(../images/bluelight_cs_05.jpg);
    background-repeat: repeat-y;
    height: 100%;
    width: 201px;
    }
    .modulpic_left_bottum1 {
    background-image: url(../images/bluelight_cs_08.jpg);
    background-repeat: no-repeat;
    height: 47px;
    width: 201px;
    }
    .modulpic_left_bottum2 {
    background-image: url(../images/bluelight_cs_14.jpg);
    background-repeat: no-repeat;
    height: 45px;
    width: 201px;
    }
    .modulpic_right_top {
    background-image: url(../images/bluelight_cs_04.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 201px;

    }
    .modulpic_right_top2 {
    background-image: url(../images/bluelight_cs_11.jpg);
    background-repeat: no-repeat;
    height: 41px;
    width: 201px;
    }

    .modulpic_right_spacer {
    background-image: url(../images/bluelight_cs_06.jpg);
    background-repeat: repeat-y;
    height: 100%;
    width: 201px;
    }
    .modulpic_right_bottum1 {
    background-image: url(../images/bluelight_cs_09.jpg);
    background-repeat: no-repeat;
    height: 47px;
    width: 201px;
    }
    .modulpic_right_bottum2 {
    background-image: url(../images/bluelight_cs_15.jpg);
    background-repeat: no-repeat;
    height: 44px;
    width: 201px;
    }
    .content_top {
    background-image: url(../images/bluelight_cs_03.jpg);
    background-repeat: no-repeat;
    height: 77px;
    width: 598px;
    }
    .content_spacer {
    background-image: url(../images/bluelight_cs_07.jpg);
    background-repeat: repeat-y;
    height: 100%;
    width: 598px;
    }
    .content_bottum {
    background-image: url(../images/bluelight_cs_18.jpg);
    background-repeat: no-repeat;
    height: 87px;
    width: 598px;
    }
    #explode {
    height: auto;
    width: 560px;
    margin-right: 19px;
    margin-left: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    }
    #hmenu {
    height: auto;
    width: auto;
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    }

    #box_login {
    height: auto;
    width: auto;
    margin-right: 31px;
    margin-left: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    }
    #nav1 {
    height: auto;
    width: 167px;
    margin-right: 9px;
    margin-left: 24px;
    }
    #nav2 {
    height: auto;
    width: 167px;
    margin-right: 9px;
    margin-left: 24px;
    }
    #titel_nav1 {
    height: 10px;
    width: auto;
    margin-right: 10px;
    margin-left: 75px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 7px;
    font-weight: bold;
    }
    #titel_nav2 {
    height: 10px;
    width: auto;
    margin-right: 10px;
    margin-left: 75px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 13px;
    font-weight: bold;


    #titel_left_modul {
    height: 10px;
    width: 120px;
    margin-right: 10px;
    margin-left: 70px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 6px;
    font-weight: bold;
    }
    #box_left_modul {
    height: auto;
    width: 157px;
    margin-right: 14px;
    margin-left: 30px;
    margin-bottom: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    }
    #titel_right_modul {
    height: 10px;
    width: auto;
    margin-right: 10px;
    margin-left: 70px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 7px;
    font-weight: bold;
    }
    #box_right_modul {
    height: auto;
    width: auto;
    margin-right: 30px;
    margin-left: 12px;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    }
    a:link {
    font-family: Arial, Helvetica, sans-serif;
    color: #3B7BC2;
    font-size: 12px;
    font-weight: bold;
    }

    a:hover
    {
    text-decoration: none;
    }
    a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #CCCCCC;
    }
    a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0099CC;
    }


    a.box
    {
    color: #3B7BC2;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: underline;
    }

    a.box:hover
    {
    text-decoration: none;
    }

    .Chead
    {
    color: #FFFFFF;
    background-color: #211F20;
    background-image: url(../images/cheadpic.jpg);
    background-repeat: repeat-x;
    height: 30px;
    }

    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
    color: #FFFFFF;
    background-color: #211F20;
    background-image: url(../images/cheadpic.jpg);
    background-repeat: repeat-x;
    height: 30px;
    }

    .Callg
    {
    background-color: #211F20;
    color: #000000;
    }

    .Callg td
    {
    color: #000000;
    }

    .Cnorm
    {
    background-color: #211F20;
    }
    .Cmite
    {
    background-color: #211F20;
    }
    .Cdark
    {
    background-color: #211F20;
    }

    .rand
    {
    border: solid #185685 1px;
    }

    .smalfont
    {
    font-size: 10px;
    text-decoration: none;
    }

    .border
    {
    background-color: #000000;
    }
    hr
    {
    height: 0px;
    border: solid #003366 0px;
    border-top-width: 1px;
    }

    input, textarea, select
    {
    color: #CCCCCC;
    font: 12px Verdana;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    background-color: #333333;
    }

    so und der Pfad zu dem Button wäre dann include/designs/bluelight_cs/images/button.jpg

    So jetzt bitte helfen, ich weiß ich bin nervig aber irgendwie bringt mich die FAQ auch nicht so recht weiter. Ich versuche auch danach nicht mehr so zu nerven lächeln
    Was du heute kannst besorgen, bekommste morgen für den halben Preis.
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    FynnPath Mitglied
    Registriert seit
    02.01.2008
    Beiträge
    512
    Beitragswertungen
    3 Beitragspunkte
    der code muss ganz unten unter </html> eingefügt werden...
    für den rest gibt es die genialen faq's... und nur da lernt man am meisten, nicht wenn man es dir macht.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Minki Mitglied
    Registriert seit
    23.04.2007
    Beiträge
    55
    Beitragswertungen
    0 Beitragspunkte
    So richtig geholfen ist mir mit der Aussage ja nicht:P

    Ich hab ja bereits 5 Menüs im Admin- Bereich. Also so is ja nicht. Das Problem besteht ja nur darin das ich sie auf der Seite nicht angezeigt bekomme weil ich irgendwas nicht gemacht habe weiß nur nicht so genau was.
    Was du heute kannst besorgen, bekommste morgen für den halben Preis.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten