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


Помогите Подправить Некоторые Элементы В Шаблоне

Автор Prorock_Ugl, 24 нояб. 2013 21:12

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

#101 empty9228

empty9228

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

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

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

Здравствуйте
1. уголки где новости
найдите 
  #left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px;}
замените
  #left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; border-radius: 5px;}

2.где каталог
найдите 
#left .block .bluesmall, #right .block .bluesmall { background:url(http://design.our-apple.ru/block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px;}
замените
#left .block .bluesmall, #right .block .bluesmall { background:url(http://design.our-apple.ru/block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; border-radius: 5px;}

3. где сравнить товар
найдите
#left .block .greysmall, #right .block .greysmall { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -88px no-repeat; height:28px; padding:10px 0 0 20px; color:#434343;}
замените
#left .block .greysmall, #right .block .greysmall { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -88px no-repeat; height:28px; padding:10px 0 0 20px; color:#434343; border-radius: 5px;}

4. уголки, где вы смотрели
найдите
#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px;}
замените
#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; border-radius: 5px;}


Меню
1. при нажатие на кнопку чтоб не съезжало
найдите 
#panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
замените
#panelsite div.centercol .menuheader ul li a:active { padding: 0px 13px 4px 13px; border-bottom:1px solid #186584; }

2. чтоб было по шире
найдите 
#panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.our-apple.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left: 10px;  }
замените
#panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.our-apple.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left: 25px;  }

#102 Inferno

Inferno

    Пользователь

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

Отправлено 29 Январь 2014 - 10:23

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

Здравствуйте
1. уголки где новости
найдите
#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px;}
замените
#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; border-radius: 5px;}

2.где каталог
найдите
#left .block .bluesmall, #right .block .bluesmall { background:url(http://design.our-apple.ru/block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px;}
замените
#left .block .bluesmall, #right .block .bluesmall { background:url(http://design.our-apple.ru/block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; border-radius: 5px;}

3. где сравнить товар
найдите
#left .block .greysmall, #right .block .greysmall { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -88px no-repeat; height:28px; padding:10px 0 0 20px; color:#434343;}
замените
#left .block .greysmall, #right .block .greysmall { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -88px no-repeat; height:28px; padding:10px 0 0 20px; color:#434343; border-radius: 5px;}

4. уголки, где вы смотрели
найдите
#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px;}
замените
#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.our-apple.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; border-radius: 5px;}


Меню
1. при нажатие на кнопку чтоб не съезжало
найдите
#panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
замените
#panelsite div.centercol .menuheader ul li a:active { padding: 0px 13px 4px 13px; border-bottom:1px solid #186584; }

2. чтоб было по шире
найдите
#panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.our-apple.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left: 10px; }
замените
#panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.our-apple.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left: 25px; }
Спасибо вам огромное, извините конечно у меня еще не много вопросов накопилось !
Например, как сделать так чтоб когда сайт редактируют мой сайт на телефоне или в других сайтах, главная картинка фона стояла на месте при прокрутке в низ товара !

#103 empty9228

empty9228

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

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

Отправлено 29 Январь 2014 - 11:27

