追蹤
東方的部落格
關於部落格
Painter、漫畫、卡通、玩偶、繪圖、插畫、皮雕、藝術、模型、玩具、棒球、兄棒象、MVP2005、模組…等相關的部落格!我喜歡畫畫,雖然還是初學者!有空進來指教指教囉!!
  • 8510

    累積人氣

  • 0

    今日人氣

    0

    追蹤人氣

「轉貼文章」附註標籤

[名稱] BoxOver

[公司] Swazz

[官網] http://boxover.swazz.org/

[消息來源] Jinn's Tech Blog



好啦,因為消息來源是從Jinn's Tech Blog

然後因為實在是高難度,K.E.自己寫的教學應該不可能比這個好

所以,教學就去Jinn's Tech Blog看吧

>>[教學由此去]<<



K.E.這裡就簡單的來說一下步驟好了,

省的有人要說我偷懶 XDDDD

簡單來說就是

1.下載BoxOver檔案     → 按此下載

2.boxover.js 這個檔案傳到網頁空間

3.把以下這段語法貼在可以套用到全部網誌的位置
   以天空來說就是自訂欄位,然後你想要使用Boxover的網頁都要加入
   <script src="上傳到空間後的boxover.js網址"></script>

4. 從這裡開始才是關鍵
    打文章的時候想要加入附註標籤這個功能的文字就開原始檔
    然後把那個文字加上一些語法改成這樣:
   <div style="width:108px" title="header=[標題] body=[內容]"><b>你想要用的文字</b></div>


5.另外也可以用在圖片的說明上,方法大同小異
   把原始檔打開後,將圖片的語法改成這樣:
   <img src="你的圖片網址" title="header=[標題] body=[內容]">

   註:原始圖片語法大多是  <img src="圖片網址">,
   因此只是加上 title 的這一段語法而已







好啦!經過K.E.大神的簡化版流程講解感覺還是滿簡單的嘛...XD

K.E.自己是搞了一天一夜才把全部的原理都摸熟,包括在Firefox的問題

如果你的BoxOver的浮動小標籤會被旁邊的東西擋住的話,

就在步驟三的語法裡面加上 style="Z-index:10" 這個語法吧!!


這個效果在K.E.的網誌裡面的實際應用在旁邊的連結列

Creative Commons 版權宣告的地方 (版權很重要!!)

那一個圖片的浮動標籤說明就是用BoxOver做出來的

大家看看實際運用的同時也讀一下版權宣告內容吧

相簿設定
標籤設定
相簿狀態