Перейти к содержимому


Заколдованная Шапка


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 onmyoji

onmyoji

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 139 сообщений

Отправлено 23 Декабрь 2013 - 15:47

У меня что-то странное с шапкой) Сейчас там фоном стоит картинка png. Если я ставлю точь-в-точь такую же картинку jpg, то шапка вымащивается плиткой :-) То есть, в середине картинка и по бокам парочка) Мне надо оставить только ту, что посередине, без повторений :-) http://ecograce.ru

#2 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 23 Декабрь 2013 - 16:20

Здравствуйте! Сейчас на вашем сайте стоит изображение png? Сейчас у Вас все хорошо отображается)

#3 onmyoji

onmyoji

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 139 сообщений

Отправлено 23 Декабрь 2013 - 21:28

Да, сейчас png. Я не могу поставить jpg с таким глючным эффектом - у меня же люди на сайте :-)

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Декабрь 2013 - 04:28

так а как нам посмотреть в чем проблема? =)
Прикрепите изображение - скриншот хотя бы и саму картинку прикрепите. =)

#5 onmyoji

onmyoji

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 139 сообщений

Отправлено 09 Январь 2014 - 14:35

Вот, пожалуйста: поставила шапку в jpg. Она точно такая же, как в png. Но почему-то ложится по принципу "замостить" - одна картинка заканчивается, начинается следующая http://ecograce.ru/

#6 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 09 Январь 2014 - 14:42

Просмотр сообщенияonmyoji (09 Январь 2014 - 14:35) писал:

Вот, пожалуйста: поставила шапку в jpg. Она точно такая же, как в png. Но почему-то ложится по принципу "замостить" - одна картинка заканчивается, начинается следующая http://ecograce.ru/

repeat-x отвечает за эту функцию, вы можете поставить no-repeat и тогда фон не будет повторяться.

Могу предложить вам такой вариант
Находим
#headerWrap {
height: 309px;
background: url(http://design.ecograce.ru/header_bg.jpg) no-repeat;
}

Заменяем на
#headerWrap {
height: 309px;
}

Получиться такой результат

Прикрепленные изображения

  • pic21.jpg


#7 onmyoji

onmyoji

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 139 сообщений

Отправлено 09 Январь 2014 - 16:34

Получилось, спасибо!

#8 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 07 Февраль 2014 - 16:23

ДД! Можно следующие вопросы:
1. Шапка смещена влево - нужно по центру;
2. Название магазина, время работы, поиск - сместить ПОД картинку;
3. Слоган убрать совсем (еще не решила нужен ли он, на тот случай если решу, что не нужен);
4. В каталоге сейчас размещение товара по ячейкам - нужно списком ( как в каком-то другом шаблоне - картинка, название, цена + краткое описание)

#9 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 07 Февраль 2014 - 16:54

Просмотр сообщенияМарина К. (07 Февраль 2014 - 16:23) писал:

ДД! Можно следующие вопросы:
1. Шапка смещена влево - нужно по центру;
2. Название магазина, время работы, поиск - сместить ПОД картинку;
3. Слоган убрать совсем (еще не решила нужен ли он, на тот случай если решу, что не нужен);
4. В каталоге сейчас размещение товара по ячейкам - нужно списком ( как в каком-то другом шаблоне - картинка, название, цена + краткое описание)
Здравствуйте, в файле main.css замените
#headerWrap {height: 309px;background: url({ASSETS_IMAGES_PATH}http://igra-na-stole.storeland.net/2.jpg?7842) no-repeat;}
на
#headerWrap {height: 355px;}

#header {
position: relative;
width: 960px;
height: 309px;
margin: 0 auto;
}
на
#header {
position: relative;
width: 960px;
height: 355px;
margin: 0 auto;
background: url({ASSETS_IMAGES_PATH}http://igra-na-stole.storeland.net/2.jpg?7842) no-repeat center top;
}

#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px;
width: 300px;
background: url(http://igra-na-stole.storeland.net/logo.png) no-repeat;
}
на
#header #logo {
position: absolute;
bottom: 40px;
left: 10px;
height: 79px;
width: 300px;
background: url(http://igra-na-stole.storeland.net/logo.png) no-repeat;
}

#contactInfo {
position: absolute;
font-size: 1.2em;
top: 5px;
left: 330px;
}
на
#contactInfo {
position: absolute;
font-size: 1.2em;
bottom: 15px;
left: 330px;
}

#searchPanel {
position: absolute;
top: 15px;
right: 10px;
}
на
#searchPanel {
position: absolute;
bottom: 55px;
right: 10px;
}

#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 44px;
}
на
#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 44px;
display: none;
}


#10 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 07 Февраль 2014 - 17:32

Спасибо за ответ!
Еще возник вопрос: вставила фон - закрылась картинка в шапке. Как ее вернуть?

#11 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 07 Февраль 2014 - 17:58

Просмотр сообщенияМарина К. (07 Февраль 2014 - 17:32) писал:

Спасибо за ответ!
Еще возник вопрос: вставила фон - закрылась картинка в шапке. Как ее вернуть?
Здравствуйте, у Вас отсутствует атрибут background в коде
#header {
position: relative;
width: 960px;
height: 355px;
margin: 0 auto;
background: url({ASSETS_IMAGES_PATH}http://igra-na-stole.storeland.net/2.jpg?7842) no-repeat center top;
}


#12 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 10 Февраль 2014 - 17:33

