• 服務幫助

    當前位置:地方網站工作室 >> 工作室動態 >> 服務幫助 >> 瀏覽文章

    科訊6.0萬能列表DIV+CSS教程

    文章來源:菏澤網站建設  文章作者:我是地方啦  日期:2009年11月12日
    科訊6.0實在是太牛B了,尤其是其中的萬能列表標簽!雖然一開始我還沒有適應,但適應之后,我發現,這簡直是太牛B了,因此,我制作了一個萬能標簽,可以用在你全站的任何地方的這樣一套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,具體可以在模板中自己隨意設計。

    追求卓越 精心締造 菏澤網站建設 地方網絡工作室
    上一篇:優化網站內容編輯工具下載
    下一篇:看菏澤百度代理之電話營銷 上
    相關文章

    我們能為菏澤企業做什么?

    菏澤企業網站建設
    DIV+CSS布局技術、底層SEO規劃設計、菏澤地方網絡工作室為您提供優質網站建設服務!
    SEO網站推廣策劃
    菏澤唯一SEOwhy認證的SEOER,全面的SEO推廣方案,為您量身定制SEO網站推廣策劃!
    國內頂級服務器
    新網互聯、中國頻道、美國主機、韓國主機、地方網絡工作室只提供最優質的服務器主機!
    《書生商友》商機群發軟件
    Booksir,一步到位徹底解決中小企業網絡整合營銷的書生商友營銷引擎!

    公告

    怎么聯系我們?

    手機:18651363941
    地址:由于菏澤生存壓力巨大,本人現未居菏澤,在北京就值。如有業務需要,請直接電聯。
    聯系人:劉峰 高娜
    QQ:61572536
    微信:61572536
    郵箱:guf521@163.com

    服務宗旨

    因為執著 所以專業 追求卓越 精心締造
    售后為先 寧得罪新客戶  不拖拉老客戶
    誠信為本 新互頂級域名空間  暢爽速度
    王中王心水冰坛资料精选 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>