告示版
創用 CC 授權條款
著作係採用創用 CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款授權.

Tantibus VenatorBlogger部落格率先更新


江湖人  某者痞客邦部落格率先更新

 

 

  承上篇ANOBII網路書櫃貼紙語法設定教學

 

  原本是不打算再貼第二篇佔篇數,但想一想做了個劃分為進階版好了。

 

  先為以上的基本程式碼做說明:

<!-- Badge begins. The badge consists of two sections: style and HTML -->

<!-- This is the style section. If you want, you can move it to the header section or CSS -->

<style type="text/css">

/* ------[ For the whole badge ]------ */

#badge a:hover {}

#badge a:link {}

#badge a:active {}

#badge a:visited {}

#badge {padding: 10px 5px 10px 5px; width: 200px; border: 1px solid #cccccc;}

/* ------[ For each item in the badge ]------ */

#badge .item_cell {list-style: none; text-align: center; padding: 5px; margin: 0px;}

#badge .cover {}

#badge .cover img {border: 1px solid #cccccc; padding: 3px; background-color: #f7f7f7;}

#badge .title {text-indent: 0;padding: 0; margin: 0;}

#badge .subtitle {}

#badge .author {} 

/* ------[ The bottom part ]------ */

#badge .link_cell {list-style: none; text-align: center; padding: 5px; margin: 0px; clear: both;}

#badge .link_cell dt {text-align: center; margin: 0px;}

#badge .link_cell dd a {font-size: 10px; font-family: Verdana;}

#badge .link_cell dd {text-align: center; margin: 0px;}

#badge .link_cell img {border: none;}

</style>

<!-- This is the HTML section of the badge -->

<div id="badge">

<script type="text/javascript" src="http://www.anobii.com/anobi/badge_generator.php?p=0193b96668a21e28a9&language=1,2,3,4&tag=0,5,2,3,8,12,7,4,6,13,10,9&count=5&recent=1&progress=3&title=title&subtitle=0&author=0&img=small&link_to=1&az_site=&a_id="></script>

</div>

<!-- Badge ends -->

這個基礎的anobii網路書櫃的基本程式碼設定:

 

1:顯示最近滙入的5本書;

2:直排顯示;

3:顯示書名;

4:顯示書封為小型;

5:語言種類為英、繁、簡、日;

6:標籤全部;

7:櫃子全部的書。

 

  其中主要的變數在這個部份。

語言language=1,2,
標籤tag=0,6,3,5,8,10,
書數count=5
最近匯入recent=0
progress=3

書名title=title

副標題subtitle=0

作者author=0

圖片img=small

link_to=1

az_site=

a_id=

這部份的設定變數,要看anobii的定值,我無法確定anobii設定那些數值,所以沒法做完全破解,只能做部份解釋。

 

  在上段程式碼中的最末段,在上篇有提到修正為自己書櫃時改的id,之後所接的部份,可以用ctrl+f搜尋。

書數count=5

   紅字5自行設定要顯示的書數。

最近匯入recent=0

  紅字1為固定,0為隨機。

書名title=title

副標題subtitle=0

作者author=0

紅字0為不顯示,1為顯示。

圖片img=small

  紅字small可以改成large或square,但後面需另設定長寛width: 100px,

height: 100px,數字100 請自行依欄位大小調整。




  最後,剩下的調整就請自行參考:css基礎教學

 

 

文/某者 

 

 


 

<!-- Badge begins. The badge consists of two sections: style and HTML -->

<!-- This is the style section. If you want, you can move it to the header section or CSS -->

<style type="text/css">

/* ------[ For the whole badge ]------ */

#badge a:hover {}

#badge a:link {}

#badge a:active {}

#badge a:visited {}

#badge {padding: 10px 5px 10px 5px; width: 200px; border: ridge 5px #000000;}

(外框與橫式)

/* ------[ For each item in the badge ]------ */

#badge .item_cell {list-style: none; text-align: center; padding: 5px; margin: 0px;}

 (字型與書封面間距與排列,插入float:left可以橫式)

#badge .cover {}

#badge .cover img {border: 1px solid #cccccc; padding: 3px; background-color: #f7f7f7;width:

114px;height: 152px;}

  (書封面外框線與框內背景色)

#badge .title {text-indent: 0;padding: 0; margin: 0;}

#badge .subtitle {}

#badge .author {}

/* ------[ The bottom part ]------ */

#badge .link_cell {list-style: none; text-align: center; padding: 5px; margin: 0px; clear: both;}

#badge .link_cell dt {text-align: center; margin: 0px;}

#badge .link_cell dd a {font-size: 10px; font-family: Verdana;}

#badge .link_cell dd {text-align: center; margin: 0px;}

#badge .link_cell img {border: none;}

</style>

<!-- This is the HTML section of the badge -->

<div id="badge">

<script type="text/javascript" src="http://www.anobii.com/anobi/badge_generator.php?

p=01dcb7f527e1b675d3&language=1,2,3,4&tag=0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18

,19,20&count=5&recent=0&progress=3&title=title&subtitle=0&author=1&img=large&link_to=

1&az_site=&a_id="></script>

</div>

<!-- Badge ends -->

 

 

 

 

 

 

 

 

 

 

文章標籤
創作者介紹
創作者 某者 的頭像
某者

江湖人 江湖劒 某者

某者 發表在 痞客邦 留言(8) 人氣()


留言列表 (8)

發表留言
  • 玲玲
  • 很好!果然我不是網路的料.....
    怎麼看都看不懂~
  • 如果你要用的話,
    先申請帳號,
    貼紙程式碼部份我可以再幫你弄,
    貼在BLOG的文章,好像有一部份程式沒有全部出現,
    到時候,你只要直接把語法貼在側欄就可以用.

    某者 於 2014/01/11 00:28 回覆

  • 秋蓉蓉
  • 蓉蓉推
    來幫推一下 ^^
  • 感謝美麗的蓉蓉!
    新年期間有去那邊玩嗎
    我過年期間前後忙到沒時間上BLOG
    等等去您那裡欣賞新地點!!

    某者 於 2014/02/16 17:30 回覆

  • 水靈媽咪
  • 某者~~新年快樂~~~~
    我側欄太多東西..在放就爆了..
  • 哈哈,現在還可以說新年快樂嗎?
    這陣子太忙了,
    都沒上來看看

    某者 於 2014/02/16 17:23 回覆

  • WenLingFei
  • 新年快樂~! ^^
  • 過了一週多了
    還能再說新年快樂嗎?XD

    某者 於 2014/02/16 17:22 回覆

  • WenLingFei
  • 新年過太久了~
    元宵節快樂唷~! ^^
  • 啊啊,元宵快樂,過年前後真的太忙了
    最近又要投入新的工作
    實在沒能抽時間來看看大家!!!

    某者 於 2014/02/16 17:21 回覆

  • 魔術師 林政德
  • 又學到了一招,
    如此棒的文,一定要推推。
    (謎:感謝分享^^
  • 很高興對你有幫助!!

    某者 於 2014/02/24 09:20 回覆

  • poemstop
  • 多謝! 有用上!
    anobii真的好奇怪,怎麼樣都不肯修理那個功能。
  • 對啊,ANOBII那個功能壞了很多年,
    我也有寄信通報,但沒消息,
    能夠對你有幫助,實在是太好啦

    某者 於 2014/03/06 14:44 回覆

  • Miki
  • 哎呀!!看某~~~~
  • 哈哈,複制貼上就對了!!!!!
    基本設定都有,只是很陽春

    某者 於 2014/05/01 09:36 回覆