網誌效果--圖片加框

這是在韓德爾の原木看到的文章，可以替圖片增加不少效果。其實已經在網誌中使用一段時間，因為最近測試新安裝的F2cont，需要再把效果添進去，於是想說乾脆把常用的效果備忘下來，方便自己，或許也可方便他人。步驟如下：

1.打開你的skin裏的layout.css，在〝日誌內容框〞加上這段代碼：

.Content-body .sideimg {background-color: #F7F7F7!important;border: 1px solid #CCCCCC; margin: 0px; padding: 4px;} 
〈分別為背景顏色、框線寬度樣式顏色、及框線外內距離，可自行修改〉

2.編輯incloud/function.php，在〝格式化日誌內容〞找到這一段：

$content=preg_replace("/alt=\"open_img\('(.+?)'\)\"/is","style=\"cursor:pointer;\"  onclick=\"open_img('\\1')\" alt=\"\\1\"",$content);
$content=preg_replace("/alt=\"open_img\(&#39(.+?)&#39\)\"/is","style=\"cursor:pointer;\"  onclick=\"open_img('\\1')\" alt=\"\\1\"",$content); 
$content=preg_replace("/alt=\"open_img\('(.+?)'\)\"/is","style=\"cursor:pointer;\"  onclick=\"open_img('\\1')\" alt=\"\\1\"",$content);

3.加入class=\"sideimg\"，變成：

$content=preg_replace("/alt=\"open_img\('(.+?)'\)\"/is","style=\"cursor:pointer;\" class=\"sideimg\"  onclick=\"open_img('\\1')\" alt=\"\\1\"",$content);
$content=preg_replace("/alt=\"open_img\(&#39(.+?)&#39\)\"/is","style=\"cursor:pointer;\" class=\"sideimg\"  onclick=\"open_img('\\1')\" alt=\"\\1\"",$content); 
$content=preg_replace("/alt=\"open_img\('(.+?)'\)\"/is","style=\"cursor:pointer;\" class=\"sideimg\"  onclick=\"open_img('\\1')\" alt=\"\\1\"",$content);

引用通告地址: 點擊獲取引用地址
標籤: F2cont 小玩意