dedecmsナビゲーション
5203 ワード
- <div id="navMenu">
- <ul>
- <li><a href='{dede:global.cfg_cmsurl/}/'> </a></li>
- {dede:channel type='top' row='10'}
- <li><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a></li>
- {/dede:channel}
- </ul>
- </div>
CSS:
- /* --------- ----------------*/
-
- #navMenu {
- width:960px;
- overflow:hidden;
- height: 48px;
- background-color: #0053AD;
- margin-right: auto;
- margin-left: auto;
- margin-bottom: 5px;
- margin-top: 5px;
- }
- #navMenu ul {
- float:left;
- height: 48px;
- margin-left: 10px;
- }
- #navMenu ul li {
- float:left;
- height: 48px;
- display: block;
- line-height: 48px;
- padding-right: 10px;
- padding-left: 10px;
- }
- #navMenu ul li a {
- color: #FFFFFF;
- height: 48px;
- text-decoration:none;
- display: inline-block;
- position: relative;
- font-size: 16px;
- line-height: 48px;
- font-weight: bold;
- font-family: " ";
- }
- /*... li ......*/
- #navMenu ul li:hover {
- text-decoration:none;
- display: inline-block;
- position: relative;
- background-color: #FF6600;
- }
End !