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

[Antzrex]

Добрый день!
Требуется внести небольшие изменения.
В общем, это скрин исходника, как выглядит страница в разделе "КАТАЛОГ"


А вот так нужно изменить:


Меню с поиском перенести в самый верх.
Серый цвет в меню и лозунге должны быть прозрачными.


акк SL-474341


Зы Кое что уже изменил сам. Жду помощи.

Сообщение отредактировал Antzrex: 10 Апрель 2019 - 16:26

[Antzrex]

Сегодня поковырялся и внес некоторые изменения сам. Дальше не получается.

Еще требуется:
1. перенести красную полоску под меню.
2. выровнять красные активные кнопки меню "домой",  "каталог", "доставка", "корзина" и тд. по высоте, центровать текст в этом же меню по высоте относительно текста в окне "поиск по магазину"
3. блок со слоганом "Мечты становятся реальностью..." выровнять по правому краю шапки.

Скрины
1. Так выглядит сейчас:

2. Так нужно сделать:

[Antzrex]

Пока ждал ответа, разобрался сам.
Сделал так:

Остался только вопрос по вылетающей панели со слоганом, не могу найти, где ее редактировать.
Интересует изменение цвета самого бокса и цвета текста, а в особенности его перемещение.

Спасибо.

[Vaccina]

Здравствуйте.

Структура находится в шаблоне HTML:

		<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
			<div class="camera_caption moveFromLeft">
			  Коллекция надежных и доступных рюкзаков для спорта, путешествий и отдыха!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
			<div class="camera_caption moveFomRight">
			  Только самые востребованные модели спортивных рюкзаков!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
			<div class="camera_caption moveFromLeft">
			  Все рюкзаки мы отправляем совершенно бесплатно!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
			<div class="camera_caption moveFomRight">
			  Прекрасный яркие и стильные рюкзаки от лучших производителей!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
			<div class="camera_caption fadeFromLeft">
			  Мы отправляем заказы во все регионы России и ближнего зарубежья.
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
			<div class="camera_caption fadeFromRight">
			  Любой товар можно заказать без предварительной регистрации!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
			<div class="camera_caption fadeFromLeft">
			  Мы следим за качеством товара и выбираем только надежных поставщиков!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
			<div class="camera_caption fadeFromRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->

    
    
Стили в camera.css:

.camera_caption {bottom: 0;display: block;position: absolute;width: 100%;top: 300px;right: 100px;width: 450px;font-size: 30px;font-style: italic;}
.camera_caption > div {padding: 10px 20px;}

.camera_caption > div {background: #000;background: rgba(0, 0, 0, 0.8);}