Jump to content
dev osCommerce
Forum
  • Checkout
  • Login
  • Contact Us
  • Get in touch

osCommerce

The e-commerce.

New Demo
Our Partners

CHN - Catalog - Horizontal - Navibar

Yepi1533005574

By Yepi1533005574
in OSCOM v2.x

 Share

Recommended Posts

Yepi1533005574

Yepi1533005574

Posted
Posted (edited)

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 ;)

 

Edited by Yepi
Link to comment
Share on other sites
  • 1 month later...
mcmannehan

mcmannehan

Posted
Posted

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.

  • The clever one learn from everything and from everybody
  • The normal one learn from his experience
  • The silly one knows everything better

[socrates, 412 before Christ]

Computers help us with the problems we wouldn't have without them!
99.9% of the bugs sit in front of the computer!
My programmed add-ons: WDW EasyTabs 1.0.3, WDW Facebook Like 1.0.0 

if(isset($this) || !isset($this)){ // that's the question...

 

Link to comment
Share on other sites
  • 2 weeks later...
 Share
Go to topic listing
×
×
  • Create New...