|
|
Forum moderator: bigblog |
uCoz Community For Webmasters Custom Solutions Beautiful login form + personal account for ucoz (Script gives you a login form and a Personal Profile NEW) |
Beautiful login form + personal account for ucoz |
Beautiful login form + personal account for ucoz
The Login form looks like this .... ![]() The Profile after you Login will look like this .. ![]() Begin the installation: We add this script in the right or left block of your website. Code <?if($LOGIN_LINK$)?> <div class="BlockCont"> <script type="text/javascript"> sendFrm549786=function(){ var o=$('#frmLg549786')[0],pos=_uGetOffset(o),o2=$('#blk549786')[0]; document.body.insertBefore(o2,document.body.firstChild); $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>'); _uPostForm('frmLg549786',{type:'POST',url:'/index/sub/',error:function() { $('#blk549786').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Unable to execute query, try again later"></div></div>'); _uWnd.alert('<div class="myWinError">Unable to execute the request, try again later</div>','',{w:250,h:90,tm:3000,pad:'15px'}); setTimeout("$('#blk549786').css('display','none');",'1500'); } }); } </script> <div id="blk549786" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s59.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549786" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549786();return false;"> <div class="login_bg"><div class="login_icon"><img src="http://full4dl.ucoz.com/JoinGame/login_icon.png"></div><input style="border:0px;font-family:Tahoma;color:#afafaf;" type="text" name="user" onFocus="if(value=='Username...'){value='';}" onBlur="if(value=='') {value='Username...';}" value="Username..." size="20" style="width:100%;" maxlength="50"/></div> <div class="login_bg" style="margin:2px 0 0 0;"><div class="login_icon"><img src="http://full4dl.ucoz.com/JoinGame/key_icon.png"></div><input style="border:0px;font-family:Tahoma;color:#afafaf;" type="password" name="password" onFocus="if(value=='Password...'){value='';}" onBlur="if(value=='') {value='Password...';}" value="Password..." size="20" style="width:100%" maxlength="15"/></div> <div style="display:none;"> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <tr> <td nowrap><input id="remmain" type="checkbox" name="rem" value="1" checked="checked"/><label for="remmain">Remember</label></td> <td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" type="submit" value="Login"/></td> </tr> </table> </div> <div style="border:0px; border-top:1px solid #ccc; background:#f3f3f3; margin:-5px; margin-top:5px; padding:5px;"> <div style="float:right;"><div class="input_submit alt" onclick="$('#EnterUser').click()" style="padding:5px 10px;"><b>Login</b></div></div> <div><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Lost password',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;" style="color:#999; text-shadow:0px 1px 0px #fff;">Forgot your password ?</a></div> <div><a href="/index/3" style="color:#999; text-shadow:0px 1px 0px #fff;">Register to be a member </a></div> <div style="clear:both"></div> </div><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="786" /></form> </div> <?else?> <div class="BlockCont"> <div style="margin:-5px; margin-bottom:5px; border:0px; border-bottom:1px solid #ccc; background:#fff; padding:5px; color:#000;"> Hello, <b>$USERNAME$</b>! </div> <div style="margin:-5px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding:9px; border:0px; border-right:1px dotted #ccc; background:#f3f3f3;" width="50px" valign="top"> <?if($USER_AVATAR_URL$)?> <img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0" width="50px" class="news_screen1"> <?else?> <img title="$USERNAME$" src="http://full4dl.ucoz.com/JoinGame/177545590.png" border="0" width="50px" class="news_screen1"> <?endif?> </td> <td style="padding:0px;" valign="top"> <a class="Smenu_link" style="color:#444;" href="/index/8">My Profile</a> <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/14">My mailbox </a> <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/11">My Settings</a> <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/10">Logout</a> </td> </tr></table> </div> </div> <?endif?> <style> .login_bg {background:#fff;height:15px;border:1px solid #eaeaea;padding:2px 0 2px 2px;color:#afafaf;font-family:Tahoma;} .login_icon {float:right;height:17px;border-left:1px dotted #d5d5d5;background:#f8f7f7;padding:1px 2px;margin:-2px 0 -5px 0;} .BlockCont,.postop {border:1px solid #ccc; background:#fff; padding:5px; margin:7px 1px 7px 1px; color:#6d6d6d; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} a.Smenu_link:link, a.Smenu_link:visited, a.Smenu_link:active {text-decoration:none; color:#555; display:block; background:#f5f3f3; padding:5px 5px;} a.Smenu_link:hover {text-decoration:none; color:#333; display:block; background:#fff; padding:5px 5px;} .news_screen1 {padding:4px;background:#f0f0f0;border:1px solid #ddd;} div.input_submit {background:#2a3946 url("http://full4dl.ucoz.com/JoinGame/highlight_faint.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff; display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;} div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;} div.input_submit.alt {background:#758a9d url("http://full4dl.ucoz.com/JoinGame/highlight_faint.png") repeat-x 0 0px; border:1px solid #61768a; color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px} div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;} div.input_submit.some {background:#e9e9e9 url("http://full4dl.ucoz.com/JoinGame/highlight_faint.png") repeat-x 0 0; border:1px solid #ccc; text-shadow:#fff 0px 1px 0px; color:#666;} div.input_submit.some:hover {cursor:default; background-color:#f9f9f9; color:#666} </style> All you have to do is to copy paste the code on your website. You can also, change the images and style to your liking if you are good with CSS and HTML. Visit and Register with our website now !![ Looking for Posters and up-loaders ]
http://www.tinymb.com ![]() |
Ed05, dense0293, It working fine for everyone ... You can change the color or anything you want . Even the Images can be changed.
![]() Visit and Register with our website now !![ Looking for Posters and up-loaders ]
http://www.tinymb.com ![]() |
steven4u, please change your avatar as gif's are not allowed as avatars or signatures.
Read more here about this: http://forum.ucoz.com/forum/30-3739-1 Thanks. I would prefer if you called me ErraticFox. ^_^
|
Hm, this works ok but i need something new and other users need the same i think
![]() ![]() !
Post edited by Ed05 - Monday, 2013-06-03, 8:14 PM
|
The uCoz support forum staff / Members cannot help you with third-party scripts. However you can google "uCoz login form" and look for a drop-down login form.
My Skype : xayan123 | My Twitter : @Officialxayaan
uID : - Zayaan Ibrahim | Need a professional design? Check out my Portfolio |
| |||
| |||
Need help? Contact our support team via
the contact form
or email us at support@ucoz.com.