2012年8月9日 星期四

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


 喜歡原創 不隨波遂流!

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

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

記得將所需語法全部加入一個自定欄位放於總共一對 <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 一併帶走!

20 則留言 :

  1. 又有新野玩!謝謝分享!晚安!
    [- 欣 -回覆08/09/2012 21:26:29]哈!唔快D冇No.1 做...我會留意新語法的...thank you!!
    [版主回覆08/09/2012 21:00:57]咁快到 ^^ 把新語法拿去裝飾吧! 但留意不要與你現時用的重叠啊!

    回覆刪除
  2. 將D格仔消失晒美觀好多
    [版主回覆08/09/2012 22:32:58]是呀! 清爽些 ^^ 晚安

    回覆刪除
  3. Akina.. 妳創作甘多版型設計語法; 自己的版面卻簡簡單單..
    好有個人特色, 好欣賞..
    [版主回覆08/09/2012 23:04:50]型版語法我玩過 5、6 台, 分享心得幫到人也開心! 我想我該花多點時間在 flash 和制版方面 晚安!

    回覆刪除
  4. 謝謝 Akina 分享! 很欣賞你創作的網誌.... 我想美化網誌....好難學 ...只能...慢慢來 ....
    [版主回覆08/10/2012 10:52:03]早晨! 逐步美吧! 練習多了會慢慢上手的! 不明可問我 ...

    回覆刪除
  5. 對...享受生活過程才有得着...快樂...回家...
    [版主回覆08/10/2012 10:53:21]早晨! 美的回憶都在生活過程裏 ^^ 週末愉快!

    回覆刪除
  6. 這篇好實用
    [版主回覆08/10/2012 17:18:00]午安! 執左D格仔看上去順啲 ^^

    回覆刪除
  7. 又可...享受生活過程才有得着...

    回覆刪除
  8. 你博客的色調很特別!感謝您的分享!
    [StoryTeller回覆08/12/2012 15:33:40]會思考嘗試,以改善我博客的設計!
    [版主回覆08/11/2012 19:08:12]版用 Ps 繪制加工的 ^^ 你也可把畫作飾裝你的版面呀! 祝週日愉快!

    回覆刪除
  9. 午安安 ! Akina.. Happy dayday !
    [版主回覆08/11/2012 19:08:49]黃昏好! 祝週日愉快 ^^

    回覆刪除
  10. Akina,happy sunday!
    [版主回覆08/11/2012 21:57:21]晚上好! 週日愉快 ^^

    回覆刪除
  11. 你好, 開心又一天, 謝你到訪! Have a nice day....^^
    [版主回覆08/13/2012 21:00:24]開心星期一, 晚安!

    回覆刪除
  12. 妳對電腦語法有心得呢~
    天天愉快 ~
    晚安啦 ~
    [葉子回覆08/14/2012 14:32:17]妳幾似我喎 ~
    但我最新上載的練習, 寫的時候算靜心, 因為我想寫好那張作品, 但總的來說, 我這個星期是不快樂呢~~
    [版主回覆08/14/2012 14:19:51]午安 ^^ 我想說你的字畫有種寧靜的感覺呢! 打錯字 ... 改回 ..

    回覆刪除
  13. 謝謝分享!
    [版主回覆08/14/2012 10:15:11]謝謝到訪! 週二愉快 ^^

    回覆刪除
  14. Pandora 香傭講法文2012年8月14日 上午6:44

    靚^^
    [版主回覆08/14/2012 10:15:48]謝謝! ^^ 天天快樂!

    回覆刪除
  15. 開心又一天喔, 朋友, 你好!

    回覆刪除
  16. 很靚啊!
    簡簡單單…不用看得眼花...
    [版主回覆08/15/2012 11:09:14]早晨! 謝讚 ^^ 等你的靚相

    回覆刪除
  17. 請教一下,
    我把CSS放去自定欄位,但都沒有效果,為什麼?
    [小南Siunan回覆08/15/2012 20:51:04]啊..沒有啊,謝謝你!
    對不起,以後我會的了~!
    [版主回覆08/15/2012 20:44:37]有否把語法加進 <style></style>之間 ... 如果有在輸入後隔幾秒才按制就成, 語法多的等久些 ... 記得這裏是我私人 blog, 取用留言 ^^

    回覆刪除
  18. 夢音Dream Music[DM]2012年8月16日 下午2:45

    為什麼我這樣放css也不行?
    幫幫我修改吧!
    pls


    我是這樣放的:
    body{background-attachment:fixed;} 文章欄位透明 /*透視回覆資料方塊*/ .reply-history .reply-list .comment-item{background:none!important;} . #article-navigation, cover-template, #cover-preview-buttons, #emotion-carousel, #article-list, #pagination-bottom, #article-top-nav, #article-carousel, #article-single, #article-supplement, #article-bottom-nav, #photo-listing .bd, #photo-listing .ft, #photo-detail .bd, #photo-detail .ft, #carousel ol li.empty, .sidebar, #w-profile-status .status-bubble, #view-by-menu .bd, #comment-form, #comment-list .comment-item{background:url(http://i.imgur.com/kdNLd.png);}
    [夢音Dream Music[DM]回覆08/18/2012 20:05:14]ok Thank You
    [版主回覆08/17/2012 18:33:47]格式你看回早期的文章就明了 → http://blog.yahoo.com/_X2QU3DXHEY2SEKDVVSW6FHWEPU/articles/622043
    [夢音Dream Music[DM]回覆08/17/2012 17:20:02]<style></style>是
    <style></style>css....<style></style>嗎?
    [版主回覆08/16/2012 15:56:10]我文有提示把語法放在一對 <style></style>裏面呀!! 你語法裏 body 部份圖片網址也沒有 ... 改成這樣吧 body{background:url(圖片網址) fixed center top;}
    .
    透視主欄亦有新的語法, 看這篇吧! http://blog.yahoo.com/_X2QU3DXHEY2SEKDVVSW6FHWEPU/articles/644781

    回覆刪除
  19. _________♥♥♥♥♥♥♥♥__________♥♥♥♥♥♥
    _______♥♥♥♥♥♥♥♥♥♥♥_______♥♥♥♥♥♥♥♥♥♥
    _____♥♥♥♥♥♥♥♥♥♥♥♥♥♥____♥♥♥♥♥♥♥♥♥♥♥♥♥
    _____♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥_♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    _____♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    ______ ♥♥♥♥♥♥♥♥ HAPPY VALENTINES♥♥♥
    _______♥♥♥♥♥♥♥♥♥♥♥♥DAY♥♥♥♥♥♥♥♥♥♥♥
    _________♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    ____________♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    ______________♥♥♥♥♥♥♥♥♥♥♥♥♥
    ________________♥♥♥♥♥♥♥♥♥
    _________________♥♥♥♥♥♥
    __________________♥♥♥♥
    __________________♥♥
    __________________♥
    [版主回覆08/24/2012 11:23:53]You too ^^ Happy Friday !

    回覆刪除
  20. Hi,你好, 不好意思呀! 我係一個新手, 一時忘記取用後立即留言通知, 對不起! 下次唔會啦.
    我取用咗你的css語法. 你講解得很清楚, 使我很快就明白. 謝謝!!
    我想請教你一下, 訪客欄原本有2 個訪客顯示, 今天唔見咗一個,我想找回 應該點樣做呀? 可否教下我? 還有, 我想找些blog用的背景,邊框的css語法, 請問 可否提供些網址給我找找看. 謝謝!!
    [版主回覆08/24/2012 20:50:45]平心相處就好 ^^ 打皂坊是你吧 ^^
    .
    訪客紀錄經常壞, 又可刪除, 冇葯醫 ... 背景用 google 搜尋就一大堆 ... 邊框語法還沒打算出 post ... 不竟現在玩語法的人又不多呢!

    回覆刪除