小鸚鵡飛飛謝謝大家常來喔!喜歡的文章別忘記推薦上痞客專欄喔!小鸚飛飛圖文與照片請勿轉載喔!謝謝合作!

痞克邦的你想改變一成不變的圖片外框嗎?

跟我這樣做~

找出你CSS語法中的這個項目
/*--回應者頭像--*/
.post-photo{ }

我今天先小試一下~
語法都在下面囉~
就把你原本的回應者頭像的語法覆蓋過去就可以囉~









語法說明~

/*回響者頭像*/
.post-photo {
float: left; ---->(頭像在左邊)
text-align: center; ---->(文字在中間)
margin-top:-數字px;----->(圖框跟上面字體的距離)
background: url(圖片網址) no-repeat 0px 0px;
width: 數字px; height: 數字px; } ---->(照片網址+圖片的寬度與高度)

.post-photo img {
width: 數字px; height: 數字px;} --->(照片內的頭像的寬度與高度)
margin-top:-數字px; ----->(頭像跟圖框上面的距離)

PS~製作時是以痞克模版為主.若距離有跑框情形.請自行調整!!

^^~教學是自己一字一句寫出來的喔!!請勿整篇盜用喔外框再找素材來做新的~歡迎引用喔~^^
Bookmark: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl Bookmark to:YouPush Bookmark to:你推我報

Posted by mimiwawa at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(273)

Shorten Url Recommend to Front page

▲top

open trackbacks list Trackbacks (0)

Comments (1)

Post Comment
  • #1 kbnlucpy pixnet user on 2008/07/18 10:37

  • 那圖片的框框可以自己設計吼！？
    影子打包走嚕＝ˇ＝
    謝謝mimi分享3q
  • 對啊~可以自己設計喔ㄎㄎ!!~

    mimiwawareplied on 2008/07/18 11:49

Comment Permissions: Allow commenting

Leave Comment

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