Contents ...
udn網路城邦
Q&A》相簿框框和相片跑掉了,怎麼辦?
2008/05/21 21:54
瀏覽9,712
迴響5
推薦41
引用0

請先到部落格管理中心|部落格設定,選擇自己喜歡的模板。
此以網路城邦置左的模板"清境大地"為例。

1. 先到部落格管理中心|部落格設定,選用此主題後,如圖示點按選用各種主題選用"清境大地"這組模板,然後按下確定。

2. 點按《讀取選用主題》,您會看到圖片像下圖一樣,文字框(紅色虛線框)的地方變成藍色。

3. 此時請點按《複製樣式內容》,即可把文字框內這組模板的CSS樣式複製起來。

4. 請點按《編輯自定樣式》,然後滑鼠移到文字框中,全選內容後,再按下Ctrl+V,把剛剛我們複製的CSS內容貼到文字框裡面。

5. 好了嗎?最後一步了。請找到個人相簿這一段的CSS語法(到訪客簿前唷!),要讓模板置中,要在文字框裡把原本個人相簿的CSS語法,更換為這一套會讓模板會乖乖置中的CSS語法。語法如下:

/* --------------【個人相簿】------------- */
/* 相簿樣式 */
.photo_album {
 width: 140px; /* 寬度 */
 height: 140px; /* 高度 */
 text-align: center;  /* 相片水平居中 */
 vertical-align: middle;  /* 相片垂直居中 */
 background: url(
http://g.udn.com/community/img/user_all/photo_album.gif) no-repeat; /* 背景圖 */
}
#photo_album_list {
 list-style: none; /* 條列式樣式:無 */
 margin: 0px; /* 邊界的間距 */
 padding: 0px; /* 內距 */
}
#photo_album_list li {
 margin: auto;
 padding: 5px 20px; /* 相框間距 */
 display: inline; /* 橫式排列 */
 float: left; /* 靠左浮動定位 */
 width: 140px; /* 給標題折行用,須與相簿框一樣寬 */
 height: 280px; /* 調適標題高度 */
 table-layout:fixed; /* 強制換行 */
 word-wrap:break-word; /* 強制換行 */
 word-break:keep-all; /* 強制換行 */
}
/* 相片樣式 */
.photo_picture {
 width: 140px; /* 寬度 */
 height: 144px; /* 高度 */
 text-align: center; /* 相片水平居中 */
 vertical-align: middle; /* 相片垂直居中 */
 background: url(
http://g.udn.com/community/img/user_all/photo_picture.gif) no-repeat; /* 背景圖 */
}
#photo_picture_list {
 list-style: none; /* 條列式樣式:無 */
 margin: 0px; /* 邊界的間距 */
 padding: 0px; /* 內距 */
}
#photo_picture_list li {
 margin: auto; /* 邊界的間距 */
 padding: 5px 3px; /* 相框間距 */
 display: inline; /* 橫式排列 */
 float: left; /* 靠左浮動定位 */
 width: 140px; /* 給標題折行用,須與相片框一樣寬 */
 height: 240px; /* 調適標題高度 */
 table-layout:fixed; /* 強制換行 */
 word-wrap:break-word; /* 強制換行 */
 word-break:keep-all; /* 強制換行 */
}

/* --------------【訪客簿】------------- */

貼完後按下確定即可。

相片和相框就會乖乖排好了!

有誰推薦more
你可能會有興趣的文章:

限會員,要發表迴響,請先登入
迴響(5) :
5樓. 芙蘿拉
2008/08/25 00:39
還是不行

還是不行耶!

已經修改過相簿語法, 相簿縮圖還是怪怪的呀


人知道終究會死,不也是要活著嗎?
4樓.
2008/05/28 20:36
果然有效

照表施工,果然成功

多謝!

3樓.
2008/05/25 17:16
^^

謝謝電小二,我之前就是有這個問題,

和朋友在討論css語法時,

看見朋友這部份的語法我沒有,

copy後就把自己的問題解決了...


2樓. Reed
2008/05/23 00:17
功德無量!

謝謝,工程師們辛苦了!

這裡有個小小要求,使用滑鼠拖曳相片自訂排序,若能一次多張,

而非一張張拖曳,那就更完善了,謝謝喔!


敬請人道支援 我卓越不群的母親

八旬阿嬤
【台灣司法◎人間煉獄】部落格
1樓. 月下老人
2008/05/22 13:35
3Q...

以前不會跑掉ㄝ...

怎現在都偏掉ㄌ?...


還沒玩過開心寶貝? 請加入月老社區,立即遊玩!!

請點上圖進入簡單註冊一下即可開始玩...^^b

Dear 月下老人:

偏掉的問題,近日工程師有調整過唷!請再看看!
請問將個人相簿那一段CSS覆蓋後,還以問題嗎?

電小二2008/05/27 15:03回覆