Neueste Nachrichten (in Englisch): (am laden..)
Yepi

CHN - Catalog - Horizontal - Navibar

3 Beiträge in diesem Thema

Hier meine Lieben eine neue Navigationsleiste für 2.3.4.
Einfach ein zu bauen, komplett über die Administration steuerbar und erweiterungsfähig.

########################################

INSERT INTO configuration_group (configuration_group_id, configuration_group_title, configuration_group_description, sort_order, visible)
VALUES ('365', 'Navigationsmenü', 'Oberes Navigationsmenü - Konfiguration', NULL, '1');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Position und Breite der Navigationsleiste', 'NAVI_RESPO_ENABLE', 'false', 'Möchten Sie die Position und Breite der Navigationsleiste über den ganzen Bildschirm oder als Shopbreite anzeigen ?', '365', '1', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button Bewertungen', 'NAVI_RESPO_REVIEWS_ENABLE', 'false', 'Möchten Sie den Button Bewertungen anzeigen ?', '365', '2', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button Angebote', 'NAVI_RESPO_SPECIALS_ENABLE', 'false', 'Möchten Sie den Button Angebote anzeigen ?', '365', '3', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button nach Datum', 'NAVI_RESPO_NEW_PROD_ENABLE', 'false', 'Möchten Sie den Button nach Datum anzeigen ?', '365', '4', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button Ihr Warenkorb', 'NAVI_RESPO_SHP_CART_ENABLE', 'false', 'Möchten Sie den Button Ihr Warenkorb anzeigen ?', '365', '5', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button zur Kasse', 'NAVI_RESPO_CHECKOUT_SHIPPING_ENABLE', 'false', 'Möchten Sie den Button zur Kasse anzeigen ?', '365', '6', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button Ihre Kundendaten', 'NAVI_RESPO_PRIV_DATA_ENABLE', 'false', 'Möchten Sie den Button Ihre Kundendaten anzeigen ?', '365', '7', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Button Ihre Bisherigen Bestellungen', 'NAVI_RESPO_ORDERS_ENABLE', 'false', 'Möchten Sie den Button Ihre Bisherigen Bestellungen anzeigen ?', '365', '8', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');


INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Suche und Warenkorbinfoleiste', 'NAVI_RESPO_SEARCH_MENU_ENABLE', 'false', 'Möchten Sie die gesamte Suche und Warenkorbinfoleiste anzeigen ?', '365', '20', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Suchfunktion', 'NAVI_RESPO_SEARCH_FIELD_ENABLE', 'false', 'Möchten Sie die Suchfunktion anzeigen ?', '365', '21', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function)
VALUES ('Warenkorb Info', 'NAVI_RESPO_SHOP_CART_INFO_ENABLE', 'false', 'Möchten Sie die Warenkorb Info anzeigen ?', '365', '22', now(), NULL , 'tep_cfg_select_option(array(\'true\', \'false\'),');

#######################################################################


catalog/includes/languages/german.php

define('RESPO_NAVI_ACCOUNT','Ihr Kundenkonto');
define('RESPO_NAVI_ACCOUNT_WEL','Willkommen');
define('RESPO_NAVI_PRIVAT','Ihre Kundendaten');
define('RESPO_NAVI_LOGIN','Anmelden');
define('RESPO_NAVI_LOGOFF','Abmelden');
define('RESPO_NAVI_ORDERS','Ihre bisherigen Bestellungen');
define('RESPO_NAVI_SHOPPINGCART','Ihr Warenkorb ');

define('RESPO_NAVI_DEFAULT','Home');
define('RESPO_NAVI_REVIEWS','Bewertungen');
define('RESPO_NAVI_SPECIALS','Angebote');
define('RESPO_NAVI_PRODNEW','Nach Datum');
define('RESPO_NAVI_CHECKOUT','zur Kasse');

