關於天空Blog css的一些問題 ...

Question

努力了好久...還是卡住了@@"
希望高人指點^^"

以下是問題↓

Q1:(此為相簿照片內頁)

http://album.blog.yam.com/show.php?a=maillmemories&f=933947&i=96355558&p=47

Q2:

http://album.blog.yam.com/show.php?a=maillmemories&f=933947&i=96355565&p=48

真是太感謝你了....OyZ||

啊...關於Q1 我沒說明清楚..真不好意思||b
我希望整個畫面的背景底色為黑色(因為字是白色的...看不清楚字@@")
至於碎布(笑) 蓋過也沒關係...XD"(雖然說用碎布填滿背景是最好的結果 Orz||b)

Answer 1

請先備份原始 CSS 樣式表。以下搜尋並取代：

A1:

HR
{
COLOR: #000000; HEIGHT: 1px; margin:0px;
}

DIV.albumPhoto
{
BACKGROUND: black 0px 0px; TEXT-ALIGN: center;
}

DIV.albumTitle
{
FONT-SIZE: 10px; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 14px; TEXT-ALIGN: center; background-color:black;
}

你的那個左邊藍色「緞帶」(地毯？碎布？whatever...) 不會透過去，加了 alpha 照片會變成透明，你可以弄個 background-image 定位在那個地方，不過伸縮會不會走位就要靠功夫了。

A2:

INPUT.text
{
background-color:black;BORDER-RIGHT: #ccc 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px dotted; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px dotted; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px dotted; FONT-FAMILY: Verdana;
}

以上。



2007-05-01 02:44:53 補充：
黑色背景

加一行於樣式表尾--
DIV#showPicDiv, DIV#mainFrame2 { background-color:#000; }

2007-05-01 02:45:30 補充：
搜尋並取代 --
HTML
{ background-color:#000;
/*這邊貼原來的內容*/
}

2007-05-01 02:46:12 補充：
呃..碎布填滿稍後，老闆來了.....

2007-05-01 03:16:54 補充：
碎布部分，全部搜尋並取代：

2007-05-01 03:17:47 補充：
BODY
{ BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BACKGROUND: url(http://pics17.webs-tv.net/5/userfile/m/maillmemories/album/1462f6010a7063.gif)

2007-05-01 03:18:05 補充：
#f9f7f8 repeat ; MARGIN: 0px; BORDER-LEFT: medium none; WIDTH: 1024px; COLOR: #ffffff; BORDER-BOTTOM: medium none; FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif; }

2007-05-01 03:18:59 補充：
DIV.albumPhoto { BACKGROUND: none 0px 0px; TEXT-ALIGN: center; }

2007-05-01 03:19:22 補充：
DIV#copyright { CLEAR: both; BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 65px; FONT-SIZE: 1px; BACKGROUND: none no-repeat; PADDING-BOTTOM: 65px;

2007-05-01 03:19:38 補充：
BORDER-LEFT: medium none; WIDTH: 1024px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LETTER-SPACING: 0.15em; TEXT-ALIGN: left; }

2007-05-01 03:20:03 補充：
DIV.albumTitle { FONT-SIZE: 10px; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 14px; TEXT-ALIGN: center;background:none; }