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


Отображение Графы Поиска По Сайту


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

#1 Flor@@

Flor@@

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

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

Отправлено 21 Октябрь 2013 - 07:01

Как увеличить размер шрифта, вот здесь подставлять больший размер шрифта не помогает:
/* поиск по сайту */
#search .search_box {
background: #F0F8FF;
font-weight: bold;
font-size: 22px Verdana, Geneva, sans-serif;
margin-top: 36px;
margin-left: -126px;
border: 2px #aeaeae solid;
border-radius: 11px 11px 11px 11px;
height: 23px;
width: 395px;
padding: 0px; padding-left: 04px;
padding-top: 8px;
-moz-box-shadow: 0 0 5px 5px #2e3c2e;
-webkit-box-shadow: 0 0 5px 5px #2e3c2e;
box-shadow: 0 0 5px 5px #2e3c2e;

}

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

  • вид сайта 29.jpg


#2 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 21 Октябрь 2013 - 08:34

 otdyh-i-son.ru (21 Октябрь 2013 - 07:01) писал:

Как увеличить размер шрифта, вот здесь подставлять больший размер шрифта не помогает:
/* поиск по сайту */
#search .search_box {
background: #F0F8FF;
font-weight: bold;
font-size: 22px Verdana, Geneva, sans-serif;
margin-top: 36px;
margin-left: -126px;
border: 2px #aeaeae solid;
border-radius: 11px 11px 11px 11px;
height: 23px;
width: 395px;
padding: 0px; padding-left: 04px;
padding-top: 8px;
-moz-box-shadow: 0 0 5px 5px #2e3c2e;
-webkit-box-shadow: 0 0 5px 5px #2e3c2e;
box-shadow: 0 0 5px 5px #2e3c2e;

}

Добрый день, замените в приведенном Вами коде строку
font-size: 22px Verdana, Geneva, sans-serif;
на
font-size: 18px!important;
font-family: Verdana, Geneva, sans-serif;
и установите желаемые параметры.

#3 Flor@@

Flor@@

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

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

Отправлено 21 Октябрь 2013 - 09:32

спасибо огромное

#4 Ygla

Ygla

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородПаттайя

Отправлено 23 Январь 2014 - 20:43

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

#5 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 23 Январь 2014 - 21:13

 Ygla (23 Январь 2014 - 20:43) писал:

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

Здравствуйте, редактируем main.css
Находим
.containerin {
width: 940px;
margin: 0px auto;
}
Заменяем на
.containerin {
width: 940px;
margin: 0px auto;
background: #000;
}

background: #000;  цвет фона меню

#6 Ygla

Ygla

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородПаттайя

Отправлено 24 Январь 2014 - 18:32

С цветом порядок, спасибо. А как с поиском?? м.б это из за размера шапки сдвиг? по размерам ваших шаблонов вроде делала, подскажите параметры, если в этом дело?

#7 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 24 Январь 2014 - 18:38

 Ygla (24 Январь 2014 - 18:32) писал:

С цветом порядок, спасибо. А как с поиском?? м.б это из за размера шапки сдвиг? по размерам ваших шаблонов вроде делала, подскажите параметры, если в этом дело?
Здравствуйте, в файле main.css замените
.b_page {
background: url(http://siamshop.storeland.net/header_page.png) no-repeat;
}
на
.b_page {
background: url(http://siamshop.storeland.net/header_page.png) no-repeat center top;
}

#search {
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
}
на
#search {
height: 35px;
float: right;
padding-top: 45px;
width: 245px;
}


#8 Ygla

Ygla

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородПаттайя

Отправлено 24 Январь 2014 - 18:52

Спасибо, перемены конечно произошли, но всё же не очень ровно, с цифрами наверное нужно поэкспериментировать, и справа у меня ещё один элемент не появился ( тайский флажок)......

#9 Vaccina

Vaccina

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

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

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

В main.css найдите:

#search {
float: right;
height: 35px;
padding-top: 45px;
width: 245px;
}
замените на:

#search {
float: right;
height: 35px;
padding-top: 50px;
width: 230px;
}
#search input {
background: none;
border: none;
}

Про флажок немного не понятно, можете показать его на скриншоте?

#10 Ygla

Ygla

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородПаттайя

Отправлено 25 Январь 2014 - 11:25

Вау, спасибо, поиск волшебно встал))))

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

  • header_page.png


#11 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 21 Февраль 2014 - 12:14

Подскажите возможно ли сделать поиск внутри категории, т.е. пусть будет общий поиск и при входе в категорию появлялся "поиск по категории"
Спасибо!

#12 Сake

Сake

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

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

Отправлено 22 Февраль 2014 - 00:25

К сожалению, это реализовать не получиться. На данный момент нет возможности разграничения поиска на отдельные категории или страницы.

#13 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 22 Февраль 2014 - 04:34

В админке есть, не совсем так , но всё таки

#14 janjak

janjak

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

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

Отправлено 28 Май 2014 - 19:45

Прочитал ветку, но так и не смог у себя найти в main.css #search {:

В main.css найдите:

#search {
float: right;
height: 35px;
padding-top: 45px;
width: 245px;
}

мне нужно изменить шрифт, цвет и размер слова "поиск" в строке поиска
или я где-то не там ищу?

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

  • поиск.png


#15 MikDark

MikDark

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

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

Отправлено 28 Май 2014 - 19:50

 janjak (28 Май 2014 - 19:45) писал:

Прочитал ветку, но так и не смог у себя найти в main.css #search {:

В main.css найдите:

#search {
float: right;
height: 35px;
padding-top: 45px;
width: 245px;
}

мне нужно изменить шрифт, цвет и размер слова "поиск" в строке поиска
или я где-то не там ищу?

Вам нужно найти код:
#header .topmain .barright .search input[type=text] {
float: left;
width: 80.76%;
height: 2em;
color: #7e7e7e;
border-bottom: 1px solid #C2C2C2;
}

и заменить на:
#header .topmain .barright .search input[type=text] {
float: left;
width: 80.76%;
height: 2em;
color: #7e7e7e;
border-bottom: 1px solid #C2C2C2;
color: #000000;
font-size: 16px;
}

color - это цвет
font-size - размер шрифта.

На какой шрифт Вы хотите поменять?

#16 janjak

janjak

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

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

Отправлено 28 Май 2014 - 22:18

Спасибо за оперативность!
на Adobe Gothic Std B

#17 MikDark

MikDark

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

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

Отправлено 28 Май 2014 - 22:21

 janjak (28 Май 2014 - 22:18) писал:

Спасибо за оперативность!
на Adobe Gothic Std B

Вам нужно скачать файл шрифта и загрузить в раздел Сайт - Редактор шаблонов. После этого пришлите имя шрифта, напишем Вам код под него.

#18 janjak

janjak

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

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

Отправлено 28 Май 2014 - 22:59

И подскажите еще, пожалуйста:
1) как мне поместить окно поиска в овальные рамки?
2) где менять цвет и размер "лупы" в строке поиска?

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

  • поиск2.png


#19 Vaccina

Vaccina

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

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

Отправлено 29 Май 2014 - 02:36

1. В main.css найдите:
#header .topmain .barright .search {
	height: 50px;
	margin-top: 3%;
	width: 100%;
}
замените на:
#header .topmain .barright .search {
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	height: 24px;
	margin-top: 3%;
	padding-left: 10px;
	width: 300px;
}
2. Загрузите свою иконку лупы и замените в шаблоне HTML старое название spacer.gif на свое

#20 janjak

janjak

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

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

Отправлено 29 Май 2014 - 09:26

Спасибо!!!




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

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