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


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 的頭像
bluegirl73623

ღLove 兔兔*≧﹏≦*

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