九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

可以使用水平菜單來創(chuàng)建分類或頁面的菜單是一個不錯的辦法，這樣一來就可以高亮突出網(wǎng)站中所處的區(qū)域了。許多網(wǎng)頁設計者會在標題欄下放置一個水平菜單，多多少少能夠引起訪客注意。

水平菜單具有HTML列表的特征，也就是它們以水平方式而不是豎直方式呈現(xiàn)的，但它們仍舊是列表。CSS的呈現(xiàn)風格能讓列表項目顯示在一行中，而無需各自占據(jù)一行。

由于水平菜單就是水平方向呈現(xiàn)的列表，那么就讓我們從列表開始說起。

創(chuàng)建水平菜單

以下為水平菜單的一個簡單列表。我們建議你保證其簡潔為妙，因為過多的菜單項目會導致菜單超出屏幕范圍，以致布局出現(xiàn)問題。我們將該列表包括在一個名為navmenu的部分之中。

正如你所看到的，在列表中我們包括進了一個主頁及若干分類的PHP標簽，另外還有一個WordPress的鏈接。列表看起來如下，是以最簡單的形式呈現(xiàn)的：

• HOME
• RECIPES
• TRAVEL
• WORDPRESS

你還可以使用wp_list_categories()模板標簽來羅列分類。如果你只要列出分類1，3，4和5而去除其他分類的話，那么列表看起來就應該是下面的樣子：

放置新列表的位置可能就在header之下。在WordPress v1.5中，打開當前使用的WordPress主題文件夾中的header.php文件。將代碼粘貼到文件底部的header DIV之后，接著保存文件即可。

對于WordPress v1.2來說，請打開index.php文件并找到header部分的結尾，并將列表代碼置于此。

使用CSS

默認情況下，列表是以豎直方式顯示的，各項目獨占一行。每行之前還可以放上一個小圖片，即所謂的項目隔點。在你的風格頁中，我們需要向navmenu添加一個reference，而第一步就是刪除項目隔點，并將列表的邊距和間隔調整為0。

#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

如果你保存并上傳了風格頁，就在你的網(wǎng)頁瀏覽器中刷新一下頁面做個測試?，F(xiàn)在，如果一切正常的話，就應當能看到列表不再具有項目隔點和縮進了。

這里我們需要使用某種技巧使得此列表呈水平方向顯示。我們需要向列表項目自身添加style reference。

#navmenu ul {margin: 0; padding: 0; 	list-style-type: none; list-style-image: none; }#navmenu li {display: inline; }

由于這些是鏈接，所以我們必須花點時間來清理這些鏈接的外觀。對此列表你可以使用多種手段來進行風格定制，但目前我們要做的是為鏈接列表添加適當間隔，這樣它們就不會擠在一起，然后我們要移除默認的鏈接下劃線，并修改鏈接的鼠標懸停色。

#navmenu ul {margin: 0; padding: 0; 	list-style-type: none; list-style-image: none; }#navmenu li {display: inline; padding: 5px 20px 5px 20px}#navmenu a {text-decoration:none; color: blue; }#navmenu a:hover {color: purple; }

現(xiàn)在讓我們?yōu)樗讲藛瘟斜砑狱c料了?？纯茨隳芊窨闯鐾庥^方面有什么變化。

#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }#navmenu li {display: inline; }#navmenu ul li a {text-decoration:none;  margin: 4px;

padding: 5px 20px 5px 20px; color: blue; background: pink;}

#navmenu ul li a:hover {color: purple;	background: yellow; }

如果我們按照正確方法完成了所有的步驟，那么列表看起來就是下面的樣子：

不使用CSS

需要注意的一點是，以上所有操作將會因為CSS被關閉而失敗：< li>列表仍會以豎直方式布局，而不是水平樣式。

所以，如果要對此類瀏覽器也適用的話，就要使用：

< p>Archives:<?php wp_get_archives('format=custom&show_post_count=1&type=yearly&after=;'); ?>Categories:<?php echo str_replace('
',';', wp_list_categories('style=&show_count=1&echo=0'));?>< /p>