2016-05-18 3 views
0

Ich möchte dieses Bootstrap-Menü erstellen, das ich für viele Shows auf unserer Website benutze, um ein einfaches nav-tabs-Menü mit den Social- und Info-Links auf der rechten Seite zu sein. Aber ich kann den Code nicht herausfinden. Ich frage mich, wenn jemand uns mit dem Code helfen kann und es ändern, damit es die nav-Tabs anstelle des normalen nav verwendet & sauber anstelle des grauen Block sieht es zur Zeit ist ...Wie ändere ich diesen Bootstrap, um mit Joomla so zu arbeiten, wie ich es brauche?

<div class="navbar"> 
<div class="navbar-inner"> 
<div class="container"> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
    </a> 
    <a class="brand" href="#">Name Of Show</a> 
    <div class="nav-collapse"> 
    <ul class="nav"> 
     <li><a href="#">Cast</a></li> 
     <li><a href="#">Episodes</a></li> 
     </ul> 
     </li> 
    </ul>  
     <ul class="nav pull-right"> 
<div class="btn-group"> 
<a class="btn btn-default" style="color:#3b5998;margin-top:-2px;" href="#"> 
<i class="fa fa-facebook fa-2x" title="Facebook"></i> 
</a> 
<a class="btn btn-default" style="color:#00aced;margin-top:-2px;"  href="#"> 
<i class="fa fa-twitter fa-2x" title="Twitter"></i> 
</a> 
<button type="button" style="height:39px;margin-top:-2px;" class="btn btn-inverse">TV-14</button> 
<button type="button" style="height:39px;margin-top:-2px;" class="btn btn-default disabled">1 Season | HD | 2011</button> 
</div> 
</ul> 
    </div><!-- /.nav-collapse --> 
</div> 
</div><!-- /navbar-inner --> 
</div> 

Danke im Voraus für jeden, der mir dabei hilft. Ich bin seit Tagen festgefahren ...

Antwort

0

Mit Protostar Vorlage (eine der Standardvorlagen in Joomla!) Können Sie die Nav-Tabs anstelle von nav-Pillen oder andere Bootstrap-Klassen öffnen das Administrationsbereich> Modul> Menü > Erweitert> Menü Klassensuffix; und innerhalb des Feldes schreiben Sie einfach Nav-Tabs nach einem Leerzeichen.

Wenn Sie den gesamten HTML-Code des Menüs ersetzen möchten, müssen Sie ein neues Joomla! Modul oder versuchen Sie, die PHP-Dateien hier zu ändern: joomla root/modules/mod_menu/tmpl

Verwandte Themen