仿X3登录框代码（补发） - Sclub模板修改与美化 - 爱秀代码爱代码|icode|sclub代码|discuz7.2代码

发帖

查看: 9万|回复: 2

[教学] 仿X3登录框代码（补发） [复制链接]

爱秀创始人

电梯直达 楼主

icode(无界)发表于 2020-12-19 15:24 | 只看该作者倒序看帖字体大小:

阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

附件：您需要登录才可以下载或查看，没有帐号？立即注册

1、新建模板命名为 login_x 放入下边代码

<style>
/* ~~~~~~~~~~~~~~~~~~~~ x3登录框 ~~~~~~~~~~~~~~~~~~~~ */
#um {padding-right: 60px;_padding-right: 54px;line-height: 2.3;zoom: 1;padding-bottom: 45px;}
#um .avty {display: inline;margin-right: -60px;float: right!important;}
.avty img {padding: 2px;width: 48px!important;height: 48px!important;background: #FFF;border: 1px solid;border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#um p {text-align: right;}
#um .showmenu {margin-right: -5px;}
.showmenu {padding-right: 16px;background: url(../../images/default/arrow_down.gif) no-repeat 100% 50%;cursor: pointer;white-space: nowrap;}
#extcreditmenu, #g_upmine {margin-right: 2px !important;padding-top: 3px;padding-bottom: 3px;padding-left: 10px;}
#g_upmine:hover,#g_upmine_1:hover,#extcreditmenu:hover{z-index: 302;border: 1px solid;border-color: #DDD;border-bottom: none;background-color: #FFF!important;}
#extcreditmenu.a, #g_upmine.a {position: relative;z-index: 302;margin-right: 1px !important;border: 1px solid;border-color: #DDD;border-bottom: none;background-color: #FFF;}
#g_upmine {margin-right: 1px !important;border: 1px solid transparent;}
#extcreditmenu_menu li {line-height: 18px;float: none;display: block;padding-left: 5px !important;padding-right: 1em !important;}
.pbn {line-height: 18px;padding-bottom: 5px !important;}
.mbn {margin-bottom: 5px !important;}
.bbda {border-bottom: 1px dashed #CDCDCD;}
.p_pop a {display: block;padding: 3px 5px;border-bottom: 1px solid #E5EDF2;white-space: nowrap;}
#myprompt_menu.p_pop,#myitem_menu.p_pop {padding: 4px;border: 1px #DDD solid!important;min-width: 60px;background: #FEFEFE;box-shadow: 1px 2px 2px rgba(0,0,0,0.3);}
#myitem_menu li {text-align: left;}
#myitem_menu.p_pop a:hover{color:#369!important;}
#myitem_menu.p_pop li:hover{background:#E5EDF2;}
#g_upmine,#g_upmine_1 {padding-left: 10px;}
.loginform_1 input.txt {color:#999;margin:4px 3px 3px 5px;height:17px; line-height:17px; padding:2px 4px;border-top:#848484 1px solid;border-left:#848484 1px solid;border-right:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid; width:120px;}
.checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
.qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:10px;text-align:center;}
#yzbox {width: 142px;position: absolute;border: 1px solid #ddd;background: #fff;right: 124px;padding: 5px;z-index: 1000;}
#questionid { margin:-1px; }
.selecttype { width:235px;border:1px solid #ddd; overflow:hidden;margin:10px 0;height:auto!important;}
#yzbox input.txt {width:132px;margin:0px;}
.closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
.zd {padding: 0px 13px 38px 5px;border-right: 1px solid #E5EDF2;margin-right: 5px;}
.loginform_1 label {display:inline!important;}
.loginform_1 {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
.lzc a {color: #336699!important;font-weight:700;}
.yzwd {width:100px;display:inline-block;}
#jfmenu.jfhide #jfmenu_menu{display:none;}
#jfmenu.jfshow #jfmenu_menu{display:block;}
#jfmenu_menu p {text-align: left!important;}
#jff {position: absolute;right: 60px;}
#yhmenu.yhhide #yhmenu_menu{display:none;}
#yhmenu.yhshow #yhmenu_menu{display:block;}
.fastlg_l {padding-right: 4px !important;padding: 2px 0 2px 4px;margin-right: 2px;border-right: 1px solid #ddd;}
.fastlg td {padding: 2px 0 2px 4px;}
#layer_lostpw_z{z-index: 9999;top: 30%;position: fixed;left: 35%;}
.dialog{position:absolute; margin:10px;}
.dialog-title {width: 450px;margin-bottom: -30px;position: relative;height: 30px;cursor: move;}
.dialog-chatbar {width: 30px;margin-bottom: -30px;position: relative;height: 30px;cursor: move;}
.dialog-chat {width: 320px;margin-bottom: -30px;position: relative;height: 30px;cursor: move;}
.dialog-gtsgin {width: 300px;margin-bottom: -30px;position: relative;height: 30px;cursor: move;}
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {background: rgb(0, 0, 0);overflow: hidden;opacity: 0.2;}
.t_l, .t_r, .b_l, .b_r {width: 8px;height: 8px;}
.b_l {border-radius: 0px 0px 0px 8px;-moz-border-radius: 0 0 0 8px;-webkit-border-radius: 0 0 0 8px;}
.t_c, .b_c {height: 8px;}
.b_r {border-radius: 0px 0px 8px;-moz-border-radius: 0 0 8px 0;-webkit-border-radius: 0 0 8px 0;}
.m_l, .m_r {width: 8px;}
.m_c .c {padding: 0px 10px 10px;}
.loginform_2 {margin-left: 100px;float: left;margin-bottom: 10px;padding: 20px 0;width: 280px;}
.loginform_2 label {clear: both;overflow: hidden;display: block;margin: 0 0 10px;line-height: 22px;}
.loginform_2 label em, .fsubmit em {float: left;width: 60px;}
.rq {color: red;}
.t_l {border-radius: 8px 0px 0px;-moz-border-radius: 8px 0 0 0;-webkit-border-radius: 8px 0 0 0;}
.t_r {border-radius: 0px 8px 0px 0px;-moz-border-radius: 0 8px 0 0;-webkit-border-radius: 0 8px 0 0;}
.pn_z {vertical-align: middle;overflow: hidden;margin-right: 3px;padding: 0;height: 23px;border: 1px solid #999;background: #E5E5E5 url(http://tlb.258club.com/attachments/month_1408/14082814218890df7182a80aa2.png) repeat-x 0 0;cursor: pointer;-moz-box-shadow: 0 1px 0 #E5E5E5;-webkit-box-shadow: 0 1px 0 #E5E5E5;box-shadow: 0 1px 0 #E5E5E5;border-color: #235994;background-color: #06C;background-position: 0 -48px;color: #FFF !important;width: 55px;}
</style>
{eval $diy=$db->fetch_array($db->query("SELECT * FROM cdb_memberfields WHERE uid=$discuz_uid"));}
<div id="um">
<div class="avty">
<a href="space.php?uid=$discuz_uid">
<img onerror="this.onerror=null;this.src=''" src="$diy[field_2]">
<img src="uc_server/avatar.php?uid=$discuz_uid&size=small" onerror="this.onerror=null;this.src='http://uc.discuz.net/images/noavatar_small.gif'">
</a>
</div>
<p>
<img src="{IMGDIR}/connect_qq.gif" align="absmiddle"/>
<strong class="vwmy qq"><a href="space.php?uid=$discuz_uid" class="noborder">$discuz_userss</a></strong>
<strong class="vwmy qq"><a href="{$GLOBALS['connect_setting']['login_url']}"><img src="{IMGDIR}/qq_bind.gif" align="absmiddle"/></a></strong>
<span id="loginstatus"><a href="member.php?action=switchstatus" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_invisible_mode}</a>
<a href="member.php?action=switchstatus" title="{lang login_switch_invisible_mode}" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_normal_mode}</a></span>
<span class="pipe">|</span><a href="javascript:;" id="myitem" class="showmenu" onmouseover="showMenu({'ctrlid':'myitem'});" initialized="true">我的</a>
<span class="pipe">|</span><a href="memcp.php?action=profile&typeid=2">设置</a>
<span class="pipe">|</span><a href="pm.php" id="pm_ntc">消息</a>
<span class="pipe">|</span>
<a id="myprompt" href="notice.php" class="new" onmouseover="showMenu({'ctrlid':this.id})">{lang notice}{eval $gtnewxx = 0;}
{eval $gtnewxx = $gtnewxx + $promptdata[new];}
($gtnewxx)
</a>
<a id="myprompt" href="notice.php">{lang notice}</a>
<span id="myprompt_check"></span>
<span class="pipe">|</span><a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
</p>
{eval $xinxi3=$GLOBALS[extcredits1]+$GLOBALS[extcredits2]+$GLOBALS[extcredits3];}
{eval $aaa3=floor($xinxi3/10000);}{eval $bbb3="万+";}{eval $aaa3=$xinxi3;}{eval $bbb3="";}
<div id="jff" style="line-height: 25px;">
<span href="javascript:" id="jfmenu" onmouseover="this.className='jfshow'" onmouseout="this.className='jfhide'" class="jfhide" style="cursor: pointer";>
<span id="g_upmine_1" style="margin: 0 0 0 -90px;position: absolute;width: 90px;">
<a href="memcp.php?action=credits" style="background: url(/images/default/arrow_down.gif) no-repeat 100% 50%;padding-right: 16px!important;" >积分: $aaa3$bbb3</a>
<div id="jfmenu_menu" class="popupmenu_popup headermenu_popup" style="margin-left: -11px;border-top: none;width: 110px;position: absolute;z-index: 301;">
<ul>
<p>
$credit[title]: $GLOBALS['extcredits'.$id] $credit[unit]
</p>
</ul>
</div>
</span>
</span>
<span href="javascript:" id="yhmenu" onmouseover="this.className='yhshow'" onmouseout="this.className='yhhide'" class="yhhide" style="cursor: pointer";>
<span class="pipe" style="color: rgb(204, 204, 204);margin: 0px -4px 0px 11px;">|</span>
<span id="g_upmine" style="width: 120px;padding: 5px 0 8px 10px;">
<a href="memcp.php?action=usergroups" style="background: url(/images/default/arrow_down.gif) no-repeat 100% 50%;padding-right: 15px !important;text-align: center;">用户组:
{eval $q2 = $db->query("SELECT groupid FROM cdb_members WHERE uid = " . $discuz_uid);}
{eval $q = $db->fetch_array($q2);}
{eval $q2 = $db->query("SELECT * FROM cdb_usergroups WHERE groupid = " . $q[groupid]);}
{eval $q = $db->fetch_array($q2);}
{echo $q[grouptitle];}
</a>
<div id="yhmenu_menu" class="popupmenu_popup headermenu_popup" style="margin-left: 16px;border-top: none;width: 120px;position: absolute;z-index: 301;">
<ul>
{eval $q2 = $db->query("SELECT * FROM cdb_usergroups WHERE type='member' ORDER BY creditshigher");}
{eval $jfjdinfo=Array();}
{eval $i=0;}
{eval while ($asdfgh=$db->fetch_array($q2)) $jfjdinfo[$i++] = $asdfgh;}
{eval $jifen=$post[credits];}
{eval $jflevel=0;}
{eval $jfnum=0;}
{eval $jflevel=$jflevel+1;}
{eval $jfnum=$jfnum+1;}
{eval $jflevel4=$jflevel+1;}
{eval $jflevel2=$jflevel+1;}
{eval $jfper=floor((($jifen-$jfjdinfo[$jflevel][creditshigher])/($jfjdinfo[$jflevel][creditslower]-$jfjdinfo[$jflevel][creditshigher]))*100);}
<div style="text-align: center;line-height: 20px;">
<div>
{eval $mq=$db->fetch_array($db->query("SELECT * FROM cdb_members WHERE uid=$discuz_uid"));}
<img src="images/default/star_level1.gif">
<img src="images/default/star_level2.gif">
<img src="images/default/star_level2.gif"><img src="images/default/star_level1.gif">
<img src="images/default/star_level3.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level2.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level3.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level3.gif"><img src="images/default/star_level1.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level3.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level2.gif"><img src="images/default/star_level1.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level3.gif"><img src="images/default/star_level1.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level3.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level2.gif"><img src="images/default/star_level1.gif">
<img src="images/default/star_level3.gif"><img src="images/default/star_level2.gif"><img src="images/default/star_level1.gif">
</div>
<style>
.hm {font-weight: normal!important;text-align: center!important;}.hm p {text-align: center!important;}
</style>
<cite class="hm">管理级别：$q[grouptitle]</cite>
<cite class="hm">距离下一级还需
<p class="xi1">
{echo ($q[creditslower]-$credits)} 积分
</p>
</cite>
</div>
</ul>
</div>
</span>
</span>
</div>
</div>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
</script>
<div id="tlbd_1" style="float: right;padding-bottom: 10px;">
<div class="qqlogin left">
<p><a rel="nofollow" href="{$GLOBALS['connect_setting']['login_url']}"><img src="images/default/qq_login.gif" class="vm" alt="QQ登录"></a></p>
<p class="hm xg1" style="padding-top: 5px;">只需一步，快速开始</p>
</div>
<script src="templates/colors/logging.htm"></script>
<div class="fastlogin left">
<form method="post" name="login" id="loginform" class="gateform" action="logging.php?action=login&loginsubmit=yes{if !empty($infloat)}&floatlogin=yes{/if}" onsubmit="return lsSubmit();">
<input type="hidden" name="formhash" value="a45a9ada" />
<input type="hidden" name="referer" value="index.php" />
<div class="fastlg cl">
<input type="hidden" name="loginfield" value="username" />
<span id="return_ls" style="display:none"></span>
<div class="y pns">
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td style="padding: 2px 4px 2px 4px;"><label for="ls_username">帐号</label></td>
<td>
<input type="text" name="username" autocomplete="on" id="ls_username" class="txt" tabindex="1" style="color:#999" placeholder="UID/用户名/Email">
</td>
<td class="fastlg_l"><label for="ls_cookietime"><input type="checkbox" name="cookietime" id="ls_cookietime" class="pc" value="2592000" tabindex="903" style="margin: 0 5px 1px 0;">自动登录</label></td>
<td> <a href="javascript:;" onclick="display('layer_lostpw_z');" title="找回密码">找回密码</a></td>
</tr>
<tr>
<td style="padding: 2px 4px 2px 4px;"><label for="password3">密码</label></td>
<td>
<input type="password" id="password3" name="password" onfocus="clearpwd()" onkeypress="detectCapsLock(event, this)" class="txt" tabindex="1" />
</td>
<td class="fastlg_l">
<button class="pn vm" type="submit" name="loginsubmit" value="true" tabindex="1" style="width: 75px;">登录</button>
</td>
<td> <a href="$regname" class="xi2 xw1" onclick="showWindow('register', this.href);return false;" class="noborder" title="注册帐号">立即注册</a></td>
</tr>
</tbody></table>
<input type="hidden" name="quickforward" value="yes">
<input type="hidden" name="handlekey" value="ls">
</div>
</div>
</form>
</div>
</div>
<div id="layer_lostpw_z" class="dialog" style="display: none;">
<div class="dialog-title"></div>
<table class="fwin_1" cellspacing="0" cellpadding="0" style="width: 500px;">
<tbody>
<tr>
<td class="t_l"></td>
<td class="t_c"></td>
<td class="t_r"></td>
</tr>
<tr>
<td class="m_l">  </td>
<td class="m_c" id="fwin_content_register" fwin="register">
<h3 class="float_ctrl" style="margin: 5px;">
<em id="returnmessage3">{lang getpassword}</em>
<span><a href="javascript:;" class="float_close" onclick="display('layer_lostpw_z');" title="{lang close}">{lang close}</a></span>
</h3>
<div class="postbox">
<form method="post" id="lostpwform" class="s_clear" onsubmit="ajaxpost('lostpwform', 'returnmessage3', 'returnmessage3', 'onerror');return false;" action="member.php?action=lostpasswd&lostpwsubmit=yes&infloat=yes">
<input type="hidden" name="formhash" value="{FORMHASH}" />
<input type="hidden" name="handlekey" value="lostpwform" />
<div class="loginform_2">
<label><em><span class="rq">*</span>{lang email}:</em><input type="text" name="email" size="25" value="" tabindex="1" class="txt" /></label>
<label><em>{lang username}:</em><input type="text" name="username" size="25" value="" tabindex="1" class="txt" /></label>
</div>
<div class="logininfo multinfo"></div>
<p class="fsubmit s_clear" style="margin-left: 100px;">
<em> </em>
<button class="pn_z" type="submit" name="lostpwsubmit" value="true" tabindex="100" style="margin-top: -25px;">{lang submit}</button>
</p>
</form>
</div>
</td>
<td class="m_r"></td>
</tr>
<tr>
<td class="b_l"></td>
<td class="b_c"></td>
<td class="b_r"></td>
</tr>
</tbody>
</table>
</div>

复制

2、找到header模板里的下边的代码全部删除

<div id="umenu">
<cite>
<img src="{IMGDIR}/connect_qq.gif" align="absmiddle" />
<a href="space.php?uid=$discuz_uid" class="noborder">$discuz_userss</a>
<a href="{$GLOBALS['connect_setting']['login_url']}"><img src="{IMGDIR}/qq_bind.gif" align="absmiddle" /></a>
<span id="loginstatus"><a href="member.php?action=switchstatus" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_invisible_mode}</a><a href="member.php?action=switchstatus" title="{lang login_switch_invisible_mode}" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_normal_mode}</a></span></cite>
<span class="pipe">|</span>
<a href="{$uchomeurl}/space.php?uid=$discuz_uid" target="_blank">{lang space_short}</a>
<a href="{$xspaceurl}/?uid-$discuz_uid" target="_blank">{lang space_short}</a>
<a id="myprompt" href="notice.php" class="new" onmouseover="showMenu({'ctrlid':this.id})">{lang notice}</a>
<span id="myprompt_check"></span>
<a href="pm.php" id="pm_ntc" target="_blank">{lang pm_center}</a>
<a id="task_ntc" {if $doingtask}href="task.php?item=doing" class="new" title="{lang task_unfinish}"{else}href="task.php"{/if} target="_blank">{lang task}</a>
<span class="pipe">|</span>
<a href="memcp.php">{lang user_center}</a>
<a href="modcp.php?fid=$fid" target="_blank">{lang modcp}</a>
<a href="admincp.php" target="_blank">{lang admincp}</a>
<a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
<cite><a id="loginuser" class="noborder">$_DCOOKIE['loginuser']</a></cite>
<a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">{lang activation}</a>
<a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
<a rel="nofollow" href="{$GLOBALS['connect_setting']['login_url']}"><img align="absmiddle" src="{IMGDIR}/qq_login.gif"></a>
<a href="$regname" onclick="showWindow('register', this.href);return false;" class="noborder">$reglinkname</a>
<a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">{lang login}</a>
</div>
<div id="ad_headerbanner">$advlist[headerbanner]</div>

复制

删除后替换为下边代码

{subtemplate login_x}

复制

3、在header模板的最下边放入代码

<ul id="myitem_menu" class="p_pop" style="display: none;">
<li><a href="modcp.php?fid=$fid" target="_blank">管理</a></li>
<li><a href="admincp.php" target="_blank">后台</a></li>
<li><a href="my.php?item=threads">帖子</a></li>
<li><a href="my.php?item=favorites&type=thread">收藏</a></li>
<li><a href="my.php?item=buddylist&">好友</a></li>
<li><a href="{$uchomeurl}/space.php?uid=$discuz_uid" target="_blank">{lang space_short}</a></li>
<li><a href="{$xspaceurl}/?uid-$discuz_uid" target="_blank">{lang space_short}</a></li>
</ul>