• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] HTML-Code mehrfach verwenden

Status
Für weitere Antworten geschlossen.
M

Mysterix

Neues Mitglied
Hiho,
ich habe vor 2 Wochen angefangen ein Projekt für die Uni zu bauen.

Dabei verwende ich Bootstrap und dessen Navbar (CSS).
Nun möchte ich den Code nicht in jeder Datei neu schreiben sondern ihn evtl auslagern und dann von dort aus verwenden. Ist das möglich?

es handelt sich um diesen Code:
Code: 
<nav role="navigation" class="navbar navbar-inverse navbar-fixed-top">
        <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Sonstiges <b class="caret"></b></a>
                    <ul role="menu" class="dropdown-menu">
                    <li><a href="Kontakt.html">Kontakt</a></li>
                    <li><a href="gaestebuch.html">Gästebuch</a></li>
                    <li><a href="#">Sonstiges</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Trash</a></li>
                </ul>
                </li>
            </ul>
        </div>
    </nav>
 
Werbung:
Sicher ist das möglich, aber dazu brauchst du PHP. Speichere die Navigation als .php in einer extra Datei und lade sie per include() oder require() in deinen Unterseiten.
 
Tronjer schrieb:
Sicher ist das möglich, aber dazu brauchst du PHP. Speichere die Navigation als .php in einer extra Datei und lade sie per include() oder require() in deinen Unterseiten.
Zum Vergrößern anklicken....
Hi,
das bekomm ich leider nicht hin :/.
Meine Dateien sehen jetzt so aus:

index.php
Code: 
<html>
    <head>
        <title>Beispielseite</title>
        <link rel="stylesheet" type ="text/css" href="css/bootstrap.min.css">
        <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <style type="text/css">

   
    </style>
    </head>
    <body>
   
<?php
include ("navbar.php");
?>

    <p style="padding-top:40px"/>
    <div class="container">
        <h1>Startseite</h1>
        <h2>Informationen über das Unternehmen</h2>
       
   
    </div>
    </body>
</html>

navbar.php
Code: 
<nav role="navigation" class="navbar navbar-inverse navbar-fixed-top">
        <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Sonstiges <b class="caret"></b></a>
                    <ul role="menu" class="dropdown-menu">
                    <li><a href="Kontakt.html">Kontakt</a></li>
                    <li><a href="gaestebuch.html">Gästebuch</a></li>
                    <li><a href="#">Sonstiges</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Trash</a></li>
                </ul>
                </li>
            </ul>
        </div>
</nav>
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben