DEDE无简略标题时显示完整标题
新聞的標(biāo)題需要進(jìn)行字?jǐn)?shù)限制,這就需要加入一個(gè)title屬性,讓鼠標(biāo)放上去的時(shí)候顯示完整標(biāo)題。另外目前的調(diào)用只能同時(shí)調(diào)用一種標(biāo)題方式,不過(guò)可 以采用以下方法,進(jìn)行判斷,無(wú)簡(jiǎn)略標(biāo)題顯示完整標(biāo)題。例如dede早期版本中的”有來(lái)源顯示來(lái)源,無(wú)來(lái)源不顯示”、”有作者顯示作者,無(wú)作者不顯示”。
這是有長(zhǎng)標(biāo)題顯示長(zhǎng)標(biāo)題,無(wú)長(zhǎng)標(biāo)題則顯示短標(biāo)題,需要反過(guò)來(lái)用的,可以把shorttitle和title互換一個(gè)位置.
方法一:
{dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];{/dede:field}?????
方法二:
?
方法二(附):
[field:array runphp='yes'] if (@me['title']=='') @me=@me['shorttitle'];else @me=@me['title'];[/field:array]?
這個(gè)方法可以在{dede:arclist}標(biāo)簽中套用。
方法三:
有時(shí)標(biāo)題過(guò)長(zhǎng),全部顯示會(huì)導(dǎo)致排版混亂,影響美觀。但顯示一部分又影響用戶體驗(yàn)。我們希望當(dāng)標(biāo)題在一定長(zhǎng)度范圍內(nèi)時(shí),全標(biāo)題顯示,當(dāng)標(biāo)題過(guò)時(shí),只顯示一定 長(zhǎng)度,后面加省略號(hào),然后當(dāng)鼠標(biāo)移上去時(shí)再顯示標(biāo)題的全部?jī)?nèi)容,這樣就即做到了不影響版面的布局,又做到了標(biāo)題內(nèi)容的全部顯示。
這里給出不需要修改程序,只修改模板的方法。舉例,下面的標(biāo)題列表,最長(zhǎng)的標(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>?
很明顯,解決問(wèn)題的關(guān)鍵在于用 [field:title function='( strlen("@me")>34 ? cn_substr("@me",30)."..." : "@me" ) ' /] 代替了原來(lái)的 [field:title /] ,在輸出標(biāo)題時(shí)多了一個(gè)判斷的過(guò)程,先判斷標(biāo)題是否大于34字節(jié),如果大于則只輸出30字節(jié)的長(zhǎng)度,并加上省略號(hào)。而title=" [field:title /]" 則不受影響,鼠標(biāo)移上去時(shí)顯示標(biāo)題的全部?jī)?nèi)容。
方法四:
除上面修改模板的方法外,還有編程或CSS等方法。但能通過(guò)模板解決的問(wèn)題,編程就不必要了。CSS的方法如下:
<a style="width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" title="DedeCMS2007即將發(fā)布" href=" " >DedeCMS2007即將發(fā)布</a>
解釋:width:120px; 限定長(zhǎng)度,text-overflow:ellipsis :當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記...,white-space:nowrap:強(qiáng)制文本在一行內(nèi)顯示,overflow:hidden:溢出內(nèi)容為隱藏。
CSS的方法比修改模板還要簡(jiǎn)單,不過(guò)很遺憾,text-overflow:ellipsis屬性在firefox中是沒(méi)有效果的。所以,還是使用上面的修改模板的方法吧。
dede標(biāo)題鏈接,有則能鏈接無(wú)則不連接
?
轉(zhuǎn)載于:https://www.cnblogs.com/baotou/p/3496088.html
總結(jié)
以上是生活随笔為你收集整理的DEDE无简略标题时显示完整标题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Facebook190亿美元收购What
- 下一篇: 算法总结之欧拉函数中国剩余定理