define('RESPO_NAVI_MALE','Herr ');
define('RESPO_NAVI_FEMALE','Frau ');

#######################################################################

catalog/includes/template_top.php

Finde: 

<body>

gleich danach einfügen:

<?php require(DIR_WS_MODULES . 'respo_navi.php'); ?>

#######################################################################

Diese Datei respo_navi.php in das Verzeichnis catalog/includes/modules übertragen:

<?php 
// Copyright © 2017 YEPI/ Yellow-Pixel - www.pl-systeme.de
// Catalog - Horizontal - Navibar for osCommerce 2.3.4 Version 0.1
// Released under the GNU General Public License
?>
<head>
<link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<?php if (NAVI_RESPO_ENABLE=="true") { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<?php
// Datenermittlung Anrede  
$addresses_query = tep_db_query("select entry_firstname as firstname, entry_lastname as lastname from " . TABLE_ADDRESS_BOOK . " where customers_id = '" . (int)$customer_id . "' order by firstname, lastname");
$addresses = tep_db_fetch_array($addresses_query);
$plv_anrede_gender_query = tep_db_query("SELECT customers_gender FROM " . TABLE_CUSTOMERS . " WHERE customers_id = '" . $customer_id . "'");
$plv_anrede_gender = tep_db_fetch_array($plv_anrede_gender_query);
$gender = $plv_anrede_gender['customers_gender'];
if (ACCOUNT_GENDER == 'true') {
if ($gender == 'm') {
$gender_text = RESPO_NAVI_MALE;
} else {
$gender_text = RESPO_NAVI_FEMALE;
}}
?>
<div id="menu">
<div class="inhalt">
<ul>
<?php if (tep_session_is_registered('customer_id')) { ?>
<li><a href="account.php"><i class="fa fa-user"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_ACCOUNT_WEL . ' ' . $gender_text . '  ' . $addresses['lastname'];?></a>
<?php }else{ ?>
<li><a href="account.php"><i class="fa fa-user"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_ACCOUNT;?></a>
<?php } ?>
<ul>
<?php if (tep_session_is_registered('customer_id')) { ?>
<?php if (NAVI_RESPO_SHP_CART_ENABLE=="true") { ?>
<li><a href="shopping_cart.php"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_SHOPPINGCART. ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '');?></a></li>
<?php }else{} ?>
<?php if (NAVI_RESPO_CHECKOUT_SHIPPING_ENABLE=="true") { ?>
<li><a href="checkout_shipping.php"><i class="fa fa-eur"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_CHECKOUT;?></a></li>
<?php }else{} ?>
<?php if (NAVI_RESPO_PRIV_DATA_ENABLE=="true") { ?>
<li><a href="account.php"><i class="fa fa-user-o"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_PRIVAT;?></a></li>
<?php }else{} ?>
<?php if (NAVI_RESPO_ORDERS_ENABLE=="true") { ?>
<li><a href="account_history.php"><i class="fa fa-id-badge"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_ORDERS;?></a></li>
<?php }else{} ?>
<li><a href="logoff.php"><i class="fa fa-power-off"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_LOGOFF;?></a></li>
<?php }else{ ?>
<?php if (NAVI_RESPO_SHP_CART_ENABLE=="true") { ?>
<li><a href="shopping_cart.php"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_SHOPPINGCART. ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '');?></a></li>
<?php }else{} ?>
<?php if (NAVI_RESPO_CHECKOUT_SHIPPING_ENABLE=="true") { ?>
<li><a href="checkout_shipping.php"><i class="fa fa-eur"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_CHECKOUT;?></a></li>
<?php }else{} ?>
<li><a href="login.php"><i class="fa fa-key"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_LOGIN;?></a></li>
<?php } ?>
</ul>
</li>
</ul>
</div>
</div>
</td>
<td align="right" width="85%">
<div id="menu2">
<div class="inhalt2">
<ul>
<li><a href="index.php"><i class="fa fa-home"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_DEFAULT;?></a></li>
<?php if (NAVI_RESPO_REVIEWS_ENABLE=="true") { ?>
<li><a href="reviews.php"><i class="fa fa-clock-o"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_REVIEWS;?></a></li>
<?php }else{} ?>
<?php if (NAVI_RESPO_SPECIALS_ENABLE=="true") { ?>
<li><a href="specials.php"><i class="fa fa-percent"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_SPECIALS;?></a></li>
<?php }else{} ?>
<?php if (NAVI_RESPO_NEW_PROD_ENABLE=="true") { ?>
<li><a href="products_new.php"><i class="fa fa-list-ul"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_PRODNEW;?></a></li>
<?php }else{} ?>
</ul>
</div>
</div>		
</td>
<td align="right" width="15"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr height="35">
		<td align="center" width="10" height="35"></td>
		<td align="center" width="440" height="35"><?php if (NAVI_RESPO_SEARCH_FIELD_ENABLE=="true") { ?><?php echo tep_draw_form('search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') . tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="35" style="width: ' . (220) . 'px"') . ' ' . tep_hide_session_id() .'<input type="submit" name="Submit" value=" Suchen ">' . '</form>';?>
<?php }else{} ?></td>
		<td align="center" width="15" height="35"></td>
		<td align="left" height="35"><?php if (NAVI_RESPO_SEARCH_FIELD_ENABLE=="true") { ?><?php echo '<a href="' . tep_href_link('advanced_search.php') . '">' . tep_image(DIR_WS_IMAGES . 'button_top_search.png', '') . '</a>'; ?>
<?php }else{} ?></td>
		<td align="center" valign="middle" width="10" height="35"></td>
		<td align="right" width="635" height="35"><!-- warenkorb start --><?php if (NAVI_RESPO_SHOP_CART_INFO_ENABLE=="true") { ?>
			<div class="header_cart">
				<!-- show empty cart message --><?php 
 	if ($cart->count_contents() == 0) { ?><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo HEADER_CART_EMPTY; }
	else { ?><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo HEADER_CART_CONTAINS;
	//'<a href="' . tep_href_link(FILENAME_SHOPPING_CART).'">'. HEADER_TITLE_CART_CONTENTS . ': </a>';   
	}?>
	<?php 
 	if ($cart->count_contents() == 1) {echo $cart->count_contents(); echo HEADER_CART_ITEM;}
	if ($cart->count_contents() > 1) {echo $cart->count_contents(); echo HEADER_CART_ITEMS;} 
?><?php 
	if ($cart->count_contents() == 0) { echo "";   }
	if ($cart->count_contents() > 0) { echo HEADER_CART_SUBTOTAL;   }
?><?php 
 	if ($cart->count_contents() > 0) { echo $currencies-> format($cart->show_total()) . ' inkl.MwSt.'; }
?><!-- Link zur Kasse aus
<?php 
 	if ($cart->count_contents() > 0) {
   	  if (preg_match("/checkout/", $PHP_SELF)) {
      // do nothing
      } else {
     echo '&nbsp;|&nbsp;&nbsp;<a href="'. tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'). '" >'. HEADER_CART_CHECKOUT .'</a>'; 
    }
 	}
?>
--></div>
			<?php }else{} ?><!-- warenkorb ende --></td>
		<td align="right" valign="middle" width="4" height="35"></td>
	</tr>
