Помигите с дизайном,ПОЖАЛУЙСТА!

Alina20 · 5 серпня 2011

Посмотрите прикрепленное изображение пожалуйста.

Сразу опишу проблему и свои потуги.

(обсуждаемые позиции отмечены пунктами: 1 2 3 4 )

1. Резиновый топ бар в самом верху вставила вот таким образом-с ним вроде проблем нет,разве что решение не совсем правильное-поправьте если можно:

--------------------------------------------------------------------

<html>
<head>
<style>
#qw { position: relative; width: 100%; height: 31px; }
#qw img { width: 100%; height: 31px; }
#qw div { position: absolute; width: 100%;margin: 0;padding: 0;height: 31px;margin-bottom: 7px;}
</style>
<div id="qw"><img src="/image/data/top_bar.png" /><div>
</div>
</div>
</body>
</html

--------------------------------------------------------------------------

<?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; ?>">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title><?php echo $title; ?></title>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } else if (defined("MY_KEYWORDS")) { ?>
<meta name="keywords" content="<?php echo MY_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/tab.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>
<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>
<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>

----------------------------------------------------------------

2 Ссылки "контакты" и "карта сайта" вставила сюда:

---------------------------------------------------------------------

<div class="div3"><a href="<?php echo str_replace('&', '&', $contact); ?>" style="background-image: url('catalog/view/theme/default/image/contact.png');"><?php echo $text_contact; ?></a><a href="<?php echo str_replace('&', '&', $sitemap); ?>" style="background-image: url('catalog/view/theme/default/image/sitemap.png');"><?php echo $text_sitemap; ?></a></div>
-------------------------------------------------------------------------
      <div class="div5">
      <div class="left"></div>
      <div class="right"></div>
      <div class="center">
      <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 id="search">
<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 } ?>
</div>
          <div class="div10">  <a onclick="moduleSearch();" class="button"><span><?php echo $button_go; ?></span></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>

========================================================================================

CSS ссылок каонтакты и карта сайта

#header .div3 {
  margin-left: 51%;
  position: absolute;
  top: 2px;
	float: right;
	padding-top: 7px;
	height: 38px;
	
}
#header .div3 a {
	margin-left: 15px;
	padding: 1px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: left center;
------------------------------

CSS выбора валют и языка


#header .div7 {
  margin-left: 64%;
  position: absolute;	
	top: 2px;
	}


.switcher {
	float: right;	
	margin-top: 3px;
	margin-left: 10px;
}
.switcher a {
	text-decoration: none;
	display: block;
}
.switcher .selected {
	background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
	border: 1px solid #CCCCCC;
	background: url('../image/arrow_down.png') 116px center no-repeat;
	color: #666666;
	padding: 2px 5px 2px 5px;
	width: 121px;

-----------------------------------

CSS Поиск


#search {
position: absolute;
top: 70px;
left: 380px;
width: 298px;
z-index: 15;
}
#search select {
	border: 1px solid #FFE137;
	padding: 1px;
}
#search a {
	color: #DEDEDE;
}
#search input {
	border: 1px solid #DEDEDE;
	padding: 2px;
	}

---------------------------------------

Вопросы и проблемы:

Выбор валют и ссылки "контакты" "карта сайта" при смени разрешения экрана - уезжают, залезая друг на друга, как их закрепить??

Тоже самое с поиском - при смене разрешения он уползает.

Топ Бар -сомневаюсь что у меня правильная реализация, но я другого выхода не нашла -подскажите если есть.

Пункт 4 <div class="center"> - как сделать так чтоб в шапке осталась только синего цвета полоса при этом была резиновой как на картинке, но основной блог после не менял положения.

Как сделать так чтоб серая полоса в шапке (я так понимаю тоже <div class="center"> ) исчезла вообще осталась только синяя при этом между ней и основным блоком были хлебные крошки.

======================================================================

ПОМОГИТЕ РАЗОБРАТЬСЯ -ОЧЕНЬ НУЖНО,ПРАВДА! Я уже сколько бьюсь ничгего толком не придумала ((

ДА,ЗАБЫЛА, МОЯ ВЕРСИЯ 0.2.

Змінено 5 серпня 2011 користувачем Alina20
Используйте тэг КОД, на панели это < >

Alina20 · 5 серпня 2011

столько просмотров и ни одного ответа (.

подскажите пожалуйста те кто разбирается в этих тонкостях.

senty · 5 серпня 2011

столько просмотров и ни одного ответа (.

подскажите пожалуйста те кто разбирается в этих тонкостях.

Скажите пожалуйста.

Сайт выложен в интернет или разрабатывается на локальном компьютере?

Sexyque · 5 серпня 2011

Ну все заходят, смотрят и не читают стока букв :)

Вообще лучше бы ты дала ссылку на сайт и вопросы. Тогда можно было бы глянуть непосредственно на нем.

Alina20 · 5 серпня 2011

Скажите пожалуйста.

Сайт выложен в интернет или разрабатывается на локальном компьютере?

было б что выкладывать..=\

помогите пожалуйста..

Alina20 · 5 серпня 2011

Ну все заходят, смотрят и не читают стока букв :)

Вообще лучше бы ты дала ссылку на сайт и вопросы. Тогда можно было бы глянуть непосредственно на нем.

скорее всего все заходят и понимают что это не им помощь -а просят помощи.

букв да -много но это всего лишь хидер.тпл и тот не полный и стили проблемных зон.

Sergant · 5 серпня 2011

по поводу рубля и языка.... вопрос - вы планируете продавать что-то за границу?

если нет - отключите их в админке нафик... (Система-Локализация .... отключить)

если да.. то можно попробывать такой вариант

http://ru.html.net/tutorials/css/lesson14.php

#lang_cur {

float: right;

width: 350px;

position:absolute;

top: ****px;

left: ****px;

}

Вместо звездочек методом тыка ищите позицию.... float: width: - это с моего шаблона, у вас там могут быть другие значения

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

Sexyque · 5 серпня 2011

скорее всего все заходят и понимают что это не им помощь -а просят помощи.

букв да -много но это всего лишь хидер.тпл и тот не полный и стили проблемных зон.

Все заходят и не понимают, что собственно делать :)

Я не знаю, как остальным, но лично мне сложно понять вот так...отдельно. Когда видишь сайт, то уже на много легче и проще. К тому же проблемы не совсем понятны.

Если пользуешься Firefox-ом, то скачай аддон Firebug. Он позволяет «менять» ксс прямо в браузере и смотреть на результат. На много удобнее. Потом, конечно, эти изменения надо внести в файл.

Если пользуешься гугл хромом, то там есть штука такая «Просмотр кода элемента». Тоже сильно помогает.

Если пользуешься IE, то....сочувствую :)

Alina20 · 5 серпня 2011

по поводу рубля и языка.... вопрос - вы планируете продавать что-то за границу?

если нет - отключите их в админке нафик... (Система-Локализация .... отключить)

если да.. то можно попробывать такой вариант

http://ru.html.net/tutorials/css/lesson14.php

Вместо звездочек методом тыка ищите позицию.... float: width: - это с моего шаблона, у вас там могут быть другие значения

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

вы знаете - помогло!

теперь выбор языка и курсы на месте -никуда не двигаются.

по аналогии попробовала с ссылками карта сайта и контакты - нет не получилось (( не закрепляются-смещаются к центру при смене размеров окна.

но за курс валют спасибо большое! -1 проблема!

Alina20 · 5 серпня 2011

Если пользуешься Firefox-ом, то скачай аддон Firebug. Он позволяет «менять» ксс прямо в браузере и смотреть на результат. На много удобнее. Потом, конечно, эти изменения надо внести в файл.

Если пользуешься гугл хромом, то там есть штука такая «Просмотр кода элемента». Тоже сильно помогает.

Если пользуешься IE, то....сочувствую :)

я знаю что это есть, у меня гугл хром - но ведь дело не в этом - то что смогла я сделала и прописала в стилях, дивы местами меняла. но просто не хватает знаний и опыта для финального аккорда, так сказать.

Я вот,например не знала что прописанный подобным образом стиль закрепит обьект на нужном месте: (это валюты и язык)

#header .div7 {

float: right;

width: 300px;

position:absolute;

top: 2px;

left: 1010px;

}

и не знаю почему аналогия с div3 не помогает..??

Sergant · 5 серпня 2011

по аналогии попробовала с ссылками карта сайта и контакты - нет не получилось (( не закрепляются-смещаются к центру при смене размеров окна.

вот был бы сайт)))) сразу бы сказали какой класс нада править) у всех шаблонов всё по разному...

Alina20 · 5 серпня 2011

вот был бы сайт)))) сразу бы сказали какой класс нада править) у всех шаблонов всё по разному...

тоже видимо забыла написать -простите - шаблон дефолтный версия 0.2

Alina20 · 5 серпня 2011

по сути осталось 3 вопроса не решенных - ссылки и манипуляции с шапкой и поиск. подскажите уж,пожалуйста!

с поиском и ссылками разобралась сама.

помогите решить вопрос с шапкой пожалуйста.

Alina20 · 6 серпня 2011

хоть бы кто ответил! помог! 114 просмотров и никто написать толкового ничего не может неужели никто не сталкивался с подобным-помогите хоть с шапкой уж...

Вхід

Помигите с дизайном,ПОЖАЛУЙСТА!

Recommended Posts

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

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

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

Вхід

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

Покупцям

Розробникам

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

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

Important Information