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


Изменения Вида Шаблона "весна"


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

#21 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 15:35

А качество картинки никак нельзя увеличить?

#22 Alekseys

Alekseys

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

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

Отправлено 19 Декабрь 2014 - 15:38

Просмотр сообщенияAntsupov Vyacheslav (19 Декабрь 2014 - 15:35) писал:

А качество картинки никак нельзя увеличить?
Качество картинки можно увеличить только загрузив картинку с большим разрешением.

#23 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 22:01

1) как переместить логотип влево , как показано на скрине
2) как передвинуть ( заголовки главная, доставка и тп), в центр и как сразу поменять шрифт у них.

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

  • Безымянный.png


#24 Vaccina

Vaccina

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

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

Отправлено 20 Декабрь 2014 - 01:22

1.В main.css найдите:
#header #logo {
	clear: both;
	float: left;
	margin: -115px 12px 12px 0;
	z-index: 999999;
}
замените на:
#header #logo {
	clear: both;
	float: left;
	margin: -115px 12px 12px -100px;
	z-index: 999999;
}

2.В main.css найдите:
#header .links ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
#header .links ul li {
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

замените на:
#header .links ul {
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
}
#header .links ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

далее найдите:
#header .links {
	clear: both;
	float: left;
	margin-left: 30px;
	padding-right: 10px;
}

замените на:
#header .links {
	background:#f5f5f5;
	clear: both;
	float: none;
	margin: 0 auto;
	padding-right: 10px;
	width: 600px;
}


#25 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 21 Декабрь 2014 - 12:38

Таких команд нет... не могу найти их..

#26 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 21 Декабрь 2014 - 13:15

Просмотр сообщенияAntsupov Vyacheslav (21 Декабрь 2014 - 12:38) писал:

Таких команд нет... не могу найти их..

Код:
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
margin-top: -115px;
z-index: 999999;
}

замените на:
#header #logo {
		clear: both;
		float: left;
		margin: -115px 12px 12px -100px;
		z-index: 999999;
}

Далее код:
#header .links ul {margin:0;padding:0;list-style:none;}

замените на:
#header .links ul {
		list-style: outside none none;
		margin: 0 auto;
		padding: 0;
}

Код:
#header .links ul li {margin:0;padding:0;list-style:none;float:left;}

меняем на:
#header .links ul li {
		display: inline-block;
		list-style: outside none none;
		margin: 0;
		padding: 0;
}

и последнее изменение, ищем:
#header .links {padding-right: 10px;float:left;margin-left:30px;clear: both;}

и меняем на:
#header .links {
		background:#f5f5f5;
		clear: both;
		float: none;
		margin: 0 auto;
		padding-right: 10px;
		width: 600px;
}


#27 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 21 Декабрь 2014 - 14:15

Всё получилось. СПАСИБО!)

небольшой вопрос есть)
1) как корзинку и надпись корзина с покупками приподнять вверх, а то она за границу выходит)

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

  • Безымянный.png


#28 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 21 Декабрь 2014 - 14:27

Просмотр сообщенияAntsupov Vyacheslav (21 Декабрь 2014 - 14:15) писал:

Всё получилось. СПАСИБО!)

небольшой вопрос есть)
1) как корзинку и надпись корзина с покупками приподнять вверх, а то она за границу выходит)

В шаблоне main.css найдите код:
#header #cart .heading {
float: right;
margin-top: -80px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
margin-right: -25px;
}

и замените на:
#header #cart .heading {
float: right;
margin-top: -98px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
margin-right: -25px;
}


#29 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 22 Декабрь 2014 - 10:38

Всё получилось) Спасибо

#30 Вячеслав07

Вячеслав07

    Пользователь

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

Отправлено 27 Январь 2015 - 16:40

Здравствуйте, сделал все как написано в этой теме. В итоге кнопки переключения слейдера разъехались в стороны, как вернуть их на место?

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

  • Скрин экрана.jpg


#31 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Просмотр сообщенияВячеслав07 (27 Январь 2015 - 16:40) писал:

Здравствуйте, сделал все как написано в этой теме. В итоге кнопки переключения слейдера разъехались в стороны, как вернуть их на место?
Здравствуйте, отмените внесенные изменения и уточните как вы хотите что бы отображался слайдер.

#32 Alekseys

Alekseys

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

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

Отправлено 27 Январь 2015 - 18:07

Просмотр сообщенияВячеслав07 (27 Январь 2015 - 16:40) писал:

Здравствуйте, сделал все как написано в этой теме. В итоге кнопки переключения слейдера разъехались в стороны, как вернуть их на место?
Здравствуйте. В main.css замените
.flexslider:hover .flex-prev, .flexslider:hover .prev {
opacity: 0.8;
left: 20px;
}
на
.flexslider:hover .flex-prev, .flexslider:hover .prev {
opacity: 0.8;
left: 9%;
}
и
.flexslider:hover .flex-next, .flexslider:hover .next {
opacity: 0.8;
right: 20px;
}
на
.flexslider:hover .flex-next, .flexslider:hover .next {
opacity: 0.8;
right: 8%;
}


#33 Вячеслав07

Вячеслав07

    Пользователь

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

Отправлено 27 Январь 2015 - 18:46

Просмотр сообщенияAlekseys (27 Январь 2015 - 18:07) писал:

Здравствуйте. В main.css замените
.flexslider:hover .flex-prev, .flexslider:hover .prev {
opacity: 0.8;
left: 20px;
}
на
.flexslider:hover .flex-prev, .flexslider:hover .prev {
opacity: 0.8;
left: 9%;
}
и
.flexslider:hover .flex-next, .flexslider:hover .next {
opacity: 0.8;
right: 20px;
}
на
.flexslider:hover .flex-next, .flexslider:hover .next {
opacity: 0.8;
right: 8%;
}
Спасибо, обе кнопки передвинулись!

Еще подскажите, как изменить цвет текста в шапке "Связаться с нами ...... " ?

#34 Alekseys

Alekseys

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

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

Отправлено 27 Январь 2015 - 19:08

Просмотр сообщенияВячеслав07 (27 Январь 2015 - 18:46) писал:

Спасибо, обе кнопки передвинулись!

Еще подскажите, как изменить цвет текста в шапке "Связаться с нами ...... " ?
В main.css замените
#header #support h4 {
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
}
на
#header #support h4 {
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
color: gray;
}
и отредактируйте цвет параметром color: gray; на нужный.

#35 Вячеслав07

Вячеслав07

    Пользователь

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

Отправлено 28 Январь 2015 - 11:44

Просмотр сообщенияAlekseys (27 Январь 2015 - 19:08) писал:

В main.css замените
#header #support h4 {
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
}
на
#header #support h4 {
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
color: gray;
}
и отредактируйте цвет параметром color: gray; на нужный.
Спасибо! Теперь появился такой вопрос: как сделать логотип кликабельным? Сейчас я так понимаю у меня кликабельное только "Добро пожаловать...."

И еще один вопрос: при просмотре в браузере моб. телефона (андроид) логотип уехал вниз, как исправить?

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

  • Screenshot_2015-01-28-11-50-59.png


#36 Vaccina

Vaccina

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

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

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

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

#37 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

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

хочется сделать так же
Лучшие товары, новинки.. Помогите!

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

  • Безымянный.png


#38 Alekseys

Alekseys

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

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

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

Просмотр сообщенияAntsupov Vyacheslav (21 Февраль 2015 - 19:19) писал:

хочется сделать так же
Лучшие товары, новинки.. Помогите!
Здравствуйте. Уточните пожалуйста, какие именно Вы желаете произвести изменения.

#39 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

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

на картинке видно, что каждый товар находиться под категорий!
Лидеры продаж и новинки..
Хочу сделать такие же подразделения на главной странице....
всё как на картинке

#40 Alekseys

Alekseys

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

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

Отправлено 21 Февраль 2015 - 20:38

Просмотр сообщенияAntsupov Vyacheslav (21 Февраль 2015 - 19:28) писал:

на картинке видно, что каждый товар находиться под категорий!
Лидеры продаж и новинки..
Хочу сделать такие же подразделения на главной странице....
всё как на картинке
В разделе Товары - Товары добавьте товары в каталоги Новинки и Хиты продаж.




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

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