1 Xnokie

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Тема: Закруглить углы формы поиска

Здравствуйте!
Установил форму поиска от Яндекса, но возникла проблема с отображением в дизайне, нужно закруглить углы.
Пробовал брать в div и использовать border, но не помогло, кто подскажет как надо делать..?

  • KEFIR
  • Status praesens
  • Карма: 14 / 0

Re: Закруглить углы формы поиска

border-radius? Не пробывал? Круглые углы вообще для всех браузеров по разному пишутся насколько я помню в css

3 elisey

  • elisey
  • Свой в доску :)
  • Карма: 6 / 0

Re: Закруглить углы формы поиска

border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;

- Чем больше цифра тем больше радиус.

4 Xnokie (07.04.2013 23:24 отредактировано Xnokie)

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Re: Закруглить углы формы поиска

elisey пишет:

border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;

Да пробовал я все border, не помогает... (

  • admin
  • АлаичЪ
  • Карма: 143 / 2

Re: Закруглить углы формы поиска

Xnokie, Тут не все так просто, как может показаться. Но, тем не менее, при должном знании все возможно smile
Попробуй добавить в свой style.css такие строки:

#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i {border-radius: 20px !important;}
#ya-site-form0 .ya-site-form__arrow-a {border: none !important;}

Если не сработает, прежде чем писать здесь, попробуй заменить form0 на form1.

+ Xnokie

6 Xnokie (08.04.2013 07:59 отредактировано Xnokie)

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Re: Закруглить углы формы поиска

admin пишет:

Xnokie, Тут не все так просто, как может показаться. Но, тем не менее, при должном знании все возможно smile

Супер! Спасибо!
Еще один вопрос, недавно приобрел ваш модуль Enso Pro и установил. Можно ли там сделать вывод в две колонки? Если да, то как?

  • admin
  • АлаичЪ
  • Карма: 143 / 2

Re: Закруглить углы формы поиска

Xnokie пишет:

Еще один вопрос, недавно приобрел ваш модуль Enso Pro и установил. Можно ли там сделать вывод в две колонки? Если да, то как?

Да, все можно.
Например, открой linkenso_link.tpl и замени <li> на вот такое дело:

<li style="float:left;width:49%;">

Верстка у всех разная, но такой вариант должен сработать в большинстве случаев. Если что, попробуй заменить width:49%; на что-то типа width:200px;
200px надо будет уже менять в большую или меньшую сторону, пока не добьешься необходимых результатов.

8 Xnokie (15.04.2013 07:49 отредактировано Xnokie)

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Re: Закруглить углы формы поиска

Все борюсь с формой(
Заметил косяки, отображение в браузерах её разные, даже ширина на 1-2пикс меняется и сама кнопка поиска
Вот стили которые используются для формы поиска, т.е. которые вносил:

+ открыть спойлер

.yasearch {
    float:right;
    margin-top: 15px;
    width: 265px;
    border: 1px solid #405b0f;
    border-radius: 6px
}

input {
border: 1px solid #0d9123;
background: none repeat scroll 0% 0% #fff;
}


.ya-site-form__input-text, .ya-site-form__submit {
    border-color: #405b0f !important;
}

#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i {border-radius: 6px !important;}
#ya-site-form0 .ya-site-form__arrow-a {border: none !important;}

#ya-site-form0 .ya-site-form__input-text {
height: 18px;
}

Вот как отображается...

Поправьте плз...

Добавлено: 15.04.2013 06:02

С linkenso и стилями полный ппц мягко говоря, фон исчезает когда делаю float:left, пропадают комментарии вконтакте... Вообщем в 2е колнки сделать не получается.
Нужно что бы вы глянули... ответьте в аську как сможете

Добавлено: 15.04.2013 06:34

Добавлено: 15.04.2013 11:23

Насчет linkenso, оформил вроде и так норм, в 2е колонки пока не к спеху, нуждаюсь в правке поиска...