织梦(dedecms)仿站教程第七讲——通用头部（三）会员登陆框(下)

今天主要讲一下登陆后的样式。登陆后的样式文件是member\ajax_loginsta.php。打开这个文件，找到以下代码：

1. <div class="userinfo">
2.     <div class="welcome">你好：<strong><?php echo $cfg_ml->M_UserName; ?></strong>，欢迎登录 </div>
3.     <div class="userface">
4.         <a href="<?php echo $cfg_memberurl; ?>/index.php"><img src="<?php echo $facepic;?>" width="52" height="52" /></a>
5.     </div>
6.     <div class="mylink">
7.         <ul>
8.             <li><a href="<?php echo $cfg_memberurl; ?>/guestbook_admin.php">我的留言</a></li>
9.             <li><a href="<?php echo $cfg_memberurl; ?>/mystow.php">我的收藏</a></li>
10.             <li><a href="<?php echo $cfg_memberurl; ?>/article_add.php">发表文章</a></li>
11.             <li><a href="<?php echo $cfg_memberurl; ?>/myfriend.php">好友管理</a></li>
12.             <li><a href="<?php echo $cfg_memberurl; ?>/visit-history.php">访客记录</a></li>
13.             <li><a href="<?php echo $cfg_memberurl; ?>/search.php">查找好友</a></li>
14.         </ul>
15.     </div>
16.     <div class="uclink">
17.         <a href="<?php echo $cfg_memberurl; ?>/index.php">会员中心</a> |  
18.         <a href="<?php echo $cfg_memberurl; ?>/edit_fullinfo.php">资料</a> |  
19.         <a href="<?php echo $myurl;?>">空间</a> |  
20.         <a href="<?php echo $cfg_memberurl; ?>/index_do.php?fmdo=login&dopost=exit">退出登录</a>  
21.     </div>
22. </div>

 

将上面的代码修改为：

1. <table width="100%" border="0">
2.   <tr>
3.     <td align="center" valign="middle"><a href="<?php echo $cfg_memberurl; ?>/index.php"><img src="<?php echo $facepic;?>" width="20" height="20"/></td>
4.     <td>你好：<strong><?php echo $cfg_ml->M_UserName; ?></strong>，欢迎登录    
5.     <a href="<?php echo $cfg_memberurl; ?>/index.php">会员中心</a> |  
6.     <a href="<?php echo $myurl;?>">空间</a> |                
7.     <a href="<?php echo $cfg_memberurl; ?>/article_add.php">发表文章</a> |              
8.     <a href="<?php echo $cfg_memberurl; ?>/edit_fullinfo.php">资料</a> |                
9.     <a href="<?php echo $cfg_memberurl; ?>/index_do.php?fmdo=login&dopost=exit">退出登录</a>            
10.    </td>
11.   </tr>
12. </table>

 

为了节约时间，在这里我用表格修改了一下， 站长朋友们可以自己修改下CSS样式，此样式文件为templets\default\style\page.css。

再次查看前台：

 

效果还不错，不满意大家自己动手写样式。呵呵，下一讲我们讲LOGO与横幅广告。