• Webspell RM Das Bootstrap CMS
logo
  • News 
  • Forum 
  • Demo 
  • Wiki
    • WIKI FAQ
    • WIKI Gallery
  • LOGIN
  • DOWNLOAD RM
$title

RM Forum

Das Support-Forum

  1. Forum
  2. Allgemeine Themen
  3. Allgemeine Hilfe
  4. Navigation & Carousel überarbeiten

Sortierung

 

Thema: Navigation & Carousel überarbeiten

1613
mKo

Beiträge 5

10.05.2023 | 18:51

Hallo ich mal wieder ;)
ich habe mal folgende frage. Ist es möglich (sehr wahrscheinlich ja) dein folgenden Aufbau nach zu bauen?
Team Unlimited v2 by Freestyler92 on DeviantArt
Bin langsam echt am verzweifeln und finde mich in den ganzen .php und templates nicht mehr zurecht.

Hab es allerdings schon mit einer "statischen" Navi probiert, allerdings lädt er mir diese nicht rein oder es fehlen zbsp das Logo in der Mitte, da ich wohl zzt noch zu dumm bin mir die richtige .css zu bearbeiten? 


Wenn ich Webspell nicht so lieben würde, dann hätte ich wohl schon alles hin geworfen. 

Schon vielen lieben Dank euch

1
T-Seven

rank

Beiträge 642

11.05.2023 | 08:30

Eine statische Navigation kannst du machen. Achte aber, dass du eine Navivorlage verwendest von Bootstrap 4.6. Alles in die "/includes/themes/"Dein Template"/index.php.
Den Code der neuen Navi musst du diesen Bereich überschreiben.
<!-- Navigation Modul --> 
        <div id="navigation_modul">        
        <?php echo get_navigation_modul();?>
        </div>
        <!-- Navigation Modul END-->
css Daten von der neuen Navi in die /includes/themes/"Dein Template"/css/stylesheet.css  reinschreiben.

Hiermit fügst du dein Logo in die neue Navi.
<img class="float-left bg-primary rounded" src="./includes/themes/<?php echo $theme_name; ?>/images/<?php echo $logo; ?>" alt="">

Ehrlichkeit verschafft dir vielleicht nicht viele Freunde, dafür aber die Richtigen.
1613
mKo

Beiträge 5

12.05.2023 | 16:45

Moin, danke dir erstmal!

Wie müsste denn der Code für Bootstrap bei dieser Art von Navigation aussehen?
Mit html und css alleine war es gefühlt einfacher. Oder ich werde einfach alt und dumm


1
T-Seven

rank

Beiträge 642

13.05.2023 | 11:32

Es ist immer noch html und css. Also so wie früher.
Für eine statische Navigation kannst du folgendes machen.

Suche in der "/includes/themes/"Dein Template"/index.php nach
<!-- Navigation Modul --> 
        <div id="navigation_modul">        
        <?php #echo get_navigation_modul();?>
        </div>
        <!-- Navigation Modul END-->

und ersetzte es mit
<!-- Navigation Modul --> 
        <div id="navigation_modul">        
        <!--<?php #echo get_navigation_modul();?>-->
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav mx-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <a href="#"><img class="float-left bg-primary img-fluid" style="max-width:100%;height: 75px;" src="../includes/themes/default/images/logo.png"></a>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
  </div>
</nav>
        </div>
        <!-- Navigation Modul END-->
dann den css Code in die /includes/themes/"Dein Template"/css/stylesheet.css
.navbar .navbar-nav .nav-link {
    color: #000000;
    font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover{
    color: #808080;
}
.navbar-logo-centered .navbar-nav .nav-link{
    padding: .5em 1em;
}

Ehrlichkeit verschafft dir vielleicht nicht viele Freunde, dafür aber die Richtigen.

Sortierung

 



Um ein Thema zu eröffnen musst du registriert und angemeldet sein!

• registrieren
• anmelden

Webspell RM ist ein Open Source CMS welches speziell für Private, Gaming und Business Seiten entwickelt wird und auf Bootstrap basiert.

Community

  • Mitglieder
  • Referenzen
  • Unsere Partner
  • News Archiv
  • Webspell-RM Team

Quick Links

  • Download
  • Demo
  • ToDo
  • Github
  • RM-Projekte

Wir im Social Web

Chatte mit uns auf Discord oder folge uns auf Facebook & Twitter.

  • Discord
  • Facebook
  • Twitter

ALL-INKL.COM - Webhosting Server Hosting Domain Provider

Webspell RM Das Bootstrap CMS

  • Impressum
  • Datenschutz
  • Kontakt
  • Counter