loVe LoVe
最近只是想碎唸…

碎唸那愛情…

關於css分享更改圖片不用問我哦~

好多人都一直問我絕對位置要怎麼去更改,但其實本來的我也是不會的,而是後來因為有人在留言板上詢問我,驅使我去詢找答案,而搜尋很多教學的我,於是就在Miss Dora所分享的文章內學到了!!

至於更改自定欄位的絕對位置,其實是很簡單的,懶懶又沒記性的我,已整理好下列方法,只要按照下列步驟即可完成哦!而除了分享給大家外,最主要的是順便當我的筆記,省得到時我又忘記怎麼用了~哈哈

◎第一步:檢視原始檔 (工具列→檢視→原始檔)

◎第二步:尋找自定欄位的id (範例如下:id就是PLUGIN12979)
<div class="Sideblock" id="PLUGIN12979">




◎第三步:進入css,例用紅色字語法來更改,範例如下
 #PLUGIN12979{
position :absolute;
top:100px;
left::15px;} →top及left,可自行設定距離



Posted by showshow6 at 痞客邦 PIXNET Comments(20) Trackback(0) Hits(1215)


open trackbacks list Trackbacks (0)

Comments (20)

Post Comment
  • 謝謝妳的分享喲!
    晚點試試看。
    ^^
  • 我到原始檔那裡去看!~
    找不到id耶
  • lovelystacy:
    嗯…你可以在自訂欄位的名稱後加#123,也許會比較好找
    例如你的my records欄位就是→#boxFolder25276
  • 我找到原始檔了。
    也試著修改CSS,但是不行耶~
    >"<
    好confused!
  • lovelystacy:
    嗯…你是要移動哪個欄位呢?我幫你試試好了史黛西碎碎碎唸、今日人氣指數…還是…
  • 我是要試「線上人數」這個欄位
  • lovelystacy:是顯示現上有幾人嗎!?最簡單的方式你可以將線人人數的語法,貼入在網誌描述內即可
  • 我試過了~字型會整個變掉!
    版面會走位。
  • lovelystacy:那試試下面這個好了,
    Who's Online Now...改到banner的語法如下,將它貼入css內即可…

    #boxFolder15033{
    position:absolute;
    top:30px;
    left:12px;} 
  • Yeah...成功了!謝謝妳!
  • lovelystacy:恭喜你哦…
  • 哈哈~我師傅小天的教學XXXDDD
    噗噗
  • 如何移掉自訂欄位的標題改用圖片代替內

    你好 請問如何移掉自訂欄位的標題改用圖片代替內
    像你的"show 碎唸閒聊"一樣
    如果用HTML可以寫嗎??
  • artone:呵…其實我不太懂你的問題,基本上可以用display:none:來改哦…
  • 貼圖給你看喔

    sorry 因為我其實也不知道該怎摩稱呼欄位名稱 貼圖給你看喔http://blog.roodo.com/artone/d27976ac.bmp 就我想用其他的字或圖片去取代欄位名稱,還有你有分享"在BLOG幾天的語法"請問只能用JAVA嗎?那怎麼改字的大小或顏色內??
  • artone:
    可以用放圖片的語法測試看看!
    目前只有Jvaa,至於改至的大小,
    我是將前面加上font size
  • 請問你是指將照片的網址比如說background-image: url(http://blog.roodo.com/artone/d7b217ad.gif);
    直接貼在自定欄位的名稱嗎?
    因為我之前有貼java到自定欄位的名稱 結果不小心搞爆他(他好像限定200字元)
    所以現在有點驚驚 哈
    想說問仔細一點
    謝謝你喔
  • artone:
    是貼到自定欄位沒錯
  • Private Comment
  • 請問現在還可以寫假三欄嗎?
    我試了好久 又問GOOGLE大神
    搞了幾個小時還是不得其門而入
    可以教我怎麼寫嗎?
    謝謝

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment