DedeCMS自学教程5、顶部添加横向导航。本节以DedeCMS默认风格为例，所以，如果你站点使用的不是默认模板，要灵活调整修改。
1、DedeCMS默认风格里，顶部左边有一段话"织梦CMS – 轻松建站从此开始！",很多朋友想把这段话修改成一个横向登录框，像织梦吧顶部一样。
顶部添加横向登录框 图1″ border=”0″ height=”215″ src=”http://cdn.verydemo.com/upload/2013_06_08/13706449680230.gif” width=”415″ />
图1
2、打开头部公用模板文件templets/default/head.htm,找到如下汉字：
顶部添加横向登录框 图2″ border=”0″ height=”278″ src=”http://cdn.verydemo.com/upload/2013_06_08/13706449680381.gif” >
图2
把上图里汉字，替换为如下登录调用代码， 改后为：
顶部添加横向登录框 图3″ border=”0″ height=”520″ src=”http://cdn.verydemo.com/upload/2013_06_08/13706449680542.gif” >
图3
其实仅仅这段代码还不够，还需要如下代码相辅助才能达到效果：
那么，我这里为什么没有加这段代码呢？这是因为默认主页模板文件index.htm里，已经包涵了这段代码。如果没有，或被自己删除了，请添加在index.htm里之前。
3、打开member/ajax_loginsta.php文件，找到如下代码，
顶部添加横向登录框 图3″ border=”0″ height=”627″ src=”http://cdn.verydemo.com/upload/2013_06_08/13706449680693.gif” >
图4
上图红色框内的代码，即为登录成功后，返回用户信息。多数时候，我们的顶部导航没太宽的地方，以显示这些数据，所有完全没必要全部返回这些信息，可以适当减少几项，并且对div做美化，以达到美观体验。这里，简单做下调整，如下：
顶部添加横向登录框4″ border=”0″ height=”553″ src=”http://cdn.verydemo.com/upload/2013_06_08/13706449680854.gif” >
图5
下载上图已修改好的文件：ajax_loginsta.php：www.***.com/dedecms/dedecms-ad/10832_2.html
下载后替换member目录下的同名文件。更新生成后，可以看到如下效果：
顶部添加横向登录框 图5″ border=”0″ height=”189″ src=”http://cdn.verydemo.com/upload/2013_06_08/13706449681165.gif” >
图6
OK，这样一个顶部横向登录框就制作完了。文章来源地址http://www.d8bbs.com。
接受我们不能改变的一切，改变我们能改变的一切。