Для того чтоб фон не повторялся при прокрутке сайта вниз
найдите 
body { background: url(http://design.our-apple.ru/bg.jpg) #FFFFFF center center fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; }
замените
body { background: url(http://design.our-apple.ru/bg.jpg) #FFFFFF center center fixed no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; }

#104 Inferno

Inferno

    Пользователь

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

Отправлено 30 Январь 2014 - 06:01

Помогите пожалуйста, на первом скрине указано что убрать а на втором как должно быть примерно !

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

  • 1.JPG
  • 2.JPG

#105 miyako

miyako

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

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

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

Просмотр сообщенияInferno (30 Январь 2014 - 06:01) писал:

Помогите пожалуйста, на первом скрине указано что убрать а на втором как должно быть примерно !

Шрифт элемента "Мы принимаем" -
Найдите в main.css - 
#panelbottom .money {
font: bold 25px AndantinoScript, Geneva, sans-serif;
color: #FF7256;
}
и замените цвет #FF7256, начертание  bold, размер пикселей 25px,название шрифтов AndantinoScript,Geneva и семейство шрифта - sans-serif

В разделе Сайт - Редактор шаблонов - Изображения найдите panelbottom-bg.png
Удалите его, вместо него создайте Ваше изображение с иконками и назовите его panelbottom-bg в формате png.

Далее найдите в main.css код - 
#panelbottom {
clear: both;
background: #C2C2C2;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}
и замените на - 
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

В шаблоне HTML найдите код - 
<!-- Нижняя панель сайта -->
<div id="panelbottom">
  <div class="money">
	<p>Мы принимаем:</p>
	<div class="img"></div>
  </div>
  <div class="schetchiki">
	{SETTINGS_STORE_HTML_CODE}
	{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
  </div>
</div>
<!-- Нижняя панель сайта-Конец -->
и удалите его.

Далее найдите код - 
<!-- Подвал -->
<div id="footer">
и после него добавьте - 
<!-- Нижняя панель сайта -->
<div id="panelbottom">
  <div class="money">
	<p>Мы принимаем:</p>
	<div class="img"></div>
  </div>
  <div class="schetchiki">
	{SETTINGS_STORE_HTML_CODE}
	{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
  </div>
</div>
<!-- Нижняя панель сайта-Конец -->

#106 Inferno

Inferno

    Пользователь

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

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

Просмотр сообщенияmiyako (30 Январь 2014 - 07:34) писал:

Шрифт элемента "Мы принимаем" -
Найдите в main.css -
#panelbottom .money {
font: bold 25px AndantinoScript, Geneva, sans-serif;
color: #FF7256;
}
и замените цвет #FF7256, начертание  bold, размер пикселей 25px,название шрифтов AndantinoScript,Geneva и семейство шрифта - sans-serif

В разделе Сайт - Редактор шаблонов - Изображения найдите panelbottom-bg.png
Удалите его, вместо него создайте Ваше изображение с иконками и назовите его panelbottom-bg в формате png.

Далее найдите в main.css код -
#panelbottom {
clear: both;
background: #C2C2C2;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}
и замените на -
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

В шаблоне HTML найдите код -
<!-- Нижняя панель сайта -->
<div id="panelbottom">
<div class="money">
<p>Мы принимаем:</p>
<div class="img"></div>
</div>
<div class="schetchiki">
{SETTINGS_STORE_HTML_CODE}
{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
</div>
</div>
<!-- Нижняя панель сайта-Конец -->
и удалите его.

Далее найдите код -
<!-- Подвал -->
<div id="footer">
и после него добавьте -
<!-- Нижняя панель сайта -->
<div id="panelbottom">
<div class="money">
<p>Мы принимаем:</p>
<div class="img"></div>
</div>
<div class="schetchiki">
{SETTINGS_STORE_HTML_CODE}
{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
</div>
</div>
<!-- Нижняя панель сайта-Конец -->

Просмотр сообщенияmiyako (30 Январь 2014 - 07:34) писал:

Шрифт элемента "Мы принимаем" -
Найдите в main.css -
#panelbottom .money {
font: bold 25px AndantinoScript, Geneva, sans-serif;
color: #FF7256;
}
и замените цвет #FF7256, начертание  bold, размер пикселей 25px,название шрифтов AndantinoScript,Geneva и семейство шрифта - sans-serif

В разделе Сайт - Редактор шаблонов - Изображения найдите panelbottom-bg.png
Удалите его, вместо него создайте Ваше изображение с иконками и назовите его panelbottom-bg в формате png.

Далее найдите в main.css код -
#panelbottom {
clear: both;
background: #C2C2C2;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}
и замените на -
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

В шаблоне HTML найдите код -
<!-- Нижняя панель сайта -->
<div id="panelbottom">
<div class="money">
<p>Мы принимаем:</p>
<div class="img"></div>
</div>
<div class="schetchiki">
{SETTINGS_STORE_HTML_CODE}
{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
</div>
</div>
<!-- Нижняя панель сайта-Конец -->
и удалите его.

Далее найдите код -
<!-- Подвал -->
<div id="footer">
и после него добавьте -
<!-- Нижняя панель сайта -->
<div id="panelbottom">
<div class="money">
<p>Мы принимаем:</p>
<div class="img"></div>
</div>
<div class="schetchiki">
{SETTINGS_STORE_HTML_CODE}
{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
</div>
</div>
<!-- Нижняя панель сайта-Конец -->

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

За ранее спасибо большое !

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

  • 3.JPG

#107 miyako

miyako

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

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

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

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

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

За ранее спасибо большое !

Выше написана инструкция.

Нужно расширить область выделения при наведении?

#108 Inferno

Inferno

    Пользователь

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

Отправлено 30 Январь 2014 - 10:24

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

Выше написана инструкция.

Нужно расширить область выделения при наведении?
Я не знаю как сделать нижний блок меню по ширине ниже !

#109 Castiel

Castiel

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

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

Отправлено 30 Январь 2014 - 13:11

Просмотр сообщенияInferno (30 Январь 2014 - 10:24) писал:

Я не знаю как сделать нижний блок меню по ширине ниже !

Здравствуйте, если я вас правильно понял, вы хотите уменьшить нижний блок (footer) по высоте?
Для этого редактируем main.css
Находим
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

Заменить на
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 60px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
}


#footer #main {
margin: 0 auto;
width: 1000px;
margin-top: 25px;
height: 71px;
}

Заменить на
#footer #main {
margin: 0 auto;
width: 1000px;
height: 40px;
}

#110 Inferno

Inferno

    Пользователь

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

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

Просмотр сообщенияCastiel (30 Январь 2014 - 13:11) писал:

Здравствуйте, если я вас правильно понял, вы хотите уменьшить нижний блок (footer) по высоте?
Для этого редактируем main.css
Находим
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 83px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

Заменить на
#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 60px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
}


#footer #main {
margin: 0 auto;
width: 1000px;
margin-top: 25px;
height: 71px;
}

Заменить на
#footer #main {
margin: 0 auto;
width: 1000px;
height: 40px;
}

Спасибо большое, подскажите пожалуйста еще как убрать из категории товара белые полоски, белый фон и пунктирную линию - что показано на скрине !
Спасибо заранее !

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

  • 4.JPG

#111 empty9228

empty9228

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

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

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

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

Найдите в css код
#content .box .tabproduct { width:235px; max-width:235px; padding:5px 0 0px 0; border-top:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
замените его на
#content .box .tabproduct { width:235px; max-width:235px; padding:5px 0 0px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

там же найдите
#content .headline .h1static { color:#4e4e4e; border-bottom:1px dotted #ababab; padding:0 0 3px 0; }
замените на
#content .headline .h1static { color:#4e4e4e; padding:0 0 3px 0; }

#112 Inferno

Inferno

    Пользователь

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

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

Подскажите пожалуйста в чем проблема !
В Мазиле и Гугле не корректно отображается сайт, пишит ошибка скрипт !

#113 Alexey11

Alexey11

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

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

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

Просмотр сообщенияInferno (01 Февраль 2014 - 17:58) писал:

Подскажите пожалуйста в чем проблема !
В Мазиле и Гугле не корректно отображается сайт, пишит ошибка скрипт !
При проверке вашего сайта в данных браузерах ошибки не обнаружено. Попробуйте почистить кэш вашего браузера.

#114 Inferno

Inferno

    Пользователь

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

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

Помогите пожалуйста !
Когда навожу на панель которая указана в скрине, показывает иероглифы вместо названия !
Помогите справить !

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

  • Блин.JPG

#115 Castiel

Castiel

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

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

Отправлено 04 Февраль 2014 - 14:28

Просмотр сообщенияInferno (04 Февраль 2014 - 14:10) писал:

Помогите пожалуйста !
Когда навожу на панель которая указана в скрине, показывает иероглифы вместо названия !
Помогите справить !

Здравствуйте, иероглифы возникают на стороне скрипта который вы подгружаете.

#116 Noir

Noir

    Пользователь

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

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

Помогите пожалуйста ! SL-269389

Изображение

1. Появилась какая-то полоса внизу сайта. Хочу ее убрать, т.е. поднять нижнюю границу сайта до строки Мы принимаем:
2. Перенести надпись;
3. Перенести кнопку;
4. Удалить надпись "Мы принимаем" и всю серую строка с кнопками "главная", "доставка", "корзина" и тд. На этом месте не должно быть ничего, пусть будет видно фоновую картинку;
5. На данное место вывести информацию о контактах;
6. Данный столбец сделать полупрозрачным.

#117 Vaccina

Vaccina

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

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

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

1. В main.css найдите:
#panelbottom {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
clear: both;
height: 43px;
margin: 0 auto 20px;
overflow: hidden;
width: 1000px;
}
замените на:
#panelbottom {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
clear: both;
height: 43px;
margin: 0 auto;
overflow: hidden;
width: 1000px;
}
.ui-datepicker{display:none;}
2.В HTML найдите:
<div class="schetchiki">
{SETTINGS_STORE_HTML_CODE}
{SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %}&nbsp;|&nbsp;{% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC}
</div>
перед ним вставьте(заранее удалив дубликат сл.блока):
<div class="copyring">
<p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
</div>
3-4.Там же найдите:
<div class="money">
<p>Мы принимаем:</p>
<div class="img"></div>
</div>
замените на(заранее удалив дубликат сл.блока):
<div class="menufooter">
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
5.В HTML найдите:
<!-- Корзина -->
<div class="block">
	 <div class="blocktitle bluelarge">
	 <a href="{CART_URL}" title="Корзина">Корзина</a>
	 </div>
	 <div class="blockmain cart padd cartInfo">
	 <ul>
		 <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
		 <li class="button">
		 <p class="fnt11b txtalgnlft cartSum">
		 {% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}
		 </p>
		 <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
	 </ul>
	 </div>
	 <div class="blockbottom">
	 </div>
</div>
<!-- END Корзина -->
после него вставьте:
<!-- Контакты -->
<div class="block">
	 <div class="blocktitle bluelarge">
	 Контакты
	 </div>
	 <div class="blockmain cart padd cartInfo">
	 <ul>
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_WORK_TIME %}
			 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
		 {% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
		
		 </ul>
	 <div class="blockbottom">
	 </div>
</div>
<!-- END Контакты -->
6. Белый фон установлен всему контенту, необходимо для начала установить полупрозрачный фон контенту:
#cntrobj {
background: url("http://design.anime-vl.ru/conteiner-bg-y.jpg") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}
opacity: 0.6;
далее установить фон 3 блокам по отдельности:
#content {
float: right;
width: 756px;
}
#left {
float: left;
margin: 0 0 -11px 10px;
width: 225px;
}

#118 Noir

Noir

    Пользователь

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

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

Спасибо за помощь... только придется снова потревожить. Те же пункты.
1. У меня строка выглядит так: #panelbottom { clear:both; background:#FFF; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; Т.е. изначально нет "margin: 0 auto 20px; " для изменения. Если удалить 20рх в конце ничего не меняется.

2-3 Не все получилось, но уже и не надо )) Решил что эти пункты не нужны на сайте.

4. Серая полоса так и осталась. Подскажите как ее удалить, а заодно и ту белую что  ниже.
Изображение

5. Добавился Пункт: контакты, и вместе с ним исчез белый фон рабочей поверхности... О_о - Убрал пункт контакты, пусть будет только телефон сверху )) Изображение

6. Вот на этом месте поподробней. Ввел код: "#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y scroll 0 0 rgba(0, 0, 0, 0,6); }" Картинка стала полностью прозрачной, как на скрине выше. Следующий пункт объяснений в принципе не понятен мне. ... Попробовал после строчки выше мной приведенной ввести еще 2 вот таких:
#content { float: right; width: 756px;}
#left {float: left;margin: 0 0 -11px 10px;width: 225px;}
Ни чего не изминилось ( Все еще нуждаюсь в помощи.

#119 Vaccina

Vaccina

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

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

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

1. У вас в коде, что необходимо найти проглядывается margin-bottom:20px;  удалите его.
4. Для удаления серой полосы достаточно удалить в HTML оставшийся пустой код:
<div id="footer">
  <div id="main">
	 </div>
</div>
5. Код скорее всего у меня был немного некорректен, попробуйте вставить данный код:
<!-- Контакты -->
<div class="block">
		 <div class="blocktitle bluelarge">
		 Контакты
		 </div>
		 <div class="blockmain cart padd cartInfo">
		 <ul>
						 <li class="title">Контакты для связи:</li>
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
						 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
						 {% IF SETTINGS_STORE_WORK_TIME %}
						 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
				 {% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
				 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
			   
				 </ul>
		 <div class="blockbottom"></div>
   </div>
</div>
<!-- END Контакты -->
6.Блоки, что я перечислила выше, их не вставить нужно, а найти и задать им фон background

#120 Noir

Noir

    Пользователь

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

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

Спасибо, очень многое пригодилось. Но еще есть пара вопросов:

1. Все равно ничего не выходит. Может мы о разном говорим? Вот моя проблема, при уменьшении масштаба ее хорошо видно:

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

2. Добавился необходимый пункт: Контакты, надо его довести до ума: а) выровнить телефоны по левому краю. б) убрать непонятную полоску белого цвета, которая находится за такстом Контакты для связи.
Изображение
3) Телефоны в шапке, тоже необходимо выровнить. Федеральный номер подогнать под городской.
Изображение


4) При открытии главной страницы магазина и остальных пунктов меню, ширина вложенного сообщения разная.  Как увеличить ширину главной новости (или страницы) до стандартного размера. Т.е. убрать правое белое поле?

Изображение
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Изменение общей стилистики
  6. Privacy Policy