Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: возможно ли такое с помощью CSS
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » возможно ли такое с помощью CSS

Страниц (1): [1]
 

1. Ex - 07 Апреля, 2014 - 16:48:34 - перейти к сообщению
у меня сверху сбоку сайта есть форма авторизации, поля для логина и пароля, и плюс кнопка "войти" и ссылка на регистрацию.

Я ее сделал так, если на нее не наводить, она спрятана, и выглядывает только кусочек.(то есть с помощью :hover) когда на нее наводишь, она выезжает на "полный рост".

Так вот, можно ли сделать так, если нажать на поле ввода логина или пароля, или же нажать на саму форму эту, что бы оно не уезжало обратно, если мышку отвести вбок?
2. LIME - 07 Апреля, 2014 - 16:55:05 - перейти к сообщению
Цитата:
form:focus{
# отображать
}

то есть к ховеру через запятую добавь и фокус
(Добавление)
это если инпуты в фокусе
для клика по форме
CODE (javascript):
скопировать код в буфер обмена
  1. $('#form').click(fuction(){
  2.     $(this).toggleClass('show');
  3. });
и этот класс тоже в стили добавить для отображения
3. Ex - 07 Апреля, 2014 - 17:07:25 - перейти к сообщению
добавил фокус :focus , в итоге если нажать на поле логина или пароля, оно переделывает весь блок в строку ввода Недовольство, огорчение бред какой то получается А?!
4. LIME - 07 Апреля, 2014 - 17:11:18 - перейти к сообщению
а пример css привести нельзя догадаться?
и кусок html бы не помешал
хотя думаю весь бред в css
5. Ex - 07 Апреля, 2014 - 17:13:29 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1. <div id="log_in">
  2. <form method="post" action=""><table>
  3. <tr><td>Логин: </td><td><input type="text" size="15" name="login"/></td></tr>
  4. <tr><td>Пароль: </td><td><input type="password" name="password" size="15"/></td></tr>
  5. <tr><td><input type="submit" value="Войти"/></td><td></td></tr>
  6. </table></form>
  7. <a href="http://my/Site/pages/register.php"><u>Регистрация</u></a>
  8. <hr /><center><h4 style="color:#036;">Авторизация</h4></center></div>
  9.  


CODE (htmlphp):
скопировать код в буфер обмена
  1. #log_in {
  2.         background:#CCC;
  3.         width:250px;
  4.         height:110px;
  5.         position:fixed;
  6.         top:-88px;
  7.         right:100px;
  8.         box-shadow: 0 0 15px 1px #000;
  9.         font-size:14px;
  10.         border-radius: 0 0 15px 15px;
  11.         transition:1.5s;
  12. }
  13.  
  14. #log_in:hover {
  15.         background:#CCC;
  16.         width:250px;
  17.         height:110px;
  18.         position:fixed;
  19.         top:0;
  20.         right:100px;
  21.         box-shadow: 0 0 15px 1px #000;
  22.         font-size:14px;
  23.         border-radius: 0 0 15px 15px;
  24.         transition:1.5s;
  25. }
  26.  
6. LIME - 07 Апреля, 2014 - 18:22:57 - перейти к сообщению
не...я ошибался...в такой верстке стилями не обойтись
Спойлер (Отобразить)
7. Ex - 07 Апреля, 2014 - 19:00:25 - перейти к сообщению
спасибо большое Улыбка то что нужно.

а можно еще улучшить вот так: что бы не на любую точку блока нажимать и оно фиксируется, а именно на конкретную?

у меня получается блок где форма авторизации, и в самом низу слово "авторизация"
когда блок запрятан (не выделен) выглядывает только это слово.

как сделать, что бы блок фиксировался только при нажатии на это слово(на этот кусочек блока)?
я пробовал химичить с твоим кодом, но не то получается что хочется Недовольство, огорчение
8. LIME - 07 Апреля, 2014 - 19:04:27 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1. <center id="clickToShow"><h4 style="color:#036;">Авторизация</h4></center>

CODE (javascript):
скопировать код в буфер обмена
  1. $('#lclickToShow').click(function(){
  2.     $(this).parent().toggleClass('show');
  3. });
9. Ex - 07 Апреля, 2014 - 19:27:29 - перейти к сообщению
LIME Спасибо, ты мой спаситель Превосходно

 

Powered by ExBB FM 1.0 RC1