Страница 1 из 212»
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Изменения цвета бордера при нажатий на форму поска (изменения цвета бордера при нажатий на форму поиска)
Изменения цвета бордера при нажатий на форму поска
MikkeyZer
Дата: Воскресенье, 03.04.2016, 07:44 | Сообщение # 1
Проверенные
Сообщений:133
Награды: 0


Здравствуйте я бы хотел узнать как сделать так чтобы при нажатий на форму поиска изменился цвет бордера не как не могу этого сделать вот ссылка на мой сайт:Кликните :) smile

ОдИн_В_ПоЛе_ВоИн

Сообщение отредактировал MikkeyZer - Воскресенье, 03.04.2016, 07:48
Kosten
Дата: Воскресенье, 03.04.2016, 11:15 | Сообщение # 2
Администраторы
Сообщений:12716
Награды: 39


MikkeyZer, но так лучше смотрится, но кому как, в моем случай, наоборот убирал, так по умолчанию шло так.

MikkeyZer
Дата: Воскресенье, 03.04.2016, 11:34 | Сообщение # 3
Проверенные
Сообщений:133
Награды: 0


Kosten, ну просто хочу какой нибудь эфект чтобы был ну если знаете объясните как сделать

ОдИн_В_ПоЛе_ВоИн
Kosten
Дата: Воскресенье, 03.04.2016, 12:48 | Сообщение # 4
Администраторы
Сообщений:12716
Награды: 39


MikkeyZer, но сразу бы написал, просто не знаю, стиль отвечает за этот называемый эффект. Нужно на тестовом посмотреть если есть, так может что то можно разобраться.

MikkeyZer
Дата: Воскресенье, 03.04.2016, 12:50 | Сообщение # 5
Проверенные
Сообщений:133
Награды: 0


Kosten, ну если получится то напишите буду ждать smile

ОдИн_В_ПоЛе_ВоИн
Kosten
Дата: Воскресенье, 03.04.2016, 12:51 | Сообщение # 6
Администраторы
Сообщений:12716
Награды: 39


MikkeyZer, хотя на стандартном также нет этого эффекта обвода.



MikkeyZer
Дата: Воскресенье, 03.04.2016, 12:58 | Сообщение # 7
Проверенные
Сообщений:133
Награды: 0


Kosten, дать ссылку где есть

ОдИн_В_ПоЛе_ВоИн
Kosten
Дата: Воскресенье, 03.04.2016, 12:59 | Сообщение # 8
Администраторы
Сообщений:12716
Награды: 39


MikkeyZer, да вот ищу пока. biggrin

MikkeyZer
Дата: Воскресенье, 03.04.2016, 12:59 | Сообщение # 9
Проверенные
Сообщений:133
Награды: 0


Kosten, вот держите:DEMO

ОдИн_В_ПоЛе_ВоИн
Kosten
Дата: Воскресенье, 03.04.2016, 13:19 | Сообщение # 10
Администраторы
Сообщений:12716
Награды: 39


Не понимаю, зачем на такие сайты даете урл.



MikkeyZer
Дата: Воскресенье, 03.04.2016, 13:30 | Сообщение # 11
Проверенные
Сообщений:133
Награды: 0


Kosten, извините просто что та у меня avast не сработал вот я и подумал что все норм sad

ОдИн_В_ПоЛе_ВоИн
workman
Дата: Воскресенье, 03.04.2016, 16:11 | Сообщение # 12
Vip
Сообщений:1576
Награды: 7


MikkeyZer, Делается это все через псевдокласс :focus

Например для поля выставляется класс, например
Код
.focus-pole {
width: 240px; /* задаем ширину поля */
margin-left: 10px; /* Это расстояние между полем и текстом */
border: 1px solid #abadb3; /* рамка вокруг поля. Цвет ставим какой вам понравится */
}
.focus-pole:focus {
background: #ffe; /* Можем поставить свой цвет фона */
border: 1px solid #29B0D9; /* Каким цветом будем рамка */
}


Ну и после этого прописываем для поля класс class="form-text"
Код
<input type="text" name="login" value="" class="focus-pole">


пример Демо


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

Сообщение отредактировал workman - Воскресенье, 03.04.2016, 16:51
TiMzLeR
Дата: Вторник, 11.10.2016, 23:30 | Сообщение # 13
Vip
Сообщений:354
Награды: 0


Оу) как раз то что надо...

Победа не дает силу – силу дает борьба! Если ты борешься и не сдаешься – это и есть сила!...
TiMzLeR
Дата: Среда, 12.10.2016, 00:05 | Сообщение # 14
Vip
Сообщений:354
Награды: 0


не получилось как только не пробывал наверное не под каждый форму поиска потходит

Победа не дает силу – силу дает борьба! Если ты борешься и не сдаешься – это и есть сила!...
Angerfist
Дата: Среда, 12.10.2016, 01:34 | Сообщение # 15
Vip
Сообщений:623
Награды: 18


TiMzLeR,
Цитата TiMzLeR ()
не получилось как только не пробывал наверное не под каждый форму поиска потходит


у тебя в форме поиска у поля ввода input класс search:

Код

<center><form action="/search">
<input class="search" name="q" placeholder="Введите текст для поиска..." autocomplete="off" minlength="3" maxlength="200" required="" type="text">
<input class="searchbu" value="" type="submit">
</form></center>


вам workman чуть ли не всё разжевал и у вас не получается, фейспалм.

добавить надо к уже созданному классу формы, а не врезать ещё один сверху:

Код

.search {
border: 1px solid #4682B4;
}
.search:focus {
border: 1px solid #006400;
}


No regrets

Сообщение отредактировал Angerfist - Среда, 12.10.2016, 01:41
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Изменения цвета бордера при нажатий на форму поска (изменения цвета бордера при нажатий на форму поиска)
Страница 1 из 212»
Поиск: