Template-Code: Sendeplan Navigation

Queer-Germany · 4. Februar 2018

So ich habe mal in meinem Sendeplan an dem ich lokal arbeite eine richtige Boostrap-Navigation eingefügt.
d.h. Die Navigation wird richtig ordentlich als Dropdown-Menu auf Mobilen Entgeräten angezeigt.

Original Code

Code

<div id="wrapper" class="container">
<div class="row">
<nav class="text-center bg-dark">
<ul class="nav nav-tabs text-center" id="headnav">
{$siteNavi}
</ul>
</nav>
<div id="content" class="col-12">
{$siteContent}
</div>
<div class="col-12 footer bg-dark">{$login}</div>
</div>
</div>

Alles anzeigen

Der Code der bei mir eingesetzt ist

Code

<div id="wrapper" class="container">
<div class="row">
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<a class="navbar-brand" href="#">Showplan Clubstream</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
{$siteNavi}
</li>
</ul>
</div>
</nav>
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
</li>
</ul>
</nav>
<div id="content" class="col-12">
{$siteContent}
</div>
<div class="col-12 footer bg-dark">{$login}</div>
</div>
</div>

Alles anzeigen

Ihr möchtet es lieber das es wie auf dem Smartphone aussieht. Das sogenannte Collapse-Menu. Dann ist hier der Code dafür.

Code

<div id="wrapper" class="container">
<div class="row">
<nav class="navbar bg-dark navbar-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsingNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="collapsingNavbar">
<ul class="navbar-nav">
<li class="nav-item">
{$siteNavi}
</li>
</ul>
</div>
</nav>
<div id="content" class="col-12">
{$siteContent}
</div>
<div class="col-12 footer bg-dark">{$login}</div>
</div>
</div>

Alles anzeigen

DJ_MrLucky · 4. Februar 2018

Sieht gut aus, aber für den normalen PC würde ich den Name vor den Wochentagen nicht haben wollen. Mir wäre der Plan sonst für eine 7-Tages-Ansicht, für die Webseiten die ich betreibe bzw. betreue, zu breit .

MarioPBR · 22. September 2019

Guten Abend,

ich weis das der Beitrag doch etwas älter ist

Aber wo muss ich das umstellen.

Gruss Mario

MarioPBR · 19. November 2019

-PUSH-

würde noch einmal meine Frage gerne in Erinnerung rufen.

Habe echt kein Pan wo ich das ändern muss.

Gruss Mario

DonFroschi · 19. November 2019

Guten Morgen...

das sollte in der site.htm stehen

über Filezilla..

Sendeplan --> System --> Corentpl --> site.htm

in dieser Datei ab Zeile : 33

Die original Datei bitte vorher sichern.

MarioPBR · 19. November 2019

Guten Abend

Dankeschön, jetzt schaut es besser aus

Gruß Mario

Gefällt Dir der Thread? Möchtest du was dazu schreiben?

Dann logge Dich bitte mit deinem Benutzerkonto ein.
Du besitzt noch kein Benutzerkonto? Dann registriere Dich jetzt kostenlos! Nach der Registrierung kannst du das Forum uneingeschränkt nutzen.

Template-Code: Sendeplan Navigation

Original Code

Tags

Jetzt Spenden und das Projekt unterstützen