云水论坛
标题:
Discuz!x1.5头部登录框、注册部分搜索框美化代码集锦【整理中】
[打印本页]
作者:
森森
时间:
2011-2-27 09:50
标题:
Discuz!x1.5头部登录框、注册部分搜索框美化代码集锦【整理中】
移动顶部导航项和搜索框的方法。
【顶总导航】
以默认模板为例：在 template\default\common\common.css 中的 #nv li 中增加 margin-top 属性，
例如：margin-top:20px;
20px是下移的量
【搜索框】
以默认模板为例：在 template\default\common\common.css 中的 #sc 中增加 margin-top 属性，
例如：margin-top:20px;
20px是下移的量
-----------------------------------------------------------
头部登录框、注册部分修改方法1
未登陆效果
2011-2-27 11:50 上传
下载附件
(9.39 KB)
登录后效果
2011-2-27 11:50 上传
下载附件
(8.19 KB)
------------------------------------------------------------------
用记事本打开文件template\default\common\header.htm
<!--{subtemplate common/header_common}-->
<!--{if defined('CURMODULE') && ($_G['basescript'] == 'forum' || $_G['basescript'] == 'group') && (CURMODULE == 'index' || CURMODULE == 'forumdisplay' || CURMODULE == 'group')}-->$rsshead<!--{/if}-->
<!--{if $_G['basescript'] == 'forum' || $_G['basescript'] == 'group'}-->
<!--{if $_G['basescript'] == 'forum' && !empty($_G['cookie']['widthauto']) && empty($_G['disabledwidthauto'])}-->
<link rel="stylesheet" id="css_widthauto" type="text/css" href="data/cache/style_{STYLEID}_widthauto.css?{VERHASH}" />
<script type="text/javascript">HTMLNODE.className += ' widthauto'</script>
<!--{/if}-->
<script type="text/javascript" src="{$_G[setting][jspath]}forum.js?{VERHASH}"></script>
<!--{elseif $_G['basescript'] == 'home' || $_G['basescript'] == 'userapp'}-->
<script type="text/javascript" src="{$_G[setting][jspath]}home.js?{VERHASH}"></script>
<!--{elseif $_G['basescript'] == 'portal'}-->
<script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
<!--{/if}-->
<!--{if $_G['basescript'] != 'portal' && $_GET['diy'] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
<script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
<!--{/if}-->
<!--{if $_GET[diy] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
<link rel="stylesheet" type="text/css" href="data/cache/style_{STYLEID}_css_diy.css?{VERHASH}" />
<!--{/if}-->
</head>
<body id="nv_{$_G[basescript]}" class="pg_{CURMODULE}" >
<!--{if ($_G[mod]!='topic' && $_G[group][allowdiy] && !empty($_G['style']['tplfile'])) || (!empty($_G['style']['tplfile']) && $_G[mod]=='topic' && (($_G['group']['allowaddtopic'] && $topic[uid]==$_G[uid]) || $_G[group][allowmanagetopic]))}-->
<a id="diy-tg" href="javascript:openDiy();" title="{lang open_diy}"><img src="{STATICURL}image/diy/panel-toggle.png" alt="DIY" /></a>
<!--{/if}-->
<div id="append_parent"></div><div id="ajaxwaitid"></div>
<!--{if $_GET['diy'] == 'yes' && (CURMODULE == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
<!--{template common/header_diy}-->
<!--{/if}-->
<!--{if empty($topic) || $topic[useheader]}-->
<!--{ad/headerbanner/wp a_h}-->
<div id="hd">
<div class="wp">
以下为（登陆注册部分代码）：
<div class="hdc cl">
<h2><a href="./" title="$_G['setting']['bbname']">{BOARDLOGO}</a></h2>显示logo
<!--{if $_G['uid']}-->
<div id="um">
<div class="avt y"><a href="home.php?mod=space&uid=$_G[uid]" c="34"><!--{avatar($_G[uid],small)}--></a></div>登陆后显示出的头像代码
<p>
<strong><a href="home.php?mod=space&uid=$_G[uid]" class="vwmy" target="_blank" title="{lang visit_my_space}">{$_G[member][username]}</a></strong>
<!--{if $_G['group']['allowinvisible']}-->
<span id="loginstatus" class="xg1">
<a href="member.php?mod=switchstatus" title="{lang login_switch_invisible_mode}" >
<!--{if $_G['member']['invisible']}-->
{lang login_invisible_mode}
<!--{else}-->
{lang login_normal_mode}
<!--{/if}-->
</a>
</span>
<!--{/if}-->
<span class="pipe">|</span><span id="usersetup" class="showmenu" ><a href="home.php?mod=spacecp">{lang setup}</a></span>
<!--{hook/global_usernav_extra1}-->
<span class="pipe">|</span><a href="home.php?mod=space&do=notice" id="myprompt"{if $_G[member][newprompt]} class="new"{/if}>{lang remind}<!--{if $_G[member][newprompt]}-->($_G[member][newprompt])<!--{/if}--></a><span id="myprompt_check"></span>
<span class="pipe">|</span><a href="home.php?mod=space&do=pm" id="pm_ntc"{if $_G[member][newpm]} class="new"{/if}>{lang pm_center}<!--{if $_G[member][newpm]}-->($_G[member][newpm])<!--{/if}--></a>
<span class="pipe">|</span><a href="home.php?mod=space&do=friend">{lang friends}</a> <!--{if $_G['setting']['regstatus'] > 1}--><a href="home.php?mod=spacecp&ac=invite" class="xg1">{lang invite}</a> <!--{/if}-->
<!--{if $_G['setting']['taskon']}-->
<span class="pipe">|</span>
<!--{if empty($_G['cookie']['taskdoing_'.$_G['uid']])}-->
<a href="home.php?mod=task&item=new">{lang task}</a>
<!--{else}-->
<a href="home.php?mod=task&item=doing" id="task_ntc" class="new">{lang task_doing}</a>
<!--{/if}-->
<!--{/if}-->
<!--{hook/global_usernav_extra2}-->
<!--{if $_G['group']['allowmanagearticle'] || $_G['group']['allowdiy'] || $_G['group']['allowauthorizedblock'] || $_G['group']['allowauthorizedarticle']}-->
<span class="pipe">|</span><a href="portal.php?mod=portalcp">{lang portal_manage}</a>
<!--{/if}-->
<!--{if $_G['uid'] && $_G['group']['radminid'] > 1}-->
<span class="pipe">|</span><a href="forum.php?mod=modcp&fid=$_G[fid]" target="_blank">{lang forum_manager}</a>
<!--{/if}-->
<!--{if $_G['uid'] && ($_G['group']['radminid'] == 1 || $_G['member']['allowadmincp'])}-->
<span class="pipe">|</span><a href="admin.php" target="_blank">{lang admincp}</a>
<!--{/if}-->
<span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
</p>
=================
显示积分以及用户组信息
=========================
<p>
<!--{eval $upgradecredit = $_G['uid'] && $_G['group']['grouptype'] == 'member' && $_G['group']['groupcreditslower'] != 999999999 ? $_G['group']['groupcreditslower'] - $_G['member']['credits'] : false;}-->
{lang credits}: <a href="home.php?mod=spacecp&ac=credit">$_G[member][credits]</a><!--{loop $_G['setting']['extcredits'] $extcreditid $extcredit}--><!--{if empty($extcredit['hiddeninheader'])}--> , {$extcredit[img]}$extcredit[title]: <a href="home.php?mod=spacecp&ac=credit" id="hcredit_$extcreditid"><!--{echo getuserprofile('extcredits'.$extcreditid);}--></a> {$extcredit[unit]}<!--{/if}--><!--{/loop}--> , {lang usergroup}: <a href="home.php?mod=spacecp&ac=usergroup"{if $upgradecredit !== 'false'} id="g_upmine" class="xi2" {/if}>$_G[group][grouptitle]</a>
</p>
=================================
</div>
<!--{elseif !empty($_G['cookie']['loginuser'])}-->
<p>
<strong><a id="loginuser" class="noborder">{echo htmlspecialchars($_G['cookie']['loginuser'])}</a></strong>
<span class="pipe">|</span><a href="member.php?mod=logging&action=login" >{lang activation}</a>
<span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
</p>
<!--{else}-->
<!--{template member/login_simple}-->
<!--{/if}-->
</div>
======代码结束
<!--{if !IS_ROBOT}-->
<div id="qmenu_menu" class="p_pop" style="display: none; zoom: 1;">
<!--{if $_G['uid']}-->
<ul>
<!--{loop $_G['setting']['mynavs'] $nav}-->
<!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}-->
<li>$nav[code]</li>
<!--{/if}-->
<!--{/loop}-->
</ul>
<!--{if !empty($_G['style']['extstyle'])}-->
<div class="sslct cl">
<!--{if !$_G[style][defaultextstyle]}--><span class="sslct_btn" title="{lang default}"><i> </i></span><!--{/if}-->
<!--{loop $_G['style']['extstyle'] $extstyle}-->
<span class="sslct_btn" title="$extstyle[1]"><i style='background:$extstyle[2]'> </i></span>
<!--{/loop}-->
</div>
<!--{/if}-->
<!--{else}-->
<p class="reg_tip">
<a href="member.php?mod={$_G[setting][regname]}" class="xi2">{lang qmenu_register}</a>
</p>
<!--{/if}-->
<!--{if $_G['basescript'] == 'forum' && empty($_G['disabledwidthauto'])}-->
<ul class="wslct">
<li><a href="javascript:;" ><!--{if empty($_G['cookie']['widthauto'])}-->{lang switch_wide}<!--{else}-->{lang switch_narrow}<!--{/if}--></a></li>
</ul>
<!--{/if}-->
</div>
<!--{/if}-->
<div id="nv">
<a href="{if $_G['uid']}home.php{else}javascript:;{/if}" id="qmenu" >{lang my_center}</a>
<ul>
<!--{eval $mnid = getcurrentnav();}-->
<!--{loop $_G['setting']['navs'] $nav}-->
<!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav[navid]}class="a" {/if}$nav[nav]></li><!--{/if}-->
<!--{/loop}-->
</ul>
</div>
<!--{if !empty($_G['setting']['plugins']['jsmenu'])}-->
<ul class="p_pop h_pop" id="plugin_menu" style="display: none">
<!--{loop $_G['setting']['plugins']['jsmenu'] $module}-->
<!--{if !$module['adminid'] || ($module['adminid'] && $_G['adminid'] > 0 && $module['adminid'] >= $_G['adminid'])}-->
<li>$module[url]</li>
<!--{/if}-->
<!--{/loop}-->
</ul>
<!--{/if}-->
$_G[setting][menunavs]
<div id="mu" class="cl">
<!--{if $_G['setting']['subnavs']}-->
<!--{loop $_G[setting][subnavs] $navid $subnav}-->
<!--{if $_G['setting']['navsubhover'] || $mnid == $navid}-->
<ul class="cl {if $mnid == $navid}current{/if}" id="snav_$navid" style="display:{if $mnid != $navid}none{/if}">
$subnav
</ul>
<!--{/if}-->
<!--{/loop}-->
<!--{/if}-->
</div>
<!--{ad/subnavbanner/a_mu}-->
</div>
</div>
<!--{hook/global_header}-->
<!--{/if}-->
<div id="wp" class="wp">
=================================================
将以上蓝色代码删除，删除后达到如下样式。
2011-2-27 11:50 上传
下载附件
(26.4 KB)
把此div往上移动的代码。<div class="hdc cl"> //我是下划线红色修改为：
<div class="hdc cl" style="margin-top:-50px;">
加背景的方法：
<div class="hdc cl" style="margin-top:-50px;background-color:颜色自定;background:uri(图片路径) repeat-x ; "repeat-x 表示水平填充。
作者:
森森
时间:
2011-2-27 09:50
未登录的效果。
<!--{template member/login_simple}-> 代码意思是导入未登录时效果的代码页面，template/member/login_simple.htm
---------------------------------------------------
用记事本打开
<!--{if CURSCRIPT != 'member'}-->
<form method="post" autocomplete="off" id="lsform" action="member.php?mod=logging&action=login&loginsubmit=yes&infloat=yes" >
<div class="fastlg cl">此样式改为<div class="fastlg cl" style="width:670px;margin-top:44px;margin-left:240px;">则可以横排不换行
<span id="return_ls" style="display:none"></span>
<div class="y">
<p><a href="member.php?mod={$_G[setting][regname]}" class="xi2">$_G['setting']['reglinkname']</a></p>
<p><a href="member.php?mod=logging&action=login&viewlostpw"
class="xi2"
>{lang getpassword}</a>
</p>注册字符后面回车换行
</div>
<div class="fastlg_fm y pns">
<p>
<!--{if !$_G['setting']['autoidselect']}-->
<span class="ftid">
<select name="fastloginfield" id="ls_fastloginfield" width="45" tabindex="900">
<option value="username">{lang username}</option>
<option value="uid">{lang uid}</option>
<option value="email">{lang email}</option>
</select>
</span>
<script type="text/javascript">simulateSelect('ls_fastloginfield')</script>
<input type="text" name="username" id="ls_username" autocomplete="off"
class="px vm
" tabindex="901" />
蓝色为用户名输入框样式
<!--{else}-->
<label for="ls_username">{lang account}</label> <input type="text" name="username" id="ls_username"
class="px vm
" {if $_G['setting']['autoidselect']} value="UID/{lang username}/Email" {/if} tabindex="901" />
<!--{/if}-->
<input type="checkbox" name="cookietime" id="ls_cookietime"
class="pc"
value="2592000" tabindex="903" /> <label for="ls_cookietime">{lang save_password}</label>控制上下间距？
</p>
<p>
<label for="ls_password"{if !$_G['setting']['autoidselect']}
class="z psw_w
"{/if}>
密码+登陆集体不靠右
{lang password}</label> <input type="password" name="password" id="ls_password"
class="px vm
"
autocomplete="off" tabindex="902" />
密码输入框样式
<button type="submit" class="pn vm"><em>{lang login}</em></button>
</p>
记住密码后面换行符
<input type="hidden" name="quickforward" value="yes" />
<input type="hidden" name="handlekey" value="ls" />
</div>
</div>
未登录对话框代码结束========================
<div id="ls_more" style="display:none">
<h3>
<em class="y"><a title="{lang close}" class="flbc" href="javascript:;">{lang close}</a></em>
{lang safety_verification}
</h3>
<span class="z"><script type="text/javascript">var ls_sechash = '';</script></span>
<!--{if $_G['setting']['seccodestatus'] & 2}-->
{eval
$seccodechecktmp = !empty($seccodecheck) ? $seccodecheck : false;
$secqaachecktmp = !empty($secqaacheck) ? $secqaacheck : false;
$seccodecheck = $_G['setting']['seccodestatus'] & 2;
$secqaacheck = false;
$secshow = 0;
$sectabindex = 904;
}
<!--{if $seccodecheck}-->
<!--{block sectpl}--><div class="mtm mbn c"><em style="display:none"><sec></em><sec></div><div class="pbm bbda xg1 d"><sec></div><!--{/block}-->
<!--{subtemplate common/seccheck}-->
<script type="text/javascript">ls_sechash = '$sechash';</script>
<!--{/if}-->
<!--{eval $seccodecheck = $seccodechecktmp;$secqaacheck = $secqaachecktmp;}-->
<!--{/if}-->
<div class="ftid mtm mbn">
<select id="ls_questionid" width="131" name="questionid" autocomplete="off" tabindex="905" change="if($('ls_questionid').value > 0) {$('ls_answer').style.display='';$('ls_answer').focus();} else {$('ls_answer').style.display='none';}">
<option value="0">{lang security_question}</option>
<option value="1">{lang security_question_1}</option>
<option value="2">{lang security_question_2}</option>
<option value="3">{lang security_question_3}</option>
<option value="4">{lang security_question_4}</option>
<option value="5">{lang security_question_5}</option>
<option value="6">{lang security_question_6}</option>
<option value="7">{lang security_question_7}</option>
</select>
<input type="text" name="answer" id="ls_answer" style="display:none" autocomplete="off" size="36" class="px mtn" tabindex="906" />
</div>
<script type="text/javascript">simulateSelect('ls_questionid')</script>
</div>
</form>
<!--{/if}-->
===================================
2011-2-27 11:56 上传
下载附件
(22.66 KB)
欢迎光临 云水论坛 (http://www.yunshui.net/)
Powered by Discuz! X2.5
