文章頂頁數統計、預覽字色、背景語法

喜歡原創 不隨波遂流!

如有引用請用原文、留言!

重人重他, 讓相處愉快!任何人從任何途徑節錄本人原創語法作學教、分發, 請帶上本 blog logo 連結, 注明出處, 或作一次正確引用, 否則視作侵權, 將考慮交客戶服務部處理! 後果自負!!

*      *      *

不少網友慣用的自定欄位輸入空間巳經爆滿, 請自行掉配空間! 在其他自定欄位輸入語法, 繼續美化!

記得將所需語法全部加入一個自定欄位放於總共一對 <style></style> 之間包着即可!!

升級版正文頂上設有頁數統計及預覽, 猜大部份島主及 bloggers 都不會去細意!

這個設置在版面當眼處, 看上去跟美美的版面不和稭, 更是要美化的時候!

一寸光音一寸金, 本文語法一次過示範多部份效果以供學習, 若一刻未能消化, 請引用回去細閱, 並找到你需要用上的語法部份, 以明快的構思去美化!



欄位名稱、語法動作順序中、英對照! 中文註解於消化後, 請只用英文部份, 省卻語法輸入空間!

*      *      *

圖解:

語法:

/*刪除文章頂預覽欄位*/
#article-top-nav{display:none;}


/*所在篇數字色*/
#article-top-nav .hd em{color:green;}

/*總共幾篇字色*/
#article-top-nav .hd{color:purple;}


/*清除灰色背景及預覽字色*/
#article-top-nav .ft .action-carousel-show{background:none;color:skyblue;}


/*預覽下拉箭咀*/
#article-top-nav .ft .action-carousel-show .ico{display:none;}

*      *      *

在測試時發現不錯效果! 只要消除預覽部份, 忝圖夠高夠濶可一併遮蓋頁數統計, 不需細項調控


如圖: 按圖觀看及取圖片網址 width:272px;height:97px;

語法:
/*預覽欄加圖、消除預覽部份*/
#article-top-nav .ft{background:url(圖片網址);width:濶度數字px;height:高度數字px;}


#article-top-nav .ft .action-carousel-show{display:none;}



如果你的圖沒上圖這麼濶,
可用如下語法:

#article-top-nav .ft{background:url(圖片網址) center no-repeat;height:高度數字px;}

#article-top-nav .ft .action-carousel-show{display:none;}

***測試、制作及編寫下過心機, 用了時間,

引用語法或文章資料請連同我 blog Logo  一併帶走!