</table>
<?php }else{ ?>
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td>
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td align="left"><?php
// Datenermittlung Anrede  
$addresses_query = tep_db_query("select entry_firstname as firstname, entry_lastname as lastname from " . TABLE_ADDRESS_BOOK . " where customers_id = '" . (int)$customer_id . "' order by firstname, lastname");
$addresses = tep_db_fetch_array($addresses_query);
$plv_anrede_gender_query = tep_db_query("SELECT customers_gender FROM " . TABLE_CUSTOMERS . " WHERE customers_id = '" . $customer_id . "'");
$plv_anrede_gender = tep_db_fetch_array($plv_anrede_gender_query);
$gender = $plv_anrede_gender['customers_gender'];
if (ACCOUNT_GENDER == 'true') {
if ($gender == 'm') {
$gender_text = RESPO_NAVI_MALE;
} else {
$gender_text = RESPO_NAVI_FEMALE;
}}
?>
						<div id="menu">
							<div class="inhalt">
								<ul>
									<?php if (tep_session_is_registered('customer_id')) { ?>
									<li><a href="account.php"><i class="fa fa-user"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_ACCOUNT_WEL . ' ' . $gender_text . '  ' . $addresses['lastname'];?></a>
<?php }else{ ?>
									<li><a href="account.php"><i class="fa fa-user"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_ACCOUNT;?></a>
<?php } ?>
										<ul>
											<?php if (tep_session_is_registered('customer_id')) { ?><?php if (NAVI_RESPO_SHP_CART_ENABLE=="true") { ?>
											<li><a href="shopping_cart.php"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_SHOPPINGCART. ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '');?></a></li>
											<?php }else{} ?><?php if (NAVI_RESPO_CHECKOUT_SHIPPING_ENABLE=="true") { ?>
											<li><a href="checkout_shipping.php"><i class="fa fa-eur"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_CHECKOUT;?></a></li>
											<?php }else{} ?><?php if (NAVI_RESPO_PRIV_DATA_ENABLE=="true") { ?>
											<li><a href="account.php"><i class="fa fa-user-o"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_PRIVAT;?></a></li>
											<?php }else{} ?><?php if (NAVI_RESPO_ORDERS_ENABLE=="true") { ?>
											<li><a href="account_history.php"><i class="fa fa-id-badge"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_ORDERS;?></a></li>
											<?php }else{} ?>
											<li><a href="logoff.php"><i class="fa fa-power-off"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_LOGOFF;?></a></li>
											<?php }else{ ?><?php if (NAVI_RESPO_SHP_CART_ENABLE=="true") { ?>
											<li><a href="shopping_cart.php"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_SHOPPINGCART. ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '');?></a></li>
											<?php }else{} ?><?php if (NAVI_RESPO_CHECKOUT_SHIPPING_ENABLE=="true") { ?>
											<li><a href="checkout_shipping.php"><i class="fa fa-eur"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_CHECKOUT;?></a></li>
											<?php }else{} ?>
											<li><a href="login.php"><i class="fa fa-key"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_LOGIN;?></a></li>
											<?php } ?>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</td>
					<td align="right" width="85%">
						<div id="menu2">
							<div class="inhalt2">
								<ul>
									<li><a href="index.php"><i class="fa fa-home"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_DEFAULT;?></a></li>
									<?php if (NAVI_RESPO_REVIEWS_ENABLE=="true") { ?>
									<li><a href="reviews.php"><i class="fa fa-clock-o"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_REVIEWS;?></a></li>
									<?php }else{} ?><?php if (NAVI_RESPO_SPECIALS_ENABLE=="true") { ?>
									<li><a href="specials.php"><i class="fa fa-percent"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_SPECIALS;?></a></li>
									<?php }else{} ?><?php if (NAVI_RESPO_NEW_PROD_ENABLE=="true") { ?>
									<li><a href="products_new.php"><i class="fa fa-list-ul"></i>&nbsp;&nbsp;<?php echo RESPO_NAVI_PRODNEW;?></a></li>
									<?php }else{} ?>
								</ul>
							</div>
						</div>
					</td>
					<td align="right" width="15"></td>
				</tr>
			</table>
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr height="35">
					<td align="center" width="10" height="35"></td>
					<td align="center" width="440" height="35"><?php if (NAVI_RESPO_SEARCH_FIELD_ENABLE=="true") { ?><?php echo tep_draw_form('search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') . tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="35" style="width: ' . (220) . 'px"') . ' ' . tep_hide_session_id() .'<input type="submit" name="Submit" value=" Suchen ">' . '</form>';?>
<?php }else{} ?></td>
					<td align="center" width="15" height="35"></td>
					<td align="left" height="35"><?php if (NAVI_RESPO_SEARCH_FIELD_ENABLE=="true") { ?><?php echo '<a href="' . tep_href_link('advanced_search.php') . '">' . tep_image(DIR_WS_IMAGES . 'button_top_search.png', '') . '</a>'; ?>
<?php }else{} ?></td>
					<td align="center" valign="middle" width="10" height="35"></td>
					<td align="right" width="635" height="35"><!-- warenkorb start --><?php if (NAVI_RESPO_SHOP_CART_INFO_ENABLE=="true") { ?>
						<div class="header_cart">
							<!-- show empty cart message --><?php 
 	if ($cart->count_contents() == 0) { ?><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo HEADER_CART_EMPTY; }
	else { ?><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;<?php echo HEADER_CART_CONTAINS;
	//'<a href="' . tep_href_link(FILENAME_SHOPPING_CART).'">'. HEADER_TITLE_CART_CONTENTS . ': </a>';   
	}?>
	<?php 
 	if ($cart->count_contents() == 1) {echo $cart->count_contents(); echo HEADER_CART_ITEM;}
	if ($cart->count_contents() > 1) {echo $cart->count_contents(); echo HEADER_CART_ITEMS;} 
?><?php 
	if ($cart->count_contents() == 0) { echo "";   }
	if ($cart->count_contents() > 0) { echo HEADER_CART_SUBTOTAL;   }
?><?php 
 	if ($cart->count_contents() > 0) { echo $currencies-> format($cart->show_total()) . ' inkl.MwSt.'; }
?><!-- Link zur Kasse aus
<?php 
 	if ($cart->count_contents() > 0) {
   	  if (preg_match("/checkout/", $PHP_SELF)) {
      // do nothing
      } else {
     echo '&nbsp;|&nbsp;&nbsp;<a href="'. tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'). '" >'. HEADER_CART_CHECKOUT .'</a>'; 
    }
 	}
?>
--></div>
						<?php }else{} ?><!-- warenkorb ende --></td>
					<td align="right" valign="middle" width="4" height="35"></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<?php } ?>		
						

Die css Datei namens menu in den Ordner css laden:

body {
background: rgb(0,102,225);
background: -moz-linear-gradient(top,  rgba(0,102,225,1) 0%, rgba(0,204,255,4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,102,225,1)), color-stop(100%,rgba(0,204,255,4)));
background: -webkit-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -o-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -ms-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: linear-gradient(to bottom,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383a', endColorstr='#101010',GradientType=0 );
	background-attachment: fixed;
}

#menu {
	width: 100%;
	height: 65px;
	margin: 0px auto;
	font-family: 'Droid Sans', sans-serif;
	background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(229,229,229,1) 100%);
	box-shadow: 0 0 0px #aaa;
}

#menu a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;	
}

#menu .inhalt {
	width: 100%;
	margin: 0 auto;
	float: left;
}

#menu .inhalt ul {
	position: absolute;
	margin: 4px auto;
	padding-left: 0px;
	list-style: none;
	z-index: 99;
}

#menu .inhalt ul li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: #;
	line-height: 50px;
}

#menu .inhalt>ul>li:hover {
height: 55px;
margin-top: -4px;
background: rgb(0,102,225);
background: -moz-linear-gradient(top,  rgba(0,102,225,1) 0%, rgba(0,204,255,4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,102,225,1)), color-stop(100%,rgba(0,204,255,4)));
background: -webkit-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -o-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -ms-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: linear-gradient(to bottom,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383a', endColorstr='#101010',GradientType=0 );
border-top: 4px solid #006BE3;
-webkit-border-radius: 4px 4px 1px 1px;
border-radius: 4px 4px 1px 1px;
box-shadow: 0px 0px 1px 0px (top,  rgba(0,0,0,1) 0%, rgba(102,102,102,4) 100%);
}

