كود حصري ورائع جدا : نافدة الدخول منبثقة

شرح الكود  : الكود كما في الصورة عندما تضغط على كلمة دخول تظهر الناف\ة المنبثفة

الكود:


        css =
'.loginForm,.loginOverlay{position:fixed;display:none}.loginForm{background:#FBFBFB;border:1px
 solid
#CCC;border-radius:3px;padding:5%;top:20%;left:20%;right:20%;z-index:100001;}@media(max-width:500px){.loginForm{background-image:none}}@media(min-width:1000px){.loginForm{left:25%;right:25%}}.loginForm
 .loginTitle{font-size:12px;margin:5px
0;}.loginOverlay{background:url(http://i39.servimg.com/u/f39/18/21/41/30/overla10.png);left:0;top:0;right:0;bottom:0;z-index:100000;cursor:pointer}.loginForm
 div { text-align:center; }.loginForm .inputbox
{font-size:14px;height:25px;width:50%
!important;border-radius:3px;padding-left:30px;}.loginForm
input{margin:5px 0 !important}.loginForm .button1
{font-size:14px;padding:10px 15px !important;width:54%
!important}#fa_username
{background:url(http://i59.servimg.com/u/f59/18/21/60/73/un10.png)
no-repeat 8px center #FFF}#fa_password
{background:url(http://i59.servimg.com/u/f59/18/45/41/65/pw10.png)
no-repeat 10px center #FFF}'