Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

post-9005-0-58331900-1312546736_thumb.jpg

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

(обсуждаемые позиции отмечены пунктами: 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.

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

#lang_cur {

float: right;

width: 350px;

position:absolute;

top: ****px;

left: ****px;

}

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

#header .div7 {

float: right;

width: 300px;

position:absolute;

top: 2px;

left: 1010px;

}

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

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


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

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

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


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

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

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


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

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

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

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


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

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


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

Ви повинні бути користувачем, щоб залишити коментар

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

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

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

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.