反正就是一整個好玩!!!(  ̄ c ̄)y▂ξ

牛大叔目前的版面,標題就大喇喇寫著,來更換自己的圖片吧! 但是怎麼換呢?

 

011.jpg

 

 

這個版面看起來就很舒服,原來還蠻多p友留言問怎麼放圖片的

步驟如下:

在管理後台

1.樣式選擇->套用

2. 選樣式設計精靈->CSS原始碼編輯

css.jpg

 

 

 

第一行, banner開頭

#banner{    background: url('XXXXXXX') no-repeat left top ;    }

沒錯,就是在url('XXXX') 兩個單引號中間,填上圖片網址即可 (把XXXX換成你要的網址)

例如,我把痞客狐的圖片放進去,預覽

http://p8.p.pixnet.net/albums/userpics/8/8/12088/1174383771.png

pixfox.jpg

 

成功了 :p

但,好像有點大

那是因為在CSS原始碼定義大小是 寬220 px, 高190 px

再往下找就可以看到banner區塊的定義

 

在pixnet的相簿照片連結網址觀察 步驟如下:

inspect.JPG

inspect2.jpg

其中網址那一行,即是圖片的連結資訊啦

 

創作者介紹
創作者 igogo 的頭像
igogo

牛大叔.生活隨筆

igogo 發表在 痞客邦 留言(39) 人氣()


留言列表 (39)

