<style type="text/css">
.schmenu{height:33px; line-height:33px; background:#636871; width:100%; margin:0 auto; overflow:hidden;}
.schmenu ul{width:1180px; margin:0 auto; overflow:hidden;}
.schmenu ul li{float:left;list-style:none;}
.schmenu ul li a{height:33px; line-height:33px; display:block;color:#fff; font-size: 13px; padding: 0 10px;text-decoration: none;}
.schmenu ul li a:hover{color:#fff; background:#000; text-decoration:none;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
</style>
<div class="schmenu">
<ul>
{eyou:user type='open'}
{eyou:user type='cart'}
<li> <a href="{$field.url}" id="{$field.id}" >购物车(<font color="red" id="{$field.cartid}">0</font>)</a> </li>
{$field.hidden} {/eyou:user}
{eyou:user type='login'} <li> <a href="{$field.url}" id="{$field.id}" >登录</a> </li> {$field.hidden} {/eyou:user} {eyou:user type='reg'} <li> <a href="{$field.url}" id="{$field.id}" >注册</a> </li> {$field.hidden} {/eyou:user} {eyou:user type='logout'} <li> <a href="{$field.url}" id="{$field.id}" >退出</a> </li> {$field.hidden} {/eyou:user}
{/eyou:user}
</ul>
</div>
给你一个例子。自己参考 如果html都不懂 的确有点难了。
效果就是在顶部出现一个导航条