Сообщений в теме: 9

[SlowCynic]

Доброй ночи.

Подскажите пожалуйста как:

1. Сократить размер шапки и слайдера по ширине "тела" сайта?

2. Добавить в боковые области повторяющийся рисунок?




Заранее благодарю за ответ.

[SlowCynic]

И как избавиться от данной надписи в форме быстрого заказа?

[Юля123]

SlowCynic (04 Апрель 2016 - 05:07) писал:

Доброй ночи.

Подскажите пожалуйста как:

1. Сократить размер шапки и слайдера по ширине "тела" сайта?

2. Добавить в боковые области повторяющийся рисунок?




Заранее благодарю за ответ.

Здравствуйте, в main.css найдите код:

.adaptres{width:600px;float:left;margin-left:100px;}

и замените на код:

.adaptres{width:660px;float:left;margin-left:100px;}

после этого найдите код:

.prod_hold{width: 195px;margin:10px 0 0 0;display: inline-block;text-align: center;font-size:16px;position:relative;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;}

и замените на код:

.prod_hold{width: 217px;margin:10px 0 0 0;display: inline-block;text-align: center;font-size:16px;position:relative;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;}

SlowCynic (04 Апрель 2016 - 05:12) писал:

И как избавиться от данной надписи в форме быстрого заказа?

В шаблоне Быстрый заказ найдите и удалите код:

		  <div class="currentDeliveryDescription">
			
		  </div>

[SlowCynic]

Юля123 (04 Апрель 2016 - 09:33) писал:

Здравствуйте, в main.css найдите код:

.adaptres{width:600px;float:left;margin-left:100px;}

и замените на код:

.adaptres{width:660px;float:left;margin-left:100px;}

после этого найдите код:

.prod_hold{width: 195px;margin:10px 0 0 0;display: inline-block;text-align: center;font-size:16px;position:relative;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;}

и замените на код:

.prod_hold{width: 217px;margin:10px 0 0 0;display: inline-block;text-align: center;font-size:16px;position:relative;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;}

В шаблоне Быстрый заказ найдите и удалите код:

		 <div class="currentDeliveryDescription">
			
		 </div>

Быстрый заказ исправило.

По первым 2-ум вопросам - никаких изменений не произошло.

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

[Юля123]

SlowCynic (04 Апрель 2016 - 17:41) писал:

Быстрый заказ исправило.

По первым 2-ум вопросам - никаких изменений не произошло.

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

Если так, тогда попробуйте следующее, в конце mian.css добавьте код:

div#sitewrapper {
	width: 60%;
	margin: 0 auto;
}

[SlowCynic]

Юля123 (04 Апрель 2016 - 17:48) писал:

Если так, тогда попробуйте следующее, в конце mian.css добавьте код:

div#sitewrapper {
width: 60%;
margin: 0 auto;
}

Подобное решение ведет к вылету поиска и части меню за пределы шапки на разрешениях меньше 1980*1080.

[Vaccina]

div#sitewrapper {
width: 60%;
margin: 0 auto;
}

замените на:

#sitewrapper {
	width: 90%;
	margin: 0 auto;
}

далее найдите:

.mainwidth {
	width: 960px
	margin: 0 auto;
}

замените на:

.mainwidth {
	width: 100%;
	margin: 0 auto;
}

[SlowCynic]

Vaccina (05 Апрель 2016 - 07:18) писал:

div#sitewrapper {
width: 60%;
margin: 0 auto;
}

замените на:

#sitewrapper {
width: 90%;
margin: 0 auto;
}

далее найдите:

.mainwidth {
width: 960px
margin: 0 auto;
}

замените на:

.mainwidth {
width: 100%;
margin: 0 auto;
}

Данное решение растягивает шапку сайта почти на все разрешение, слегка обрезов пополам, но при этом сохраняя размеры "тела" сайта со смещением влево.
Решил свой первый вопрос, добавив:

div#sitewrapper {
width: 960px;
margin: 0 auto;
}

Благодарю за наводку.

Вопрос по поводу добавления текстуры по бокам сайте всё еще актуален. Необходимо в области 2, указанной в шапке темы, добавить повторяющуюся текстуру.

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

Upd:
Решение нашел.

[Юля123]

SlowCynic (07 Апрель 2016 - 22:24) писал:

Данное решение растягивает шапку сайта почти на все разрешение, слегка обрезов пополам, но при этом сохраняя размеры "тела" сайта со смещением влево.
Решил свой первый вопрос, добавив:

div#sitewrapper {
width: 960px;
margin: 0 auto;
}

Благодарю за наводку.

Вопрос по поводу добавления текстуры по бокам сайте всё еще актуален. Необходимо в области 2, указанной в шапке темы, добавить повторяющуюся текстуру.

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

Upd:
Решение нашел.

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

[SlowCynic]

Юля123 (08 Апрель 2016 - 10:23) писал:

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

Да. Эти вопросы решены.

Спасибо за содействие.