Home > Panele > Panel Logowania jQuery

Panel Logowania jQuery

Dodane przez: piciu
opis:
Panel logowania jQuery

darmowyhosting.besaba.com/hosting/images/27435140149000041104.png

darmowyhosting.besaba.com/hosting/images/26002738471928293845.png
Kod:
  1. echo "<style type='text/css'>";
  2. echo "";
  3. echo "";
  4. echo "/* Wysuwany panel logowania jQuery START*/";
  5. echo "#login {";
  6. echo "width: 100%;";
  7. echo "top: 0;";
  8. echo "position: absolute;";
  9. echo "z-index: 999;";
  10. echo "margin: 0;";
  11. echo "padding: 0;";
  12. echo "}";
  13. echo "";
  14. echo "#login a {";
  15. echo "color: #ffffff;";
  16. echo "}";
  17. echo "";
  18. echo "#login a:hover {";
  19. echo "color: #616161;";
  20. echo "}";
  21. echo "";
  22. echo "#login-slide {";
  23. echo "width: 100%;";
  24. echo "margin: 0 auto;";
  25. echo "padding: 0;";
  26. echo "background: #3b3b3b;";
  27. echo "border-bottom: 1px solid #ffffff;";
  28. echo "}";
  29. echo "";
  30. echo "#login-content {";
  31. echo "width: 600px;";
  32. echo "height: auto;";
  33. echo "margin: 0 auto;";
  34. echo "padding: 13px;";
  35. echo "display: none;";
  36. echo "}";
  37. echo "";
  38. echo "#login-content p {";
  39. echo "margin: 0;";
  40. echo "padding: 0;";
  41. echo "}";
  42. echo "";
  43. echo "#login-toggle {";
  44. echo "width: 174px;";
  45. echo "height: 41px;";
  46. echo "background: url(http://img145.imageshack.us/img145/5629/btn.png) no-repeat;";
  47. echo "margin: 0 auto;";
  48. echo "padding: 0;";
  49. echo "z-index: 999;";
  50. echo "text-align: center;";
  51. echo "color: #ffffff;";
  52. echo "text-shadow: 1px 1px 1px #a20b1b;";
  53. echo "line-height: 37px;";
  54. echo "font-weight: bold;";
  55. echo "cursor: pointer;";
  56. echo "display: block;";
  57. echo "text-decoration: none;";
  58. echo "}";
  59. echo "";
  60. echo "#login-toggle:hover {";
  61. echo "color: #41070d;";
  62. echo "text-shadow: 1px 1px 0px #ee4557;";
  63. echo "}";
  64. echo "";
  65. echo "#login-toggle p {";
  66. echo "margin: 0;";
  67. echo "padding: 0;";
  68. echo "}";
  69. echo "";
  70. echo ".field {";
  71. echo "width: 200px;";
  72. echo "border: solid 1px #303030;";
  73. echo "float: left;";
  74. echo "margin: 0px 6px 0px 0px;";
  75. echo "padding: 9px 13px;";
  76. echo "background: #ffffff;";
  77. echo "color: #343434;";
  78. echo "background: -webkit-gradient(linear, left top, left 25, from(#ffffff), color-stop(4%, #eeeeee), to(#ffffff));";
  79. echo "background: -moz-linear-gradient(top, #ffffff, #eeeeee 1px, #ffffff 25px);";
  80. echo "-moz-border-radius: 5px;";
  81. echo "-webkit-border-radius: 5px;";
  82. echo "";
  83. echo "}";
  84. echo "";
  85. echo ".submit {";
  86. echo "width: 120px;";
  87. echo "margin: 0;";
  88. echo "padding: 8px 13px;";
  89. echo "font-weight: bold;";
  90. echo "text-shadow: 1px 1px 1px #484848;";
  91. echo "color: #ffffff;";
  92. echo "cursor: pointer;";
  93. echo "-moz-border-radius: 5px;";
  94. echo "-webkit-border-radius: 5px;";
  95. echo "background: #6f6f6f;";
  96. echo "border: solid 1px #303030;";
  97. echo "}";
  98. echo "";
  99. echo ".submit:hover {";
  100. echo "background: #636363;";
  101. echo "}";
  102. echo "";
  103. echo ".linki {";
  104. echo "margin: 0;";
  105. echo "padding: 5px 0px 0px 0px;";
  106. echo "clear: both;";
  107. echo "}";
  108. echo "";
  109. echo ".close {";
  110. echo "vertical-align: middle;";
  111. echo "margin: 0px 3px 0px -16px;";
  112. echo "padding: 0;";
  113. echo "}";
  114. echo "/* Wysuwany panel logowania jQuery KONIEC*/";
  115. echo "";
  116. echo "</style>";
  117. echo "<head>";
  118. echo "<script type='text/javascript'>";
  119. echo "$(document).ready(function(){";
  120. echo "$('#login-toggle').click(function() {";
  121. echo "$('#login-content').slideToggle(300, function() {";
  122. echo "$('#login-toggle p').toggle();";
  123. echo "});";
  124. echo "});";
  125. echo "});";
  126. echo "</script>";
  127. echo "</head>";
  128. echo "";
  129. echo "<!-- Wysuwany panel logowania jQuery START-->";
  130. echo "<!-- Szanuj Prawa autorskie poniżej nie zmieniaj nic ani nie usuwaj -->";
  131. echo "<div id='login'></a>";
  132. echo "<div id='login-slide'>";
  133. echo "<div id='login-content'>";
  134. echo "";
  135. echo "<form name='loginform' method='post' action='news.php'>";
  136. echo "<input type='text' class='field' name='user_name' style='width:155px' value='Nazwa użtkownika¦' onfocus='if (this.value == 'Nazwa użytkownika¦') {this.value = '';}' onblur='if (this.value == '') {this.value = 'Nazwa użytkownikaâ¦';}' />";
  137. echo "<input type='password' class='field' name='user_pass' style='width:155px' />";
  138. echo "<input name='login' value='Zaloguj mnie' class='submit' type='submit'><br>";
  139. echo "</form>";
  140. echo "<div class='linki'>";
  141. echo "<a href='lostpassword.php'>Zapomniałeś hasła?</a> | <strong><a href='register.php'><u>Zarejestruj się</u></a></strong>";
  142. echo "</div>";
  143. echo "</div>";
  144. echo "</div>";
  145. echo "<div id='login-toggle'>";
  146. echo "<p>Zaloguj się</p>";
  147. echo "<p style='display: none;'><img class='close' src='http://img267.imageshack.us/img267/3114/closey.png' alt='' />Ukryj panel</p>";
  148. echo "</div>";
  149. echo "</div>";
  150. echo "<!-- Wysuwany panel logowania jQuery KONIEC-->";
  151.  

©