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


Блок Логотипа


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

#21 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 13 Июль 2015 - 17:35

Просмотр сообщенияhotdivx (13 Июль 2015 - 17:30) писал:

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

И снова в шаблоне main.css найдите, пожалуйста, следующий код:

.menuResp a:hover, .menuResp .open > a, ul.head li a.selected, nav.footer-menu li a.selected {
  background: #f7f7f7;
  color: #000;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}

И замените его, например, вот этим вот кодом:

.menuResp a:hover, .menuResp .open > a, ul.head li a.selected, nav.footer-menu li a.selected {
  background: #666666;
  color: #000;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}


#22 hotdivx

hotdivx

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

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

Отправлено 13 Июль 2015 - 17:44

Спасибо!
всё отлично!

#23 hotdivx

hotdivx

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

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

Отправлено 13 Июль 2015 - 17:57

Забыл!
корзину-то как в белый раскрасить?

#24 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 13 Июль 2015 - 18:15

Просмотр сообщенияhotdivx (13 Июль 2015 - 17:57) писал:

Забыл!
корзину-то как в белый раскрасить?

В шаблоне main.css найдите, пожалуйста, следующий код:

a.countTovars {
  display: inline-block;
  /* float: right; */
  padding-left: 0px;
}

И замените его вот этим вот кодом:

a.countTovars {
  display: inline-block;
  /* float: right; */
  padding-left: 0px;
  color: #fff;
}


Далее чтобы вам сделать светлой иконку корзины - вам нужно в бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов найти файл sprites2.png и отредактировать его в любом удобном для вас фоторедакторе, после чего загрузить обратно на сайт.

#25 hotdivx

hotdivx

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

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

Отправлено 13 Июль 2015 - 18:28

Не, не все ))
поменял фон, но появляется белая рамка вокруг логотипа, посмотрите пожалуйста

#26 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 13 Июль 2015 - 18:30

Просмотр сообщенияhotdivx (13 Июль 2015 - 18:28) писал:

Не, не все ))
поменял фон, но появляется белая рамка вокруг логотипа, посмотрите пожалуйста

И снова в шаблоне main.css найдите, пожалуйста, следующий код:

.logoblock-left {
  display: inline-block;
  float: left;
  border: 1px solid white;
}

И замените его вот этим вот кодом:

.logoblock-left {
  display: inline-block;
  float: left;
}


#27 hotdivx

hotdivx

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

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

Отправлено 13 Июль 2015 - 18:33

отлично!
спасибо!

#28 hotdivx

hotdivx

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

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

Отправлено 21 Июль 2015 - 10:37

Подскажите, пожалуйста, возможно ли блок каталога, зафиксировать? что бы при прокрутке страницы он был наверху? и сделать его как бы выпуклым? как на форуме, "Сообщений в теме..." темно синим цветом заголовок сделан типа в рамке...

#29 Danil

Danil

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

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

Отправлено 21 Июль 2015 - 13:22

Просмотр сообщенияhotdivx (21 Июль 2015 - 10:37) писал:

Подскажите, пожалуйста, возможно ли блок каталога, зафиксировать? что бы при прокрутке страницы он был наверху? и сделать его как бы выпуклым? как на форуме, "Сообщений в теме..." темно синим цветом заголовок сделан типа в рамке...
Здравствуйте.
В конец main.js добавьте код

var min = false;
$(document).scroll(function() {
if($(document).scrollTop()>30&&!min)
{
$(".sectionblock-inner-header").css('position','fixed');
$(".sectionblock-inner-header").css('top','0');
$(".sectionblock-inner-header").css('box-shadow','0 0 10px rgba(0,0,0,0.5)');
min = true;
}
if($(document).scrollTop()<=30&&min)
{
$(".sectionblock-inner-header").css('position','relative');
$(".sectionblock-inner-header").css('box-shadow','0 0 0 rgba(0,0,0,0.5)');
//увеличение логотипа
min = false;
}
});


#30 hotdivx

hotdivx

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

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

Отправлено 21 Июль 2015 - 13:22

и если возможно тень сделать, вроде как она (полоса каталога) сама по себе тут... ))

#31 Danil

Danil

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

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

Отправлено 21 Июль 2015 - 13:30

Просмотр сообщенияhotdivx (21 Июль 2015 - 13:22) писал:

и если возможно тень сделать, вроде как она (полоса каталога) сама по себе тут... ))
Воспользуйтесь инструкцией из сообщения 29.
Для редактирования тени, изменяйте параметры box-shadow.

#32 hotdivx

hotdivx

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

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

Отправлено 21 Июль 2015 - 13:49

Danil,

всё ок, спасибо!

#33 hotdivx

hotdivx

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

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

Отправлено 21 Июль 2015 - 14:09

Подскажите, как убрать рамки белые вокруг и посредине блока каталога?

#34 Danil

Danil

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

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

Отправлено 21 Июль 2015 - 15:33

Просмотр сообщенияhotdivx (21 Июль 2015 - 14:09) писал:

Подскажите, как убрать рамки белые вокруг и посредине блока каталога?
В main.css найдите 2 кода
.header-inner, .footer-inner-header, .sectionblock-inner-header, .inner-center {
position: relative;
z-index: 4;
float: left;
clear: both;
overflow: hidden;
width: 100%;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
background-color: #4682B4;
}
и замените на
.header-inner, .footer-inner-header, .sectionblock-inner-header, .inner-center {
position: relative;
z-index: 4;
float: left;
clear: both;
overflow: hidden;
width: 100%;
background-color: #4682B4;
}
Так же найдите и удалите код
.nav > li > a {
border-right: 1px solid white;
}


#35 hotdivx

hotdivx

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

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

Отправлено 21 Июль 2015 - 16:26

Danil,

отлично, спасибо!

#36 hotdivx

hotdivx

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

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

Отправлено 30 Июль 2015 - 10:27

Добрый день!

помогите, пожалуйста, поиск запихнуть в строку каталога, между корзиной и последней категорией.

#37 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 30 Июль 2015 - 16:04

Просмотр сообщенияhotdivx (30 Июль 2015 - 10:27) писал:

Добрый день!

помогите, пожалуйста, поиск запихнуть в строку каталога, между корзиной и последней категорией.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
							<!-- Форма поиска -->
							 <!-- Форма поиска -->
							<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://yandex.ru/sitesearch','arrow':false,'bg':'transparent','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по ftdrive.ru','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2226740,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'введите запрос','input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2226740"/><input type="hidden" name="l10n" value="ru"/><input type="hidden" name="reqenc" value=""/><input type="search" name="text" value=""/><input type="submit" value="Найти"/></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>
							<!-- /Форма поиска -->

Переместите данный код после:
						<!-- /Каталог товаров -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.sectionblock-container {
	display: inline-block;
	float: left;
	width: 88%
}

Замените на:
.sectionblock-container {
	display: inline-block;
	float: left;
	width: 60%
}

В конце шаблона main.css добавьте код:
#ya-site-form0 {
	width: 25%;
	float: left;
	height: 100%;
}
#ya-site-form0 .ya-site-form__search td {
  padding:0;
}
#ya-site-form0 .ya-site-form__submit {
	margin: 0 0 0 38px !important;
	z-index: 10;
}


#38 hotdivx

hotdivx

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

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

Отправлено 30 Июль 2015 - 16:25

Firefly,
спасибо!

не подскажите, у меня в шапке есть гарантия/Оплата и доставка...
где мне размер шрифта поменять?

#39 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 30 Июль 2015 - 16:35

Просмотр сообщенияhotdivx (30 Июль 2015 - 16:25) писал:

Firefly,
спасибо!

не подскажите, у меня в шапке есть гарантия/Оплата и доставка...
где мне размер шрифта поменять?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.logoblock-right {
	padding-top: 1%;
	padding-right: .8%
}

Замените на:
.logoblock-right {
	padding-top: 1%;
	padding-right: .8%;
	font-size: 14px;
}

Далее изменяйте значение 14px у параметра font-size в большую или меньшую сторону, в зависимости от необходимости.

#40 hotdivx

hotdivx

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

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

Отправлено 30 Июль 2015 - 16:39

и еще вопрос.
https://alfabank.ru/
у них в сроке ввода адреса есть ссылки: отделения, банкоматы, интернет банк
возможно ли такое осуществить у нас?

Просмотр сообщенияFirefly (30 Июль 2015 - 16:35) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.logoblock-right {
padding-top: 1%;
padding-right: .8%
}

Замените на:
.logoblock-right {
padding-top: 1%;
padding-right: .8%;
font-size: 14px;
}

Далее изменяйте значение 14px у параметра font-size в большую или меньшую сторону, в зависимости от необходимости.
в main.css напротив строки font-size: 14px; ставит крестик красный...
и шрифт не меняется...




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

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