免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [教學] 仿搜狐论坛贴内首字自动变大的美化方法 [打印本頁]
作者: bonimon    時間: 2010-12-2 11:32     標題: 仿搜狐论坛贴内首字自动变大的美化方法

插件说明 : 內容的文字第一行第一個字发帖时自动变大，看內容更加有規律。适用风格7.0（包括SCLUB） 7.1 7.2

需要修改的文件 : ./css_common.htm .
                        /viewthread_node.htm
修改方法： templates/default/css_common.htm
在最下面加入以下代码：
  1. .fp:first-letter {font-size:160%;float:left; margin-right:3px; Line-height:1.1em;}
複製代碼
其中: 160% 是第一個字的大小，可以自行更改。

templates/default/viewthread_node.htm 找到下面的代码：
  1. $post[message]
複製代碼
替换为
  1. <div class="fp" style="font-size: 14px;line-height:22px">$post[message]</div>
複製代碼
最后一定要更新模版缓存和CSS缓存，发帖看效果吧！（IE6里没有效果，适合IE7、IE8、火狐）

更多风格、代码尽在蓝氏论坛



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/) Powered by Discuz! 7.2