国产亚洲精品自拍,亚洲va在线va天堂va不卡下载,亚洲av中文无码字幕色本,国产精品久久国产精品},韩国激情一区二区无码在线},亚洲人成网站www

信息動(dòng)態(tài)

網(wǎng)站設(shè)計(jì)是技術(shù)與創(chuàng)意的完美融合!

技術(shù)資訊

DEDE無簡略標(biāo)題時(shí)顯示完整標(biāo)題

2012-11-20 19:45:31

有時(shí)候青島網(wǎng)站制作中,新聞的標(biāo)題需要進(jìn)行字?jǐn)?shù)限制,這就需要加入一個(gè)title屬性,讓鼠標(biāo)放上去的時(shí)候顯示完整標(biāo)題。另外目前的調(diào)用只能同時(shí)調(diào)用一種標(biāo)題方式,不過可以采用以下方法,進(jìn)行判斷,無簡略標(biāo)題顯示完整標(biāo)題。例如dede早期版本中的”有來源顯示來源,無來源不顯示”、”有作者顯示作者,無作者不顯示”。

方法一:
{dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];{/dede:field}
     
方法二:
[field:array runphp='yes'] if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];[/field:array]

這個(gè)方法可以在{dede:arclist}標(biāo)簽中套用。

方法三:
有時(shí)標(biāo)題過長,全部顯示會導(dǎo)致排版混亂,影響美觀。但顯示一部分又影響用戶體驗(yàn)。我們希望當(dāng)標(biāo)題在一定長度范圍內(nèi)時(shí),全標(biāo)題顯示,當(dāng)標(biāo)題過時(shí),只顯示一定長度,后面加省略號,然后當(dāng)鼠標(biāo)移上去時(shí)再顯示標(biāo)題的全部內(nèi)容,這樣就即做到了不影響版面的布局,又做到了標(biāo)題內(nèi)容的全部顯示。

這里給出不需要修改程序,只修改模板的方法。舉例,下面的標(biāo)題列表,最長的標(biāo)題50字節(jié),只想顯示30字節(jié),模板代碼如下:

           <ul>
                {dede:arclist titlelen='50' row='10'}
                <li><a title="[field:title /]" href="[field:filename /]">[field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."..." : "@me" )'/]</a></li>
                {/dede:arclist}
            </ul>

很明顯,解決問題的關(guān)鍵在于用 [field:title function='( strlen("@me")>34 ? cn_substr("@me",30)."..." : "@me" ) ' /] 代替了原來的 [field:title /] ,在輸出標(biāo)題時(shí)多了一個(gè)判斷的過程,先判斷標(biāo)題是否大于34字節(jié),如果大于則只輸出30字節(jié)的長度,并加上省略號。而title="[field:title /]" 則不受影響,鼠標(biāo)移上去時(shí)顯示標(biāo)題的全部內(nèi)容。

方法四:
除上面修改模板的方法外,還有編程或CSS等方法。但能通過模板解決的問題,編程就不必要了。CSS的方法如下:

<a style="width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" title="DedeCMS2007即將發(fā)布" href=" " >DedeCMS2007即將發(fā)布</a>

解釋:width:120px; 限定長度,text-overflow:ellipsis :當(dāng)對象內(nèi)文本溢出時(shí)顯示省略標(biāo)記...,white-space:nowrap:強(qiáng)制文本在一行內(nèi)顯示,overflow:hidden:溢出內(nèi)容為隱藏。

CSS的方法比修改模板還要簡單,不過很遺憾,text-overflow:ellipsis屬性在firefox中是沒有效果的。所以,還是使用上面的修改模板的方法吧。

dede標(biāo)題鏈接,有則能鏈接無則不連接
{dede:list pagesize='15' orderby='weight' orderway='desc'}
        <dl>
         <dt>[field:pubdate function='strftime("%Y/%m/%d",@me)'/]</dt>
         <dd>
   
[field:array runphp='yes'] if (@me['body']=='') @me=@me['title'];else{ @me = '<a href="'.@me['arcurl'].'" title="'.@me['description'].'" target="_blank">'.@me['title'].'</a>';}[/field:array]     
        
        
         </dd>
        </dl>
        {/dede:list}

 

0532-85810878 473587358 掃碼添加微信

掃碼添加微信

掃碼關(guān)注公眾號

官方公眾號

2054585360
陆河县| 手机| 神农架林区| 塘沽区| 醴陵市| 山阴县| 黄平县| 阿拉善右旗| 昭通市| 天门市| 库尔勒市| 望都县| 东阿县| 左权县| 潍坊市| 楚雄市| 榕江县| 太仆寺旗| 西畴县| 周至县| 缙云县| 张家口市| 福鼎市| 芷江| 银川市| 嘉峪关市| 麻江县| 元江| 英德市| 桂林市| 读书| 乐山市| 获嘉县| 阜新市| 淳化县| 孟津县| 库车县| 鹿邑县| 宜昌市| 安远县| 东台市|