• Page 1 of 1
  • 1
Forum moderator: bigblog  
Beautiful login form + personal account for ucoz
AdminDan
Posts: 46
Reputation: 5

Message # 1 | 4:51 AM
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
Cyberdasm
Posts: 640
Reputation: 7

Message # 2 | 3:50 AM
AdminDan, can i make the font color to Blue?
And can i put the code of the new log-in form?

1F4BF3B
Post edited by dense0293 - Tuesday, 2013-03-26, 3:54 AM
Ed05
Posts: 556
Reputation: 7

Message # 3 | 9:06 PM
i put this form on my site and when some one register and try to log in on site its says 'pasword or nickname incorect'
!
steven4u
Posts: 81
Reputation: 8

Message # 4 | 6:56 PM
works for me
thank's , it's realy awesome !!! biggrin

A person who never made a mistake never tried anything new
AdminDan
Posts: 46
Reputation: 5

Message # 5 | 8:33 AM
Ed05, dense0293, It working fine for everyone ... You can change the color or anything you want . Even the Images can be changed. biggrin
Visit and Register with our website now !![ Looking for Posters and up-loaders ]
http://www.tinymb.com
Ed05
Posts: 556
Reputation: 7

Message # 6 | 1:35 AM
Its working,the problem is in typing nickname instead e mail, this log form acepting only email .
!
Zevoxa
Posts: 237
Reputation: 4

Message # 7 | 5:20 AM
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. ^_^
Ed05
Posts: 556
Reputation: 7

Message # 8 | 8:13 PM
Hm, this works ok but i need something new and other users need the same i think smile I need login form in the heder of website, droping login form.I was looking for that script all over ucoz forum but i did not find it :/ Help? smile
!
Post edited by Ed05 - Monday, 2013-06-03, 8:14 PM
Xayaan
Posts: 558
Reputation: 13

Message # 9 | 5:47 AM
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
Ed05
Posts: 556
Reputation: 7

Message # 10 | 6:53 PM
Ok i will try to find..
!
jehobith
Posts: 18
Reputation: 0

Message # 11 | 6:01 AM
How to make it when you click on my profile a pop up window appears instead of opening a new window?
Sunny
Posts: 9296
Reputation: 456

Message # 12 | 10:22 AM
jehobith, go to Control Panel -> Users -> Module settings -> Open user's personal page and choose "In a new window (formatted)".
I'm not active on the forum anymore. Please contact other forum staff.
jehobith
Posts: 18
Reputation: 0

Message # 13 | 8:27 PM
Ok thanx Sunny that worked. is there also a way for when a user clicks on "my mailbox" a pop up window appears too?
Sunny
Posts: 9296
Reputation: 456

Message # 14 | 8:05 AM
jehobith, what do you mean by "my mailbox"? Private messages?
I'm not active on the forum anymore. Please contact other forum staff.
jehobith
Posts: 18
Reputation: 0

Message # 15 | 10:21 AM
this part of the code: <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/14">My mailbox </a>

When a user clicks on the "my mailbox" link, how can i make it also to be a pop-up window?
  • Page 1 of 1
  • 1
Search:
Support
Need help? Contact our support team via the contact form or email us at support@ucoz.com.