Шапка сайта

Wars · 16 квітня 2011

Люди привет! Помогите сделать так...

Чтобы вкладки были поверх шапки!

Заранее спасибо за помощь) :rolleyes:

AlexFisher · 17 квітня 2011

я вижу молодого парня... ммм. да! это определенно парень. О духи помогите мне... вот.. вооот.. туман рассеивается.. Я вижу, что этот парень что-то делает... что-то связанное с интернетом.. Возможно интернет-магазин. Сейчас... вот-вот - и я увижу версию движка и файл header.tpl... НЕТ! нЕТ! картинка уходит.

Магнитные бури помешали помочь вам с решением задачи.

Думаю версия движка, листинг файла шаблона и хоты-бы скрин того, как есть сейчас немного ускорят процесс ;)

С уважением.

Smallbear · 17 квітня 2011

я вижу молодого парня... ммм. да! это определенно парень. О духи помогите мне... вот.. вооот.. туман рассеивается.. Я вижу, что этот парень что-то делает... что-то связанное с интернетом.. Возможно интернет-магазин. Сейчас... вот-вот - и я увижу версию движка и файл header.tpl... НЕТ! нЕТ! картинка уходит.

Магнитные бури помешали помочь вам с решением задачи.

Думаю версия движка, листинг файла шаблона и хоты-бы скрин того, как есть сейчас немного ускорят процесс ;)

С уважением.

ха а я сначала подумал что это скрин того что есть и нужно вкладки перенести на верх желтой картинки))

Wars, Вы действительно подробнее опишите,что Вы хотите видеть

Googlah · 17 квітня 2011

AlexFisher,ты тут устраиваешь собрание шаманов вуду?)

Wars · 17 квітня 2011

http://respect-shop.com.ua вот реальный сайт!) надо сделать так чтобы кнопки Войти ,Кабинет, были поверх шапки сайта!)

как здесь http://respect-shop.com.ua

Wars · 17 квітня 2011

вот он хедер.тпл

http://depositfiles.com/files/t1dz2nkdc

EvzeNsx · 17 квітня 2011

http://respect-shop.com.ua вот реальный сайт!) надо сделать так чтобы кнопки Войти ,Кабинет, были поверх шапки сайта!)

как здесь http://respect-shop.com.ua

Мне одному кажется, что обе ссылки ведут на один и тот же сайт?)

Для справки: 1 апреля давно прошло.

tim21701 · 17 квітня 2011

вот он хедер.тпл

http://depositfiles....files/t1dz2nkdc

Не нужно давать ссылки на файлообменники.

Для того, что бы на форуме выложить содержимое header.tpl - достаточно воспользоваться тегом

Wars · 17 квітня 2011

EvzeNsx так и есть.

tim21701 спасибо незнал.

<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<script type="text/javascript" src="catalog/view/javascript/jquery/scrolltopcontrol.js"></script>

<script type="text/javascript">
var pageTracker = _gat._getTracker("");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<head>
<title><?php echo $title; ?></title>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<base href="<?php echo $base; ?>" />
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo str_replace('&', '&', $link['href']); ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/stylesheet.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('img, #header .div3 a, #content .left, #content .right, .box .top');
</script>
<![endif]-->
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<script type="text/javascript"><!--
function bookmark(url, title) {
	if (window.sidebar) { // firefox
    window.sidebar.addPanel(title, url, "");
	} else if(window.opera && window.print) { // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	} else if(document.all) {// ie
   		window.external.AddFavorite(url, title);
	}
}
//--></script>
</head>
<body>
<div id="container">
<div id="header">
  <div class="div1">
    <div class="div2">
      <?php if ($logo) { ?>
      <a href="<?php echo str_replace('&', '&', $home); ?>"><img src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a>
      <?php } ?>
    </div>
    <div class="div3"></div>
    <div class="div4"><a href="<?php echo str_replace('&', '&', $home); ?>" id="tab_home"><?php echo $text_home; ?></a>
      <?php if (!$logged) { ?>
      <a href="<?php echo str_replace('&', '&', $login); ?>" id="tab_login"><?php echo $text_login; ?></a>
      <?php } else { ?>
      <a href="<?php echo str_replace('&', '&', $logout); ?>" id="tab_logout"><?php echo $text_logout; ?></a>
      <?php } ?>
      <a href="<?php echo str_replace('&', '&', $account); ?>" id="tab_account"><?php echo $text_account; ?></a><a href="<?php echo str_replace('&', '&', $cart); ?>" id="tab_cart"><?php echo $text_cart; ?></a><a href="<?php echo str_replace('&', '&', $checkout); ?>" id="tab_checkout"><?php echo $text_checkout; ?></a></div>
    <div class="div5">
      <div class="left"></div>
      <div class="right"></div>
      <div class="center">
        <div id="search">
          <div class="div8"><?php echo $entry_search; ?> </div>
          <div class="div9">
            <?php if ($keyword) { ?>
            <input type="text" value="<?php echo $keyword; ?>" id="filter_keyword" />
            <?php } else { ?>
            <input type="text" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color: #999;" />
            <?php } ?>
            <select id="filter_category_id">
              <option value="0"><?php echo $text_category; ?></option>
              <?php foreach ($categories as $category) { ?>
              <?php if ($category['category_id'] == $category_id) { ?>
              <option value="<?php echo $category['category_id']; ?>" selected="selected"><?php echo $category['name']; ?></option>
              <?php } else { ?>
              <option value="<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?></option>
              <?php } ?>
              <?php } ?>
            </select>
          </div>
          <div class="div10">  <a onclick="moduleSearch();" class="button"><span><?php echo $button_go; ?></span></a> <a href="<?php echo str_replace('&', '&', $advanced); ?>"><?php echo $text_advanced; ?></a></div>
        </div>
      </div>
    </div>
  </div>
  <div class="div6">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center">
	  <?php if (isset($common_error)) { ?>
	  <div class="warning"><?php echo $common_error; ?></div>
	  <?php } ?>
      <div id="breadcrumb">
        <?php foreach ($breadcrumbs as $breadcrumb) { ?>
        <?php echo $breadcrumb['separator']; ?><a href="<?php echo str_replace('&', '&', $breadcrumb['href']); ?>"><?php echo $breadcrumb['text']; ?></a>
        <?php } ?>
      </div>
      <div class="div7">
        <?php if ($currencies) { ?>
        <form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="currency_form">
          <div class="switcher">
            <?php foreach ($currencies as $currency) { ?>
            <?php if ($currency['code'] == $currency_code) { ?>
            <div class="selected"><a><?php echo $currency['title']; ?></a></div>
            <?php } ?>
            <?php } ?>
            <div class="option">
              <?php foreach ($currencies as $currency) { ?>
              <a onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>'); $('#currency_form').submit();"><?php echo $currency['title']; ?></a>
              <?php } ?>
            </div>
          </div>
          <div style="display: inline;">
            <input type="hidden" name="currency_code" value="" />
            <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
          </div>
        </form>
        <?php } ?>
        <?php if ($languages) { ?>
        <form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="language_form">
          <div class="switcher">
            <?php foreach ($languages as $language) { ?>
            <?php if ($language['code'] == $language_code) { ?>
            <div class="selected"><a><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" />  <?php echo $language['name']; ?></a></div>
            <?php } ?>
            <?php } ?>
            <div class="option">
              <?php foreach ($languages as $language) { ?>
              <a onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>'); $('#language_form').submit();"><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" />  <?php echo $language['name']; ?></a>
              <?php } ?>
            </div>
          </div>
          <div>
            <input type="hidden" name="language_code" value="" />
            <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
          </div>
        </form>
        <?php } ?>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript"><!-- 