#menu .inhalt ul li ul {
top: -9999px;
min-width: 260px;
background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(229,229,229,4) 100%);
background: -moz-linear-gradient(top,  rgba(0,102,225,1) 0%, rgba(0,204,255,4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,102,225,1)), color-stop(100%,rgba(0,204,255,4)));
background: -webkit-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -o-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -ms-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: linear-gradient(to bottom,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383a', endColorstr='#101010',GradientType=0 );
padding: 0;
margin: 0 0 0 -10px;
box-shadow: 0 1px 5px #aaa;
}

#menu .inhalt ul li:hover ul {
	top: 50px;
}

#menu .inhalt ul ul li {
	float: none;
	font-size: 14px;
	padding: 10px 20px;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#menu .inhalt ul ul li:hover {
	background: #333;
	color: #fff;
}

#menu .inhalt ul ul li a {
	display: block;
}

#menu .inhalt ul ul li a:hover {
	color: #fff;
}

#menu li ul li ul {
	position: absolute;
	left: -9999px;
}

#menu .inhalt ul ul li:hover ul {
	left: 100%;
	top: auto;
	margin-top: -20px;
}
/*########################################################*/

#menu2 {
	width: 100%;
	height: 65px;
	margin: 0px auto;
	font-family: 'Droid Sans', sans-serif;
	background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(229,229,229,1) 100%);
	box-shadow: 0 0 0px #aaa;
}

