最新公告
04/05|最近都在瘋遊戲,網誌回應暫時到4月5日嚕!
02/18|天氣好冷喔!Baby們也要注意身體別感冒喔
02/13|再過一天就是情人節嚕!先祝大家情人節快樂

 
這一篇是教學自定欄位,因為剛好有北鼻在留言板發問關於音樂播放器可不可以移動到我的地盤前面,以前設計樣式的時候兔兔很喜歡搬動最新文章最新回應等等這些區塊,不過就是沒搬過資料夾單一個連結區塊,自從搬到痞客幫以後,痞客有自定欄位的功能,連結可以隨意移動,就上網爬文無名有沒有類似的方法,終於找到一點資訊啦!


0.PNG
無名自由欄位設定
0.PNG



從圖中取得了音樂播放器的編碼是iframe6103069,假設要移動到第一圖片畫面中的位置就必須加上下左右的語法,也就是
#iframe6103069
 {position:absolute;top:130px;right:20px;width:180px!important;height:20px!important;} 
紅色文字代表單一連結標籤碼
 #iframeXXXXXX 編碼七位數字由原始檔取得
咖啡色代表移動語法
TOP 上
BOTTOM 下
LEFT 左
RIGHT 右
藍色文字代表掛件寬高
width 寬度
height 高度


0.PNG
痞客自由欄位設定
0.PNG



從圖解可以取得時計的編碼為box372429,加入移動語法
#box372429
{position:absolute ;top:10px;right:26px;}
藍色文字代表自由欄位編碼
 #boxXXXXXX 編碼六位數字由原始檔取得
紫色文字是移動語法
top=上
right=右
隱藏時計標題
#box372429 .box-title {DISPLAY: none}


49cce713d6905.gif這樣一來就可以隨意移動你的資料夾連結區塊了,不用再設限部落格設定的樣子,是不是很方便呢?希望這次的教學可以幫助到想要使用移動欄位的寶貝們嚕!

bluegirl73623 發表在 痞客邦 PIXNET 留言(17) 人氣()


留言列表 (17)

發表留言
  • Axubabu
  • 這東西真的很實用呢! 拿來寫樣式的時候也很棒ˇ
    其實我很少用 都有點忘了! 謝謝分享 喚起了我的記憶XD
  • ●Axubabu

    我ㄧ開始也不知道無名可以使用,是後來查知識+才發現的
    還挺不ˇ錯的說[img:http://pic.pimg.tw/bluegirl73623/4b5eb2a7b1c60.gif]

    bluegirl73623 於 2010/02/11 20:23 回覆

  • 花
  • 謝謝分享

    偷偷記下來: )
  • abcdgina60821
  • 成功了 謝謝你的教學˙:))
  • c.c.
  • 哈囉~~你好我有好多問題想請教你~~

    我的是無 名但我不是要移動撥放音樂的我要移動月曆請問怎麼弄感恩喔~~還有阿可不可以幫我做一個像你這麼可愛的樣式呢?!但是我只要一排連杰列然後我文章的區塊希望大一些~~感恩喔!!!
  • 行事曆標籤.calendar 替換掉#iframe6103069
    試試看嚕!

    bluegirl73623 於 2010/04/05 15:10 回覆

  • c.c.
  • 哈囉

    不好意思我不懂你的意思ㄟ......不好意思啦我電腦很差勁尤其對與法那種的TAT
  • Rumi
  • 好酷唷~~
  • 琳:D
  • 超酷的:)))
  • 采★
  • 請問一下
    資料夾也可以這樣嗎?
  • 月橘
  • 謝謝你

    齁齁~很實用的語法應用
    謝謝你的教學^_^
  • ㄚ圓
  • 真的超棒的> <
    謝謝分享:)))
  • 漂亮寶貝
  • 我拿走了唷
    謝謝
  • 食我鬼
  • 哈哈哈,終於可以亂移動辣>w<
    謝謝兔子分享(樂)
  • :)
  • 怎麼辦
    不太會用
    也找不到編碼
    我的尋找 也只有 大小寫異同
    沒有其他兩個選項=((
  • 訪客
  • 我不懂@@??
    要怎一動
  • FBI
  • YOUR BLOG IS SO WONDERFUL....
  • gucci2011新款包目錄
  • 有用,,,多謝了
  • 楓翼天空
  • 我還是聽不太懂ㄝ==我的無名很單調,也很想用與法,但我根本不會用,目前只換由標語法,我是把與法複製到css與法上就出現可愛游標,但自由移動蘭會我還是不懂,請問有何方能能簡單易點嗎?