科訊6.0萬能列表DIV+CSS教程
科訊6.0實在是太牛B了,尤其是其中的萬能列表標簽!雖然一開始我還沒有適應,但適應之后,我發現,這簡直是太牛B了,因此,我制作了一個萬能標簽,可以用在你全站的任何地方的這樣一套CSS和標簽代碼。廢話不說,上教程!
CSS代碼:
/*控制LI,行高22像素,高度22像素,顏色為橙色(用于前面的點),隱藏溢出(防止字數過多折行)*/
.link_date li{ line-height:22px; height:22px; color:#f60; overflow:hidden;}
/*控制日期,居右,顏色(自行調整),解決IE6\7的BUG(hack)*/
.link_date li span { float:right; color:#9CA1C0; *margin-top:-22px;}
/*去掉文章列表中的[圖文]之類的顯示,如果你有需要,可以去掉這一行*/
.link_date font { display:none;}
循環代碼一(帶日期,帶小點):
< ul class="link_date" >[loop={@num}]
< li >·< span >{@adddate}< /span >< a href="{@linkurl}" target="_blank" >{@title}< /a >< /li >[/loop]
< /ul >
循環代碼二(不帶日期,帶小點)
< ul class="link_date" >[loop={@num}]
< li >·< a href="{@linkurl}" target="_blank" >{@title}< /a >< /li >[/loop]
< /ul >
循環代碼三(帶欄目,帶日期,帶小點)
< ul class="link_date" >[loop={@num}]
[loop=22]
< li >·< span >{@adddate}< /span >< a href="#" >[{@classname}]< /a > < a href="{@linkurl}" target="_blank" >{@title}< /a >< /li >[/loop]
< /ul>
這里需要注意的是,那個中括號需要放在鏈接里面,否則中括號的顏色會和小點的顏色一樣。欄目鏈接和文章標題之間有一個空格,否則會連在一次,不好看。
不帶點的可以把點去掉。
至于控制幾行可以在標簽中設置。
控制幾列可以為外面的DIV加一個CLASS或者ID,用那個來控制幾列。實例代碼如下:
#about_m_1_b_list .link_date { width:464px; overflow:hidden;}
#about_m_1_b_list .link_date li { float:left; width:49%;}
#about_m_1_b_list 就是外面的DIV的ID,具體可以在模板中自己隨意設計。
- ·09/08如何讓JS廣告不再影響網站打開速度?
- ·09/08孤風SEO:三大搜索引擎縱向對比
- ·09/04孤風:SEO是個什么玩意兒——關鍵詞難易度
- ·08/29孤風:SEO是個什么玩意兒——目標關鍵詞
- ·08/26孤風:SEO是個什么玩意兒——新站收錄
- ·05/20歷時5個季度,我轉到了100塊錢!
- ·04/30客戶請勿注冊“.中國”中文域名!
- ·04/02關于四月二日上午本網站打不開的解釋
- ·03/27哪里來的磚家?看這幫傻逼磚家的網絡鬧!
- ·03/24全國各大域名注冊商的域名管理地址