ilch Forum » Allgemein » HTML, PHP, SQL,... » text basierte ilch navigation

Geschlossen
  1. #1
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Ich habe mitterweile HTML gelernt . Der einzige Punkt der leichte Probleme bereitet ist "Navigation" . Wie erstelle ich eine text basierte, durch ilch steuerbare, Navigation ?

    Ich müsste eigentlich nur ein {_list_menunr5@ %2} einsetzen ?
    Wie definiere ich dann die Link Eigenschaften, a { würde ja für die gesamte Internetseite übernommen werden ?

    Meine navigation heißt #navigation könnte ich dann sowas machen wie .navigation a {

    ?


    verwendete ilch Version: 1.1 P
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    z.b
    {_list_menunr1@
    <div class="navigation">
      <div class="navi_header">%1</div>
      <div class="navi">%2</div>
    </div>
    }


    %1 = Überschrift der Box/Menüs
    %2 = die Ausgabe der Box oder Menülinks

    die Klassen hab ich nur testweise dazu geschrieben.

    Alle Klassen kanst du auch per CSS Anpassen uns ins Design mit einbinden. Ob du ID oder class benutzt liegt letztendlich bei dir


    Wenn du z.b 2 verschiedene Navigationen auf einer Seite haben möchtest könntest du das so machen (soll nur als Beispiel dienen) :

    <div class="Navigations_left">
    {_list_menunr1@
    <div class="navigation">
      <div class="navi_header">%1</div>
      <div class="navi">%2</div>
    </div>
    }
    {_list_menunr2@
    <div class="navigation">
      <div class="navi_header">%1</div>
      <div class="navi">%2</div>
    </div>
    }
    </div>


    oder links ein menü, rechts ein menü und in der mitte der Content

    <div class="Navigations_left">
    {_list_menunr1@
    <div class="navigation">
      <div class="navi_header">%1</div>
      <div class="navi">%2</div>
    </div>
    }
    </div>
    <div class="content">{EXPLODE}</div>
    <div class="Navigations_right">
    {_list_menunr1@
    <div class="navigation">
      <div class="navi_header">%1</div>
      <div class="navi">%2</div>
    </div>
    }
    </div>
    </div>



    Zuletzt modifiziert von Nex4T am 04.07.2016 - 16:03:53
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Danke lächeln Leider wird die Navigation ausgeblendet .
    Hier mein code dazu :

    <div id="banner"></div>
    <div id="homepage">
    <div id="header"></div>
    <div id="content_holder">
    {_list_menunr1@
    <div id="navigation">
      <div class="navi_header">%1</div>
      <div class="navi">%2</div>
    </div>
    }



    #navigation {
    width: 880px;
    height: 30px;
    background-color: #232323;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url('images/background_navigation.png') ;
    text-align: left;
    border-radius: 2px;
    }
    
    .navi_header {
    color: #8B7355;
    font-weight: bold;
    }
    
    .navi {
    color: #8B7355;
    font-weight: bold;
    }
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Wird dir komplett die Navigation nicht angezeigt oder css ausgabe?

    #navigation {
    width: 880px;
    height: 30px;
    background-color: #232323;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url('images/background_navigation.png') ;
    text-align: left;
    border-radius: 2px;
    }
     
    #navigation .navi_header {
    color: #8B7355;
    font-weight: bold;
    }
     
    #navigation .navi {
    color: #8B7355;
    font-weight: bold;
    }


    ich würde deine Klassen lieber den Id´s unterordnen
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Die ganze DIV Navigation wird nicht angezeigt
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Hast du ein Link zu deiner Seite?

    Aber mal am Rande des ganzen Wieso gibts du der Navigation die höhe 30px? Dir ist bewusst das Sie dann nie darüber hinaus gehen wird, zumindest nicht deine css angaben


    Zuletzt modifiziert von Nex4T am 04.07.2016 - 16:12:20
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Hast ne PM mit dem Link lächeln
    Hmm habe ich nicht drauf geachtet ..
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Naja ich hab mir jetzt deine Index angeschaut und joa du hast ja auch keine Navigation eingebunden somit kann dir auch nichts angezeigt werden. Dennoch gehe ich mal davon aus das es dein Erstes Design ist, ganz gut Victory lächeln


    Zuletzt modifiziert von Nex4T am 04.07.2016 - 16:16:37
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    1 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Danke lächeln

    Die Navigation ist aber eingebunden , drücke mehrfach F5 lächeln
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.277
    Beitragswertungen
    356 Beitragspunkte
    Oder Shift + F5.

    Zum Beispiel:
    support.google.com/chrome/answer/157179
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Zu dem Zeitpunkt war sie noch nicht drin, aber hat ein wenig gedauert bis ich drauf gekommen bin, schau dir mal verschiedene Free Templates an was am ende der Index steht bei mir z.b

    <!-- {_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">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->

    füg das mal ganz am ende deines designs ein

    dazu kanst du auch mehr hier nachlesen:

    www.ilch.de/doku-design11.html

    hier deine Index:

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html>
    <head>
    <title>Die Blutlinie...Deine Blood Fanseite</title>
    <link rel="shortcut icon" href="faviconde.ico" type="image/x-icon" />
    <link rel="stylesheet" href="include/designs/blutlinie/layout.css" media="all" type="text/css">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
    <div id="banner"></div>
    <div id="homepage">
    <div id="header"></div>
    <div id="content_holder">
    <div id="navigation">
    	{_list_menunr1@
    	  <div class="navi_header">%1</div>
    	  <div class="navi">%2</div>
    	}
    </div>
    <div class="content_in" id="content">{HMENU}<br><br>{EXPLODE}</div>
    <div id="navigation_right">Lorem ipsum dolor sit amet</div>
    <div class="footer_in" id="footer"><img src="images/footer_icon.png" alt="footer_icon"> All product and company names are trademarks™ or registered&reg; trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.<div id="footer_banner">{_boxes_allianz}</div></div>
    </div>
    </div>
    </body>
    </html>
    
    <!-- {_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">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->


    versuchs mal so, war noch was kleines was die Navigation betrifft


    Zuletzt modifiziert von Nex4T am 04.07.2016 - 16:57:48
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    1 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Danke, die DIV ist wieder da lächeln

    Jetzt werden die Menüpunkte nicht angezeigt . Ich habe jetzt in den Einstellungen Menü1 horizontal eingebunden .
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Sind eigentlich im Menü1 irgendwelche Links und ein Menü an sich?
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    1 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Ja lächeln
    Menü 1(1- horizontal )
    - News ( Menüwahl )
    - Forum ( Menüwahl )
    etc.
    .....
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Hat niemand eine Lösung ? traurig
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Also %2 sollte durch die generierten Menüpunkte ersetzt werden, die eben mit der durch {_list_[v|h]menu...@ definierte Syntax erstellt werden.

    Ohne Link zu Seite oder ggf. sogar Zugriff auf die Dateien bleibt es allerdings Rätselraten.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten