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


Создание Подвала Сайта


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

#21 Vaccina

Vaccina

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

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

Отправлено 31 Январь 2015 - 01:20

В main.css найдите:
.infoSite {
	border: 1px solid #ffffff;
	display: inline-block;
	padding: 10px;
}
замените на:
.infoSite {
	border: 1px solid #ffffff;
	display: inline-block;
	padding: 10px;
	width: 27%;
}


#22 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 31 Январь 2015 - 03:56

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

#23 Vaccina

Vaccina

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

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

Отправлено 31 Январь 2015 - 04:05

Простите, возможно, я не туда смотрю на скриншот, стили выше должны были выровнять отступы, как понимаю, проблема с соц сетями, попробуйте в main.css добавить следующий код:
#megamenu_bottom {
	float: left;
	vertical-align: top;
	width: auto;
}


#24 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Февраль 2015 - 05:07

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

#25 Vaccina

Vaccina

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

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

Отправлено 03 Февраль 2015 - 01:22

В main.css найдите:
.soc {
	float: right;
}
.soc span {
	line-height: 30px;
}
замените на:
.soc {
float: right;
width: 400px;
}
.soc span {
line-height: 30px;
float: left;
display: block;
}


#26 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 03 Февраль 2015 - 05:46

Все получилось, спасибо Вацина:)

#27 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 03 Февраль 2015 - 06:56

1.Как выровнять блоки "партнеры" и "способы оплаты" на одну прямую с блоком копирайта, как показано на скриншоте. Сейчас на сайте какой-то не не понятный отступ.

2. Как сделать так, чтобы при наведении производилась замена картинки (сейчас логотипы черно-белые, но я уже в админку загрузил такие же только цветные, хочу, чтобы при наведении на них производила замена и они подсвечивались.

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

  • futer.png


#28 Vaccina

Vaccina

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

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

Отправлено 03 Февраль 2015 - 07:12

В main.css найдите:
.footerBot .column {
  float: left;
  margin-right: 2%;
  width: 30%;
}

замените на:
.footerBot .column {
  float: left;
  margin-right: 2%;
  padding: 0 1.1%;
  width: 30%;
}


#29 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 03 Февраль 2015 - 18:17

А как сделать иконки при наведении цветные? Это лучше сделать через замену картинки или  можно изначально обесцветить иконки кодом?

#30 Danil

Danil

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

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

Отправлено 03 Февраль 2015 - 18:51

Просмотр сообщенияprukon (03 Февраль 2015 - 18:17) писал:

А как сделать иконки при наведении цветные? Это лучше сделать через замену картинки или  можно изначально обесцветить иконки кодом?
Здравствуйте.
попробуйте такой вариант
в конец main.css добавьте
ul.horizontal.style-1.size-30.horizontal li:hover a {
opacity: 1;
}
ul.horizontal.style-1.size-30.horizontal li a {
opacity: 0.5;
}


#31 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 04 Февраль 2015 - 19:11

Речь идет об иконках, размещенных в способах оплаты и в партнерах. Внес изменения, ничего не поменялось.

Хочу сделать так, чтобы при наведении картинки становились цветными, а без наведения они были черно белые.  

Пример реализации можно посмотреть в подвале магазина http://www.lamoda.ru/

#32 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2015 - 02:39

Если делать черно-белые, то необходимо делать замену самих картинок и дополнительно сделать черно-белые копии в графическом редакторе, можно сделать полупрозрачные и обычные при наведении, в main.css найдите:
.footerBot .newCont img {
  display: inline-block;
  float: left;
  margin: 2%;
  width: 45%;
}
замените на:
.footerBot .newCont img {
  display: inline-block;
  float: left;
  margin: 2%;
  opacity: 0.5;
  width: 45%;
}
.footerBot .newCont img:hover{
opacity: 1;
}


#33 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 07 Февраль 2015 - 01:15

Так тоже норм, спасибо!




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

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