设为首页收藏本站
开启辅助访问 切换到宽版

云水论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
云水论坛»论坛 › 轮指 › 论坛相关 › Discuz!x1.5头部登录框、注册部分搜索框美化代码集锦【整 ...
返回列表 发新帖
查看: 7349|回复: 1
打印 上一主题 下一主题

Discuz!x1.5头部登录框、注册部分搜索框美化代码集锦【整理中】

[复制链接]
森森

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9
跳转到指定楼层
楼主
发表于 2011-2-27 09:50:15 |只看该作者 |倒序浏览
移动顶部导航项和搜索框的方法。
【顶总导航】
以默认模板为例：在 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
未登陆效果
1.jpg
登录后效果
2.jpg

------------------------------------------------------------------
用记事本打开文件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>&nbsp;</i></span><!--{/if}-->
<!--{loop $_G['style']['extstyle'] $extstyle}-->
<span class="sslct_btn" title="$extstyle[1]"><i style='background:$extstyle[2]'>&nbsp;</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">
=================================================

将以上蓝色代码删除，删除后达到如下样式。
  3.jpg

把此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 表示水平填充。

　　你的沉默明亮如灯、简单如指环。

　　论坛其他名字　【云水.墨】　【淡墨瀑雪】
回复

使用道具 举报

森森

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9
沙发
发表于 2011-2-27 09:50:30 |只看该作者
未登录的效果。
<!--{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}-->
&nbsp;<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" />密码输入框样式
&nbsp;<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}-->
===================================

  4.jpg



　　你的沉默明亮如灯、简单如指环。

　　论坛其他名字　【云水.墨】　【淡墨瀑雪】
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|云水网 ( 鲁ICP备09069806号 )

GMT+8, 2024-6-15 18:36 , Processed in 0.034303 second(s), 21 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部