function getURLVar(urlVarName) {
	var urlHalves = String(document.location).toLowerCase().split('?');
	var urlVarValue = '';
	
	if (urlHalves[1]) {
		var urlVars = urlHalves[1].split('&');

		for (var i = 0; i <= (urlVars.length); i++) {
			if (urlVars[i]) {
				var urlVarPair = urlVars[i].split('=');
				
				if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
	
	return urlVarValue;
} 

$(document).ready(function() {
	route = getURLVar('route');
	
	if (!route) {
		$('#tab_home').addClass('selected');
	} else {
		part = route.split('/');
		
		if (route == 'common/home') {
			$('#tab_home').addClass('selected');
		} else if (route == 'account/login') {
			$('#tab_login').addClass('selected');	
		} else if (part[0] == 'account') {
			$('#tab_account').addClass('selected');
		} else if (route == 'checkout/cart') {
			$('#tab_cart').addClass('selected');
		} else if (part[0] == 'checkout') {
			$('#tab_checkout').addClass('selected');
		} else {
			$('#tab_home').addClass('selected');
		}
	}
});
//--></script>
<script type="text/javascript"><!--
$('#search input').keydown(function(e) {
	if (e.keyCode == 13) {
		moduleSearch();
	}
});

function moduleSearch() {	
	pathArray = location.pathname.split( '/' );
	
	url = location.protocol + "//" + location.host + "/" + pathArray[1] + '/';
		
	url += 'index.php?route=product/search';
		
	var filter_keyword = $('#filter_keyword').attr('value')
	
	if (filter_keyword) {
		url += '&keyword=' + encodeURIComponent(filter_keyword);
	}
	
	var filter_category_id = $('#filter_category_id').attr('value');
	
	if (filter_category_id) {
		url += '&category_id=' + filter_category_id;
	}
	
	location = url;
}
//--></script>
<script type="text/javascript"><!--
$('.switcher').bind('click', function() {
	$(this).find('.option').slideToggle('fast');
});
$('.switcher').bind('mouseleave', function() {
	$(this).find('.option').slideUp('fast');
}); 
//--></script>

Пожалуйста помогите реальзовать этО!) прошу...

Wars · 17 квітня 2011

Для всех кто хочет помочь но незнает в чем проблема объясняю!)

Когда я вставляю шапку для сайта то кнопки Кабинет,Оформить и т.д уходят под шапку! А надо чтобы они были НА шапке как это реализовано на сайте http://respect-shop.com.ua

AlexFisher · 17 квітня 2011

я вставляю шапку для сайта то кнопки Кабине

т.е. вы вставляете не на том сайте, на который ссылку даете, а на другом? Не мешало-бы, в таком случае, и его поглядеть.

EvzeNsx · 17 квітня 2011

Как вариант можно прописать для требуемых элементов z-index. Но вообще-то ссылка на разрабатываемый сайт существенно облегчила бы процесс.

Wars · 18 квітня 2011

AlexFisher так и есть. вот ссылка моего сайта http://www.justik.idhost.kz/

EvzeNsx · 18 квітня 2011

AlexFisher так и есть. вот ссылка моего сайта http://www.justik.idhost.kz/

Отлично у Вас отображаются вкладки поверх шапки, в чем проблема-то?

Wars · 18 квітня 2011

как поверх шапки? ладно... если вы не поняли вопрос как поднять кнопки кабинет и т.д так чтобы они закрывали надпись Добро пожаловать!

EvzeNsx · 18 квітня 2011

В Вашем случае можно воспользоваться отрицательным margin'ом

в stylesheet.css найдите строку

#header .div2

и приведите к такому виду

#header .div2 {
    float: left;
    margin-bottom: -35px;
    padding-left: 15px;
    padding-top: 15px;
}

AlexFisher · 18 квітня 2011

Делайте картинку фоном для хедера. кнопки сами станут.

Wars · 18 квітня 2011

EvzeNsx спасибо за помощь всё встало как по маслу!)

AlexFisher · 18 квітня 2011

не совсем по маслу ;)

Ширину картинки теперь немного подправьте и будет гуд.

Wars · 18 квітня 2011

подскажите как картинку сдвинуть немного влево?) а то вреале коряво выглядит))

Smallbear · 18 квітня 2011

подскажите как картинку сдвинуть немного влево?) а то вреале коряво выглядит))

а зачем Вы картинку вместо логотипа втулили?:)

исправляйте в css это (думаю у вас так прописано):

#header .div2 {
	float: left;
	padding-top: 15px;
	padding-left: 15px;

padding-left: 15px; это отступ слева поставьте padding-left: 0px; и его не будет и картинку подрежте , тогда справа не будет вылазить

AlexFisher · 19 квітня 2011

может, в таком случае поможет просто ресайз картинки в графическом редакторе? Меньше заморачиваться, имхо. Учитывая, что все крутится.

Wars · 19 квітня 2011

Smallbear ОГРОМНЕЙШЕЕ СПАСИБО!) ОЧЕНЬ ПОМОГЛИ)

Smallbear · 19 квітня 2011

Smallbear ОГРОМНЕЙШЕЕ СПАСИБО!) ОЧЕНЬ ПОМОГЛИ)

пожалуйста :) а почему картинку справа не подрезали?Может у Вас разрешение экрана маленькое и Вы не замечаете что картинка справа "вылазит"?

Wars · 19 квітня 2011

насчет разрешения незнаю) оно у меня 1366 на 768) а почему когда я приближаю то шапка начинает очнь сильно вылазить?

Вхід

Шапка сайта

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information