ДД! Всё получилось более менее, спасибо!
Теперь после моих манипуляций пропала картинка в шапке - помогите вернуть!
И как изменить цвет и размер шрифта контактов?
И еще. Как прикрепить какой нибудь значок рядом с названием странички (зеленая стрелочка)
Спасибо!

Прикрепленные изображения

  • 2.png


#13 Alexey11

Alexey11

    Активный участник

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 10 Февраль 2014 - 21:34

Здравствуйте,
1.Укажите пожалуйста название картинки, которая пропала.

2.Найдите данный блок кода в шаблоне main.css

.contactInfoContentCountryCode			 {color:#3399cc;}
.contactInfoContent {
height:100px;
width: 180px;
vertical-align:middle;

}

замените его на:

.contactInfoContentCountryCode			 {color:black;}
.contactInfoContent {
height:100px;
width: 180px;
vertical-align:middle;
color:black;
}

В первой строке изменяется цвет "+7"
в следующих строках остальные цифры.
чтобы изменить цвет , вам нужно изменить значение параметра color , HTML код цветов можно найти в интернете.

3.По поводу картинки favicon вы можете прочитать в нашем разделе FAQ : http://storeland.ru/about/faq#52

#14 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 11 Февраль 2014 - 12:41

Просмотр сообщенияМарина К. (07 Февраль 2014 - 16:23) писал:

... 4. В каталоге сейчас размещение товара по ячейкам - нужно списком ( как в каком-то другом шаблоне - картинка, название, цена + краткое описание)
Хотелось бы получить ответ на этот вопрос.
Все остальное получилось, спасибо

#15 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Февраль 2014 - 15:56

Просмотр сообщенияМарина К. (11 Февраль 2014 - 12:41) писал:

Хотелось бы получить ответ на этот вопрос.
Все остальное получилось, спасибо

Здравствуйте, уточните пожалуйста, вы хотите сделать вывод только товаров списком? или хотите пользователям дать возможность выбирать между выводом списком или таблицей?

#16 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 11 Февраль 2014 - 16:21

Здравствуйте! В каталоге только списком. А на главной - как обычно, таблицей (как сейчас и есть)

#17 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Февраль 2014 - 16:41

Просмотр сообщенияМарина К. (11 Февраль 2014 - 16:21) писал:

Здравствуйте! В каталоге только списком. А на главной - как обычно, таблицей (как сейчас и есть)

Перед выполнением инструкций, сделайте бекап шаблона.

Редактируем шаблон Товары
Находим
			{% FOR goods %}
			<td class="goodsListItem"> 
				<div class="goodsListItemBlock withBorder cornerAll">
				<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
				<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
				<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
				</div>
				</div>
			  </td>
			{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
		   {% ENDFOR goods %}

Заменяем на
	  {% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_OTHER}"{% ENDIF %} alt="{goods.NAME}" /></a></div>
   
		  <div class="contm">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			  {% ENDIF %}
			</p>
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <span class="buybutton">
				<input type="hidden" name="hash" value="{HASH}" />
				<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </span>
			</form>
			<span>
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</span>
		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR %}

Далее добавляем стили в main.css  в самый конец
/*product listing*/
.listing {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  height:150px;
  background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
.listing a img { border:none;}
.listing .image {
  position: relative;
  display: inline;
  float: left;
  width: 110px;
  margin-right: 10px;
  border: 1px solid #D6D6D6;
  text-align: center;
  background: #FFF;
  padding: 1px;
}
.listing .cont {
  position: relative;
  display: inline;
  float: left;
  width: 480px;
}
.listing .container {
  position: relative;
  display: inline;
  float: left;
  width: 665px;
}
.listing .imagem {  position: relative;
  display: inline;
  float: left;
  width: 220px;
  margin-right: 10px;
  border: 1px solid #D6D6D6;
  text-align: center;
  background: #FFF;
  padding: 1px;}
.listing .imagem a {display:block;}
.listing .contm {position: relative;
  display: inline;
  float: left;
  width: 435px;
}
.listing .contm a span span	 {color: #390;font-weight:bold;}
.listing .contm .lineThrough,
.listing .contm .lineThrough span span  {color: #888;font-weight:normal;}
.listing .contm .listingDiscountInfo {color: #df7b11;font-size:12px;}

.contm h3, h3 a {
  font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
  font-style: italic;
  font-weight: normal;
  color: #BE9E4C;
  margin: 5px 0 5px 0;
}
.buybutton {
margin: 0 10px 0 10px;
}


#18 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 11 Февраль 2014 - 16:52

Спасибо, в целом получилось. Только кое-что уехало (?), а кое-что надо наоборот. Надо как игра Скотланд ярд (см. скрин)

Прикрепленные изображения

  • Безымянный.png
  • Безымянный1.png


#19 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Февраль 2014 - 16:57

Просмотр сообщенияМарина К. (11 Февраль 2014 - 16:52) писал:

Спасибо, в целом получилось. Только кое-что уехало (?), а кое-что надо наоборот. Надо как игра Скотланд ярд (см. скрин)

Находим
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
height: 150px;
background: url(http://igra-na-stole.storeland.net/hrbg.gif) no-repeat left bottom;
}

Заменяем на
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
height: 230px;
background: url(http://igra-na-stole.storeland.net/hrbg.gif) no-repeat left bottom;
}


#20 Марина К.

Марина К.

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 12 Февраль 2014 - 06:49

Спасибо, все отлично!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных