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


Довести До Ума


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

#1 raketolov

raketolov

    Новичок

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

Отправлено 10 Январь 2018 - 16:09

Добрый день. Номер аккаунта : 431780
Мне нужно :
1.В самом верху сайта поменять местами : телефон,email <<<<<<<<<<<<< >>>>>>>>>>>>>>  Главная,Доставка,Гарантии,Корзина..... , чтобы получилось:
Главная,Доставка,Гарантии,Корзина.....  <<<<<<<<<<<<< >>>>>>>>>>>>>>  телефон,email
2.Фон,на котором написаны разделы сайта (Электроника, детские товары, аксессуары ....) сделать белым. Сами названия разделы сделать чёрным цветом. Сделать это всё по центру ( чтобы выглядело примрено так : https://happy-sale.ru/) .
3. Так же добавить надпись сверху ( минимальная сумма заказа: 800 рублей)
4. Как сделать слайдер меньше? Чтобы он выглядел не на всю страницу, а примерно как здесь: www.eldorado.ru
5. Как сделать цвет текста на всём сайте не серым, а чёрным? Как сделать значки: ВК, Email и прочие не серыми , а более читаемыми ( например чёрным цветом)?
6.На моём сайте справа сбоку расположен выдвигающийся значок VK. Для чего он нужен? При наведении на него курсором он просто выезжает, на нём белый фон. Как его настроить?

#2 raketolov

raketolov

    Новичок

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

Отправлено 15 Январь 2018 - 16:31

5 дней прошло. Дайте ответ,пожалуйста

#3 Vaccina

Vaccina

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

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

Отправлено 17 Январь 2018 - 08:44

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top .topheader-left {float:left;padding:0;}

замените на:
#header-top .topheader-left {float:right;padding:0;}

далее найдите и удалите:
#header-top .topheader-right .inner {float: right;}

далее найдите:
#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg?design=azure") no-repeat center top;background-size: cover;}
#menu .inner:after {position: absolute;content: "";width: 100%;height: 1px;bottom: 0px;left: 0px;background: rgba(255, 255, 255, 0.1);}

замените на:
#menu .inner {width: 100%;background: #fff;}

далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}
#custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;}
#custommenu ul.mainnav:after {clear: both;}
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);}
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}
#custommenu ul.mainnav li.level0 > a {
		display: block;
		padding: 8px 10px;
		font-size: 150%;
		font-weight: normal;
		-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
		border-radius: 22px;
		position: relative;
		color: #ffffff;
		border: 1px solid transparent;
}

замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;text-align:center;}
#custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;}
#custommenu ul.mainnav:after {clear: both;}
#custommenu ul.mainnav li.level0 {display:inline-block;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #000;position: relative;background-color: rgba(0, 0, 0, 0.1);border-color: rgba(0, 0, 0, 0.3);}
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}
#custommenu ul.mainnav li.level0 > a {
		display: block;
		padding: 8px 10px;
		font-size: 150%;
		font-weight: normal;
		-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
		border-radius: 22px;
		position: relative;
		color: #000;
		border: 1px solid transparent;
}

далее найдите:
body {margin: 0;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #909090;overflow-x: hidden;position: relative;}
.wrap {width: 100%;clear: both;}
a {
		color: #55c0ed;
		text-decoration: none;
		cursor: pointer;
}

замените на:
body {margin: 0;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #000;overflow-x: hidden;position: relative;}
.wrap {width: 100%;clear: both;}
a {
		color: #000;
		text-decoration: none;
		cursor: pointer;
}

По поводу всплывающего при наведении блока сбоку, там можно разместить виджет сообщества в вк, для это в шаблоне HTML найдите:
<!-- Виджет сообществ -->
	<div id="community_widget_right">
	  <div class="community-widget">
		<span class="community-widget-button"><i class="fa fa-vk"></i></span>
		<div class="community-widget-content">
		  <!-- VK Widget. Замените id() на id Вашей группы -->
		  <div id="vk_groups"></div>
		  <script type="text/javascript">
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'},ok.ru);
		  </script>
		</div>
	  </div>
	</div>
    
в нем вместо ok.ru введите ID вашей группы в вк.

Уточните пожалуйста, где именно необходимо расположить строку о минимальной сумме заказа?




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

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