如何在鼠标悬停上创建登录 [英] how to create a login on mouse over

问题描述

亲爱的朋友们，



如何在鼠标上创建登录。



我需要登录与CODE PROJECT相同。请帮忙。当我让鼠标登录时，它应该显示登录。



感谢ADVANCE。

解决方案

< blockquote>

 
 创建 CodeProject 喜欢 login  非常困难。但我会提供一些信息到 创建登录。 
 
将以下类添加到您的css  file  

。 tooltip  {
  float  ：  left;  
  width  ：  24px;  
 高度 ：  24px;  
 边距 ：  0 5px 30px 5px;  
  border  ：  none;  
} 
 
。 member-signin 。 tooltip  >   span  {
  color  ： ＃005782;  
  font-size   ：  14px;  
  border   ：  1px solid transparent;  
  padding  ：  2px 21px 4px 2px;  
  background  ：  url（http://s.codeproject.com/images/circle-right.png）100％50％无重复滚动填充 - 框透明;  
} 
 
。 member-signin 。工具提示。 tooltip-flyout  {
  margin  ：  17px 0 0 -140px;  
  z-index  ：  502！important;  
  border  ：  solid;  
  border-bottom  ：  5px solid＃F90 ;  
  padding  ：  10px ;  
 
 。 紧 {
  margin  ：  0！important;  
  padding  ：  0！important;  
 } 
 
。 member-signin 。 tooltip 。 tooltip-flyout 。 divider-dark  {
  display  < span class =code-keyword>：  inline;  
  padding  < span class =code-keyword>：  10px 3px 4px 0;  
  margin  ：  20px 0px 13px;  
} 
 
。< span class =code-leadattribute> member-signin 。 tooltip 。 tooltip-flyout  。 oauth  {
  background-color  ： ＃F90;  
 颜色 ： 白色;  
  padding  ：  10px 3px 4px 0px;  
} 

现在将以下代码放入您的aspx页面

 <   div    < span class =code-attribute> class   =  float-right >  
 <   a  < span class =code-attribute>   name   =  SignUp >  <   / a  >  
 <   span  < span class =code-attribute>   class   =  member-signin tooltip >  
 <  < span class =code-leadattribute> span  > 登录<   / span  >  
 <   div     class   =  tooltip-flyout >  
& lt; form name =subFormid =subFormaction =check for valid usermethod =postclass =tight> 
& lt; input id =FormNamename =FormNamevalue =MenuBarFormtype =hidden> 
 <   div  > 电子邮件<   / div  >  
 <   div  > & lt; input class =small-texttype =textname =Emailid =Email> <   / div  >  
 <   div  > 密码<   / div  >  
 <   div  > & lt; input class =small-texttype =passwordname =P asswordid =密码> <   / div  >  
 <   div     class   =  action >  
& lt; input type =submitvalue =登录class =signinonclick =return doSubmit（假）;> 
 <   / div  >  
 <   div     class   =  container >  
 <   / div  >  
& lt; / form> 
 <   / div  >  
 <   / span  >  <   / div  >  

这还不行，您必须根据需要自定义您的div并添加一些代码以提供更好的登录弹出窗口您的网站。



希望这有帮助...



享受编码......

Dear Friends,

How to create a login on Mouse over.

I need login same as CODE PROJECT. Please help.When i keep mouse on sign in it should display login.

Thanks in ADVANCE.

解决方案

Hi,

Create CodeProject like login is very difficult. But i will provide some information to create login.

Put following classes to your css file

.tooltip {
float: left;
width: 24px;
height: 24px;
margin: 0 5px 30px 5px;
border: none;
}

.member-signin.tooltip > span {
color: #005782;
font-size: 14px;
border: 1px solid transparent;
padding: 2px 21px 4px 2px;
background: url(http://s.codeproject.com/images/circle-right.png) 100% 50% no-repeat scroll padding-box transparent;
}

.member-signin.tooltip .tooltip-flyout {
margin: 17px 0 0 -140px;
z-index: 502!important;
border: solid;
border-bottom: 5px solid #F90;
padding: 10px;

.tight {
margin: 0!important;
padding: 0!important;
}

.member-signin.tooltip .tooltip-flyout .divider-dark {
display: inline;
padding: 10px 3px 4px 0;
margin: 20px 0px 13px;
}

.member-signin.tooltip .tooltip-flyout .oauth {
background-color: #F90;
color: white;
padding: 10px 3px 4px 0px;
}

Now put following code to your aspx page

<div class="float-right">
<a name="SignUp"></a>
<span class="member-signin tooltip">
<span>Sign in</span>
<div class="tooltip-flyout">
&lt;form name="subForm" id="subForm" action="check for valid user " method="post" class="tight">
&lt;input id="FormName" name="FormName" value="MenuBarForm" type="hidden">
<div>Email</div>
<div>&lt;input class="small-text" type="text" name="Email" id="Email"></div>
<div>Password</div>
<div>&lt;input class="small-text" type="password" name="Password" id="Password"></div>
<div class="action">
&lt;input type="submit" value="Sign in" class="signin" onclick="return doSubmit(false);">
</div>
<div class="container">
</div>
&lt;/form>
</div>
</span></div>

This is not enough, you have to customize your div as per your need and put some code to provide better login popup to your website.

Hope this helps...

Enjoy Coding...

这篇关于如何在鼠标悬停上创建登录的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！