文章底頁數字色、箭咀、透視背景語法

 喜歡原創 不隨波遂流!

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

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

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

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

*      *      *

轉一轉版面發覺原本沒想過要執的部份要整理添!

... 好像一格格的頁數咁 .. 像我這有花紋的背景清一點感覺會清新些!

圖解:

語法:

/*文章簡介底左、右箭咀背景透視、清除格線*/
#pagination-bottom .pg-previous, #pagination-bottom .pg-previous-disabled, #pagination-bottom .pg-next, #pagination-bottom .pg-next-disabled{background:none;border-width:0px;}

/*文章簡介底現在所在頁數變大 16px、粗體、背景透視、字紫色、清除格線*/
#pagination-bottom .pg-current-page{font-size:16px;font-weight:bold;background:none;color:purple!important;border-width:0px;}

/*文章簡介底頁數及 ... 字灰色、背景透視、清除格線*/
#pagination-bottom .pg-page, #pagination-bottom .pg-break{color:grey;background:none;border-width:0px;}

*      *      *

  /*文章簡介底左、右箭咀換圖*/
#pagination-bottom .pg-previous .ico, #pagination-bottom .pg-previous-disabled .ico, #pagination-bottom .pg-next .ico, #pagination-bottom .pg-next-disabled .ico{background:url(圖片網址);}


 以上頁數都可按此語法入圖: 將語法中的 background:none; 改為 background:url(圖片網址); 等

或者改作 background-color: #六位色碼 或 顏色名稱 以轉換背景色


邊框亦可轉換款式 ...

*如非作教學用途, 謝絕素材性引用!!

***測試、制作及編寫下過心機, 用了時間,
引用文章請連同我 blog Logo  一併帶走!