• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Изменения цвета бордера при нажатий на форму поска (изменения цвета бордера при нажатий на форму поиска)
Изменения цвета бордера при нажатий на форму поска
MikkeyZer
Воскресенье, 03 Апреля 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Здравствуйте я бы хотел узнать как сделать так чтобы при нажатий на форму поиска изменился цвет бордера не как не могу этого сделать вот ссылка на мой сайт:Кликните :) smile

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

Сообщение отредактировал
MikkeyZer - Воскресенье, 03 Апреля 2016, 07:48
Страна: (AZ)
Kosten
Воскресенье, 03 Апреля 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
MikkeyZer, но так лучше смотрится, но кому как, в моем случай, наоборот убирал, так по умолчанию шло так.
Страна: (RU)
MikkeyZer
Воскресенье, 03 Апреля 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, ну просто хочу какой нибудь эфект чтобы был ну если знаете объясните как сделать

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Воскресенье, 03 Апреля 2016 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
MikkeyZer, но сразу бы написал, просто не знаю, стиль отвечает за этот называемый эффект. Нужно на тестовом посмотреть если есть, так может что то можно разобраться.
Страна: (RU)
MikkeyZer
Воскресенье, 03 Апреля 2016 | Сообщение 5
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, ну если получится то напишите буду ждать smile

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Воскресенье, 03 Апреля 2016 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
MikkeyZer, хотя на стандартном также нет этого эффекта обвода.

Страна: (RU)
MikkeyZer
Воскресенье, 03 Апреля 2016 | Сообщение 7
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, дать ссылку где есть

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Воскресенье, 03 Апреля 2016 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
MikkeyZer, да вот ищу пока. biggrin
Страна: (RU)
MikkeyZer
Воскресенье, 03 Апреля 2016 | Сообщение 9
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, вот держите:DEMO

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Воскресенье, 03 Апреля 2016 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
Не понимаю, зачем на такие сайты даете урл.

Страна: (RU)
MikkeyZer
Воскресенье, 03 Апреля 2016 | Сообщение 11
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, извините просто что та у меня avast не сработал вот я и подумал что все норм sad

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
workman
Воскресенье, 03 Апреля 2016 | Сообщение 12
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
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 Апреля 2016, 16:51
Страна: (RU)
TiMzLeR
Вторник, 11 Октября 2016 | Сообщение 13
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Оу) как раз то что надо...

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
TiMzLeR
Среда, 12 Октября 2016 | Сообщение 14
Оффлайн
Проверенные
Сообщений:410
Награды: 0
не получилось как только не пробывал наверное не под каждый форму поиска потходит

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Angerfist
Среда, 12 Октября 2016 | Сообщение 15
Оффлайн
Vip
Сообщений:767
Награды: 21
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 Октября 2016, 01:41
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Изменения цвета бордера при нажатий на форму поска (изменения цвета бордера при нажатий на форму поиска)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: