Задний Фот Шаблон Пластик
#1
Отправлено 15 Май 2016 - 01:52
Шаблон пластик.
#2
Отправлено 15 Май 2016 - 09:02
nikon (15 Май 2016 - 01:52) писал:
Шаблон пластик.
Фоновое изображение загрузите в раздел Сайт - Редатор шаблонов.
В main.css найдите код
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}и замените на
body { background:url({ASSETS_IMAGES_PATH}НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ?design=plastic) center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}замените текст "НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ" на соответствующий элемент.
#3
Отправлено 15 Май 2016 - 12:03
Danil (15 Май 2016 - 09:02) писал:
Фоновое изображение загрузите в раздел Сайт - Редатор шаблонов.
В main.css найдите код
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}и замените на
body { background:url({ASSETS_IMAGES_PATH}НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ?design=plastic) center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}замените текст "НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ" на соответствующий элемент.
Нужно как на первой картинки с отступами по бокам основного шаблона.
#5
Отправлено 15 Май 2016 - 20:16
Danil (15 Май 2016 - 20:13) писал:
вот ссылка на него http://st.dnat-nn.ru...ta_kopiya22.jpg
#6
#8
Отправлено 15 Май 2016 - 20:55
Danil (15 Май 2016 - 20:39) писал:
Пожалуйста) подскажите еще по трем вопросам))
- убрать вот этот блок с картинкой в шапке, что бы задний фон был виден,
- сделать отступ по бокам от шаблона
- и после того, как шаблон сузить, увеличить размер шрифта в кратком описании.
#9
Отправлено 16 Май 2016 - 12:57
nikon (15 Май 2016 - 20:55) писал:
- убрать вот этот блок с картинкой в шапке, что бы задний фон был виден,
- сделать отступ по бокам от шаблона
- и после того, как шаблон сузить, увеличить размер шрифта в кратком описании.
Здравствуйте, в шаблоне HTML найдите код:
<div class="blocks"> <div class="lft"></div> <div class="cntr"></div> <div class="rght"> <ul style="height:60px;"> <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 %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://dnat-nn.ru"><div></div></a></div> <ul class="telephone23"> {% 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>
и замените на код:
<div class="blocks"> <div class="rght"> <ul style="height:60px;"> <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 %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://dnat-nn.ru"><div></div></a></div> <ul class="telephone23"> {% 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>
далее в main.css найдите код:
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }
и замените на код:
#header .blocks .logotype { float:left; }
код:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) top right no-repeat; width:358px; height:110px; }
замените на код:
#header .blocks .rght { float:right; margin:0 0 0 0; width:358px;}
2) Вопрос по второму пункту, укажите на скриншоте, как должно выглядеть или что нужно изменить. О каких отступах речь?
#10
Отправлено 16 Май 2016 - 22:01
Юля123 (16 Май 2016 - 12:57) писал:
<div class="blocks"> <div class="lft"></div> <div class="cntr"></div> <div class="rght"> <ul style="height:60px;"> <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 %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://dnat-nn.ru"><div></div></a></div> <ul class="telephone23"> {% 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>
и замените на код:
<div class="blocks"> <div class="rght"> <ul style="height:60px;"> <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 %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://dnat-nn.ru"><div></div></a></div> <ul class="telephone23"> {% 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>
далее в main.css найдите код:
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }
и замените на код:
#header .blocks .logotype { float:left; }
код:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) top right no-repeat; width:358px; height:110px; }
замените на код:
#header .blocks .rght { float:right; margin:0 0 0 0; width:358px;}
2) Вопрос по второму пункту, укажите на скриншоте, как должно выглядеть или что нужно изменить. О каких отступах речь?
2ой - вопрос откладывается,
3й - вопрос актуален. Увеличить шрифт
#11
Отправлено 16 Май 2016 - 22:09
nikon (16 Май 2016 - 22:01) писал:
3й - вопрос актуален. Увеличить шрифт
Юля123 (16 Май 2016 - 12:57) писал:
<div class="blocks"> <div class="lft"></div> <div class="cntr"></div> <div class="rght"> <ul style="height:60px;"> <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 %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://dnat-nn.ru"><div></div></a></div> <ul class="telephone23"> {% 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>
и замените на код:
<div class="blocks"> <div class="rght"> <ul style="height:60px;"> <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 %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://dnat-nn.ru"><div></div></a></div> <ul class="telephone23"> {% 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>
далее в main.css найдите код:
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }
и замените на код:
#header .blocks .logotype { float:left; }
код:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) top right no-repeat; width:358px; height:110px; }
замените на код:
#header .blocks .rght { float:right; margin:0 0 0 0; width:358px;}
2) Вопрос по второму пункту, укажите на скриншоте, как должно выглядеть или что нужно изменить. О каких отступах речь?
#12
Отправлено 17 Май 2016 - 03:31
#header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png?design=plastic) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; }
замените на:
#header .blocks .lft { float:left; margin:0 0 0 0; width:14px; height:11px; }
далее найдите:
#header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png?design=plastic) repeat-x; width:628px; height:20px; } #header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) top right no-repeat; width:358px; height:110px; }
замените на:
#header .blocks .cntr { float:left; width:628px; height:20px; } #header .blocks .rght { float:left; margin:0 0 0 0; width:358px; height:110px; }
3. В main.css найдите:
#content .box .ulproduct .infoproduct .info { color: #4d4d4d; margin: 10px 0 10px 0; overflow: hidden; max-height: 40px; width: auto; }
замените на:
#content .box .ulproduct .infoproduct .info { color: #4d4d4d; margin: 10px 0 10px 0; overflow: hidden; max-height: 40px; width: auto; font-size: 14px; }
#14
Отправлено 04 Июнь 2016 - 01:57
body { background:url() center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;background-size:100% 100%;}
в пустых скобках после url пропишите ссылку на фон в одинарных кавычках: 'ссылка'
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных