
目前,社會化評論插件被眾多博客所采用,其中多說的使用者最多。多說使用簡單,啟用后只需注冊并設(shè)置一下就可以了。外觀樣式能適應(yīng)大多數(shù)主題模板,本文主要說一下,該插件集成的最新評論小工具,由于不同主題側(cè)邊欄寬度不同,最新評論小工具添加到側(cè)邊欄后,不能適應(yīng)主題側(cè)邊欄寬度,文字或邊框會超出主題寬度,影響美觀。有童鞋問題怎么讓多說的最新評論小工具能完美加到側(cè)邊欄中,下面以Ality主題為例,通過修改默認的外觀樣式來適應(yīng)主題。
將下面的代碼添加到主題樣式文件style.css中即可。
- /** 多說 **/
- #ds-recent-comments li.ds-comment {
- width: 87%;
- font-size: 14px;
- border-top: none !important;
- border-bottom: 1px dashed #dadada;
- word-wrap: normal !important;
- }
- #ds-recent-comments li.ds-comment .ds-avatar {
- margin-top: 10px;
- }
自適應(yīng)主題側(cè)邊欄寬度,上邊框改為下邊虛線框,自動截斷文字。
非Ality的其它主題,可能還需要加上:
- whitewhite-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
用于文字超出自動截斷。
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。