#menu2 a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;	
}

#menu2 .inhalt2 {
	width: 100%;
	margin: 0 auto;
	float: right;
}

#menu2 .inhalt2 ul {
	position: relative;
	margin: 6px auto;
	padding-right: 10px;
	list-style: none;
}

#menu2 .inhalt2 ul li {
	float: right;
	margin: 0 0 0 10px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: #;
	line-height: 50px;
}

#menu2 .inhalt2>ul>li:hover {
height: 55px;
margin-top: -4px;
background: rgb(0,102,225);
background: -moz-linear-gradient(top, rgba(0,102,225,1) 0%, rgba(0,204,255,4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,102,225,1)), color-stop(100%,rgba(0,204,255,4)));
background: -webkit-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -o-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: -ms-linear-gradient(top,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
background: linear-gradient(to bottom,  rgba(0,102,225,1) 0%,rgba(0,204,255,4) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383a', endColorstr='#101010',GradientType=0 );
border-top: 4px solid #006BE3;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 0px 1px 0px (top,  rgba(0,0,0,1) 0%, rgba(102,102,102,4) 100%);
}

 


zu gut der letzt, erstellt einen Button namens: button_top_search.png
diesen dann in das Verzeichnis catalog/images laden.

Fertig ;)

 

bearbeitet von Yepi

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen

osC 2.3.4 Bootstrap Responsiv hat ein Grund Modul -> Navbar. Damit läßt sich alles einbinden was man braucht. Modulare Programmierung. Andere Änderungen sind wirklich sinnlos!

Wer immer noch die osC 2.3.4 (ohne Boostrap und Responsive) verwendet, sollte mindestens auf die osC 2.3.4 Bootstrap Responive umstellen.

1 Person gefällt das

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen

@Yepi Hast Dir ja viel Mühe gemacht. Tolle Sache, aber ich denke auch, dass die Empfehlung von @mcmannehan mit dem Navbar Modul effizienter ist.

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen

Erstelle ein Benutzerkonto oder melde dich an um zu kommentieren

Du musst ein Benutzerkonto haben um einen Kommentar hinterlassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Geht einfach!


Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde dich hier an.


Jetzt anmelden