ilch.de :: Forum :: Ilch CMS 2.X :: Design und Templates :: Ilch-Privat Design dynamisches Menü

hmm dazu müsstest du die index.php bearbeiten sowie auch die style.css.

Öffne mit einem Etidor die index.php und gehe zu Zeile 21 bis Zeile 50

<!-- top bar -->
    <div class="topbar">
        <div class="userpanel">
            <?=$this->getBox('user', 'login', 'userpanel'); ?>
        </div>
    </div>
    <!-- header area -->
    <header class="wrapper clearfix">
        <div id="banner">
            <?php include ('box/siteLogo.php'); ?>
        </div>
        <!-- navigation area -->
        <nav id="topnav" role="navigation">
            <div class="menu-toggle"><i class="fa fa-bars" aria-hidden="true"></i> <?=$this->getTrans('menu') ?></div>
            <ul class="srt-menu" id="menu-main-navigation">
                <?=$this->getMenu(1,
                '<li><a href="#" title="%s">%s</a>%c</li>', [
                    'menus' => [
                        'ul-class-root' => '',
                        'ul-class-child' => '',
                        'allow-nesting' => false
                    ],
                    'boxes' => [
                        'render' => false
                    ],
                ]);
                ?>
            </ul>
        </nav><!-- end navigation -->
    </header><!-- end header -->

ersetze jetzt zeile 21 bis zeile 51 mit diesem code

<header class="navbar-fixed-top">
		<!-- top bar -->
		<div class="topbar">
			<div class="userpanel">
				<?=$this->getBox('user', 'login', 'userpanel'); ?>
			</div>
		</div>
		<div class="wrapper clearfix">
			<div id="banner">
				<?php include ('box/siteLogo.php'); ?>
			</div>
			<!-- navigation area -->
			<nav id="topnav" role="navigation">
				<div class="menu-toggle"><i class="fa fa-bars" aria-hidden="true"></i> <?=$this->getTrans('menu') ?></div>
				<ul class="srt-menu" id="menu-main-navigation">
					<?=$this->getMenu(1,
					'<li><a href="#" title="%s">%s</a>%c</li>', [
						'menus' => [
							'ul-class-root' => '',
							'ul-class-child' => '',
							'allow-nesting' => false
						],
						'boxes' => [
							'render' => false
						],
					]);
					?>
				</ul>
			</nav><!-- end navigation -->
		</div>
    </header><!-- end header -->

Im neuem Code habe ich im <header> die bootstrap klasse "navbar-fixed-top" hinzugefügt, mit dieser klasse fixieren wir den kompletten <header></header>.
Damit es jedoch optisch passt, habe ich die class="topbar" in den <header> gebackt. Natürlich müsstest du die Änderung auch in der index_full.php vornehmen.

Für die style füge bitte in die style.css folgendes ein !!Am ende der Datei.

header {background:#fff;border-bottom:1px solid #e0e0e0}
@media only screen and (min-width:481px) {
  #slider {
    padding:120px 0 0 0;
  }
}
#slider {padding:200px 0 0 0;}

Durch das fixieren des <header>, verdeckt der <header> den slider, mit padding:120px 0 0 0; schafen wir einen abstand nach oben, damit der slider vom <header> nicht verdeckt wird.

So sollte es dan aussehen working.sd-sdesign.at/

Slipi

Zuletzt modifiziert von Slipi am 19.04.2020 - 20:57:29

Geschlossen

	Zurück zu Design und Templates

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch CMS 2.X » Design und Templates » Ilch-Privat Design dynamisches Menü