發表留言
  • 芯璇
  • 我喜歡呢
    非常感謝分享^^
  • 有幫到你
    我也感到開心 ^^

    igogo 於 2009/01/11 11:39 回覆

  • kunjorianas
  • 謝謝分享XDDD
    但是要怎麼改圖的大小呢??
  • 你好 :)
    一般的圖片編輯軟体皆有resize功能
    再把圖縮小到上面我說的比例即可

    igogo 於 2009/01/12 10:17 回覆

  • silviayuan
  • 謝謝~
    我超喜歡的!
  • 謝謝 ^^

    igogo 於 2009/01/12 22:53 回覆

  • milkdog
  • 請問要把圖縮到設定的比例圖才會顯示嗎?
    我把圖上傳到免費的相簿空間
    把url貼到css那裡圖依然無法出現
  • 不一定要設定的比例喔
    像我的例子中,用痴客狐圖片的連結,過大也行
    但是我把圖上傳到pixnet的相簿中,圖片的網址也不能顯示,
    所以,建議你再換一個試試
    可以先拿痴客狐測試你的語法是否成功
    祝順利 ^^

    1/13已修正pixnet相簿部份

    igogo 於 2009/01/13 14:12 回覆

  • a0315
  • 哈囉 我又來了
    今天發現樣式只適合字型適中瀏覽,如果用成字型最大,整個部落格標題和介紹就會跑掉 也變得超大~這些地方可以修改成固定大小的字樣嗎?
  • 哈囉
    這個...
    IE的確會有這問題,
    牛大叔都是習慣用firefox, 把字放到最大給小朋友看都沒這問題,所以我只能建議要不要改用firefox
    再難一點的CSS,牛大叔也不懂了 ^^

    igogo 於 2009/01/13 08:28 回覆

  • a0315
  • 那我知道了^^謝謝回答

  • mimi022408
  • 奇怪~我也都顯示不出照片來!!
    圖也resize了, 我是抓相簿照片的網址貼上去的
    請問問題到底出在哪裡呢?
  • 可以請問你想連結的圖片網址嗎?
    如果是pixnet的,我已新增如何觀察在pixnet相片的連結網址部份
    祝順利 ^^

    igogo 於 2009/01/13 14:10 回覆

  • mimi022408
  • 謝謝詳細的回答!
    我用出來了~
    感恩:)
  • birgit1121
  • 請問一定得是痞客幫的相片連結嘛?因為我放flickr的相片卻無法顯示.後來改用痞客狐也無法顯示,orz.不過,還是很感謝您的教學,受益良多.^^
  • 不用喔 ^^
    可以給我看你要連結的照片是哪張嗎?我能幫你看看!

    igogo 於 2009/01/14 23:30 回覆

  • aggiewu
  • Thank you very much for sharing.
  • elite0905
  • 謝謝你提供的版面~
    我很喜歡 簡單又不失單調~
    我已經會弄照片了 ^^~

    我多提一個東西
    如果按右鍵沒有出現[屬性]選項的人
    按[內容]也可以 裡面一樣有url

    我覺得應該是要把圖上在痞客邦的相簿
    照片才會出現
    因為我也有把圖上傳到免費的相簿空間
    可是無效
  • 你誤會了
    版面不是我提供的喔 ^^
    我只是很喜歡這版面,剛好研究出來要在哪加入圖片,就分享出來

    igogo 於 2009/01/15 12:39 回覆

  • elite0905
  • 疑... 哈哈 弄錯了~
  • rebeccahouse1979
  • 謝謝分享哦!
    不過圖片好像過大耶(只看到局部)
    有辦法補救嗎?
    謝謝您~
  • 有,請見2F ^^

    igogo 於 2009/01/16 15:24 回覆

  • a0916053071
  • 照片屬性??? 在哪邊 我怎沒看到= =?
  • 你用IE嗎?
    IE應是按右鍵->內容,就看得到了

    igogo 於 2009/01/19 21:08 回覆

  • Ginger
  • 謝謝你^^
    昨天我研究很久= =|||
    把background-image後面的連結成自己的
    (而且要自己把圖放進框框裡= =a)
    原來要從banner的後面改啊....這樣方便許多:D
    謝謝囉^___^
  • ag6699
  • 牛大叔~可以幫我看看嗎??放上去縮在左上角~應該要修改哪邊呢??謝謝
  • 請問你連結圖片的網址?

    igogo 於 2009/01/22 23:25 回覆

  • ag6699
  • 謝謝牛大叔~痞客幫就可以縮了嗎
    還是要什麼軟體呢??
  • http://www.picresize.com/
    這個網站可以線上縮圖,再save to disk就好

    igogo 於 2009/02/02 14:08 回覆

  • afey
  • 你好我想請問一下 我使用小畫家把圖調整成200 190了 但是為什麼上傳到PIXNET後圖的尺寸卻變成90X90呢??
  • 不清楚耶,不知pixnet的上傳步驟是否有其它設定

    igogo 於 2009/02/02 14:09 回覆

  • sofu1688
  • 太感謝你了:D
  • Macgyver
  • 版大:謝謝您的教學!
  • ag6699
  • 謝謝您^^
  • jerseylee
  • 謝啦!很有用!
    連我這電腦白痴也改好了^_^
  • idfamily
  • 謝謝老師!但請問你是如何將我那個照片網址改成你給的這一個?(因為我用的是iMac,所以沒有右鍵可以查看圖片屬性)
  • idfamily
  • 老師,不用麻煩你了~我已經自己從頁面原始碼找到了,感恩喔
  • HarmonChang
  • 謝謝您的分享!

    有個問題想請教,我的圖片縮成了220x120,放上去之後圖在框框的上方,框框下半部是空的。請教要如何調整外框大小,好讓整個看起來不會如此突兀呢?

    先謝了!

  • jlin1313
  • 謝謝分享~~我會用了!^^
  • missoshiru
  • 謝謝解說~ 我會用了~
  • cherry5413
  • 謝謝分享~感恩!!
  • yoyo09182001
  • 圖沒滿

    你好....想請問一下我有把圖縮成220*190了
    但在BLOG裡...它怎會好像太小的感覺..沒有塞滿整個框
  • ijin888
  • 感謝分享我終於會用了^^
  • duck0718
  • 請問在CCS怎麼把"人氣"那個功能移除?
  • 你指的是不是在側邊欄位設定裡拉到右邊即可

    igogo 於 2009/03/19 21:32 回覆

  • Duck
  • 你好,
    我指得是文章的閱讀人氣.請問那個要怎麼移除?
  • 不好意思
    這我不會 ^^

    igogo 於 2009/03/20 18:40 回覆

  • george1219
  • 感謝分享~我也試成功了^^
  • kellyt173
  • 不好意思我想問一下
    套用這個樣式可不可以把版面
    左右對調
    就是圖片/公告等全部放到右方