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


Задний Фот Шаблон Пластик


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

#1 nikon

nikon

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

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

Отправлено 15 Май 2016 - 01:52

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

Шаблон пластик.

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

  • s4kxwjErjEM.jpg
  • 17qxuOyJ4bI.jpg


#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 15 Май 2016 - 09:02

 nikon (15 Май 2016 - 01:52) писал:

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

Шаблон пластик.
Здравствуйте.
Фоновое изображение загрузите в раздел Сайт - Редатор шаблонов.
В 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 nikon

nikon

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

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

Отправлено 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;}
замените текст "НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ" на соответствующий элемент.
Здравствуйте! Ничего не поменялось. КЭШ чистил.

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

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 15 Май 2016 - 20:13

 nikon (15 Май 2016 - 12:03) писал:

Здравствуйте! Ничего не поменялось. КЭШ чистил.

Нужно как на первой картинки с отступами по бокам основного шаблона.
Пришлите, пожалуйста, название загруженного фонового изображения.

#5 nikon

nikon

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

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

Отправлено 15 Май 2016 - 20:16

 Danil (15 Май 2016 - 20:13) писал:

Пришлите, пожалуйста, название загруженного фонового изображения.
вот оно sajta_kopiya22.jpg

вот ссылка на него http://st.dnat-nn.ru...ta_kopiya22.jpg

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 15 Май 2016 - 20:39

 nikon (15 Май 2016 - 20:16) писал:

вот оно sajta_kopiya22.jpg

вот ссылка на него http://st.dnat-nn.ru...ta_kopiya22.jpg
Изменения Вам произвел, проверьте.

#7 nikon

nikon

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

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

Отправлено 15 Май 2016 - 20:40

 Danil (15 Май 2016 - 20:39) писал:

Изменения Вам произвел, проверьте.

круто спасибо) а подскажите еще вот что, как убрать вот этот блок. что бы все соталось на месте (номера телефоном и т.д а вот блока с картинкой небыло.

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

  • bandicam 2016-05-15 20-40-04-332.jpg


#8 nikon

nikon

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

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

Отправлено 15 Май 2016 - 20:55

 Danil (15 Май 2016 - 20:39) писал:

Изменения Вам произвел, проверьте.

Пожалуйста) подскажите еще по трем вопросам))
  • убрать вот этот блок с картинкой в шапке, что бы задний фон был виден,
  • сделать отступ по бокам  от шаблона
  • и после того, как шаблон сузить, увеличить размер шрифта в кратком описании.

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

  • bandicam 2016-05-15 20-40-04-332.jpg
  • bandicam 2016-05-15 20-51-49-956.jpg
  • bandicam 2016-05-15 20-54-42-780.jpg


#9 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 nikon

nikon

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

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

Отправлено 16 Май 2016 - 22:01

 Юля123 (16 Май 2016 - 12:57) писал:

Здравствуйте, в шаблоне 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) Вопрос по второму пункту, укажите на скриншоте, как должно выглядеть или что нужно изменить. О каких отступах речь?

2ой - вопрос откладывается,

3й - вопрос актуален. Увеличить шрифт

#11 nikon

nikon

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

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

Отправлено 16 Май 2016 - 22:09

 nikon (16 Май 2016 - 22:01) писал:

2ой - вопрос откладывается,

3й - вопрос актуален. Увеличить шрифт

 Юля123 (16 Май 2016 - 12:57) писал:

Здравствуйте, в шаблоне 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) Вопрос по второму пункту, укажите на скриншоте, как должно выглядеть или что нужно изменить. О каких отступах речь?
По вопросу 1. Получилось не совсем как надо, нужно телефон оставить на месте, просто фон зеленый - картинки что бы совсем их не было, что бы телефон ложился сразу на основной задний фон который будет в дальнейшем.

#12 Vaccina

Vaccina

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

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

Отправлено 17 Май 2016 - 03:31

1.В main.css найдите:
#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;
}


#13 nikon

nikon

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

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

Отправлено 03 Июнь 2016 - 21:18

 Danil (15 Май 2016 - 20:39) писал:

Изменения Вам произвел, проверьте.
Здравствуйте! а как можно опять изменить задний фон на другой?

#14 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2016 - 01:57

В main.css найдите:
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 анонимных