標題:
發問:
這是我的無名:http://www.wretch.cc/blog/six2l4c96改了版面之後(我是用教學版型改的)我的回應區塊都會歪掉對不到上面的文章區塊怎麼改都沒有用~還有我的網誌標題都會被切成一半不知道被什麼擋住了......按下繼續閱讀之後文章的標題不是會出現在網誌標題旁邊嗎?要怎樣改它的位置和字體大小顏色呢?拜託大大幫我解答了QQ(弄好久都弄不好說......)以下附上我的CSS:#boxProfile .boxProfile1 .side select... 顯示更多 這是我的無名: http://www.wretch.cc/blog/six2l4c96 改了版面之後 (我是用教學版型改的) 我的回應區塊都會歪掉 對不到上面的文章區塊 怎麼改都沒有用~ 還有我的網誌標題都會被切成一半 不知道被什麼擋住了...... 按下繼續閱讀之後 文章的標題不是會出現在網誌標題旁邊嗎? 要怎樣改它的位置和字體大小顏色呢? 拜託大大幫我解答了QQ (弄好久都弄不好說......) 以下附上我的CSS: #boxProfile .boxProfile1 .side select { position:absolute; left:0px; } /* General Set -----------------------------------------*/ html { overflow:auto; } #text { scrollbar-face-color:#eee; scrollbar-track-color:#eee; scrollbar-3dlight-color:#eee; scrollbar-darkshadow-Color:#eee; scrollbar-arrow-color:#444; scrollbar-shadow-color:#444; scrollbar-highlight-color:#444; } body { font-size:.8em; font-family:"Courier New"; color:#ffffff; background-color:#000000; background-image:url(http://f6.wretch.yimg.com/cmpeng23/6/o1100821763.jpg); background-repeat:no-repeat; margin:0px; } a { color:#ffffff; } a:hover { color:#ffffff; text-decoration:none; } /* container -----------------------------------------*/ #container1 { width:1024px; position:relative; margin:0px auto; height:768px; overflow:hidden; } #container2 {} /* banner and pageheader -----------------------------------------*/ #banner { background:transparent; height:50px; font-size:25px; position:relative; left:-10%; top:20%; } #pageheader { height:105px; } #pageheader h1 a { position:absolute; top:0px;left:0px; font-size:.6em; text-decoration:none; width:1024px; height:44px; } } #pageheader .description { position:absolute;top:23px;right:20px; font-size:12px; } #pageheader #description2 .description { position:absolute; top:29px; right:0px; width:1000px; padding:0px; text-align:right; font-size:small; } 更新: /* main -----------------------------------------*/ #main2 { overflow:hidden; height:400px; position:relative; left:230px; top:50px; } 更新 2: /* content -----------------------------------------*/ #content { width:420px; float:left; overflow:auto; height:350px; background:transparent; 更新 3: scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-Color:#fff; scrollbar-arrow-color:#444; scrollbar-shadow-color:#444; scrollbar-highlight-color:#444; } .date { text-align:right; border-bottom:1px solid #666; padding-right:5px; } 更新 4: .datediv {}/* 第二層date */ .blogbody { padding:10px; margin-bottom:15px; } .blogbody2 {}/*第二層blogbody*/ .articletext {}/*包含 .title .extended .innertext .extended */ .articletext .title {} .articletext .innertext {} .articletext .extended {} .posted {} 更新 5: /* comments -----------------------------------------*/ .total-comments-div { border-top:1px dotted #999; padding-top:10px; margin-top:10px; margin-left:280px; width:400px; } 更新 6: .total-comments-div .trackbacks-head {} .total-comments-div .trackbacks-head .comments-head { border:1px solid #aaa;padding:7px; margin-bottom:10px; } .total-comments-div .comments-head { border:1px solid #aaa;padding:7px; } 更新 7: .total-comments-div .comments-bottom .comments-head { border:1px solid #aaa;padding:7px; margin-top:10px; } .total-comments-div .comments-body { border-bottom:1px dotted #888; } 更新 8: .total-comments-div .comments-body .comments-post { text-align:right; color:#aaa; } .total-comments-div .comments-body form { } #text {width:400px;} 更新 9: 我想下面剩下的應該不用貼上來了吧?? 更新 10: To: 風箏123boy 真的非常的謝謝你>"< 我都改好了唷=ˇ= 但是上面還有一個問題 就是啊~ 按下繼續閱讀之後 文章的標題不是會出現在網誌標題旁邊嗎? 要怎樣改它的位置和字體大小顏色呢? 還有回應區x軸的捲軸可以隱藏嗎? 還是寬度可以改小嗎?? thanks a lot!
最佳解答:
改二個地方就搞定了, OK~ 進入修改CSS樣式表, 先找到細列這串語法 : #pageheader h1 a { position:absolute; top:0px;left:0px; text-decoration:none; width:1024px; height:44px; } 將→left:0px;→修改為→left:100px; , 再往下找到.total-comments-div { /* comments -----------------------------------------*/ .total-comments-div { border-top:1px dotted #999; padding-top:10px; margin-top:10px; margin-left:280px; width:400px; } 將→margin-left:280px;→修改為→margin-left:0px; 圖片參考：http://pic.ipicture.ru/uploads/090809/Wq73cJU0H8.gif 2009-08-09 20:23:24 補充： 怎麼沒感覺你有改啊, 改好了,發一封信過來,我再幫你看.
其他解答:8758B59A7FA1EEA7
- 請高人指點@1@
- 阿福原來如此cd 香港邊到有得買-@1@
- 我首頁都會跑錯地方
- 台中市那裏有供奉”梨山老母”的廟
- 數學暑期功課!急!!!!!!!!!!!!!!!!!!@1@
- 有請各位數學高手入黎!
- 黑澀會美眉的鬼鬼的數位相機---@1@
- 我的模考分數平均大概在450左右
- 誰有崴瑞MC350的驅動程式-@1@
- 我該怎嚜選擇我的髮型和髮色@1@
此文章來自奇摩知識+如有不便請留言告知
無名回應區塊和標題CSS的問題(急!)發問:
這是我的無名:http://www.wretch.cc/blog/six2l4c96改了版面之後(我是用教學版型改的)我的回應區塊都會歪掉對不到上面的文章區塊怎麼改都沒有用~還有我的網誌標題都會被切成一半不知道被什麼擋住了......按下繼續閱讀之後文章的標題不是會出現在網誌標題旁邊嗎?要怎樣改它的位置和字體大小顏色呢?拜託大大幫我解答了QQ(弄好久都弄不好說......)以下附上我的CSS:#boxProfile .boxProfile1 .side select... 顯示更多 這是我的無名: http://www.wretch.cc/blog/six2l4c96 改了版面之後 (我是用教學版型改的) 我的回應區塊都會歪掉 對不到上面的文章區塊 怎麼改都沒有用~ 還有我的網誌標題都會被切成一半 不知道被什麼擋住了...... 按下繼續閱讀之後 文章的標題不是會出現在網誌標題旁邊嗎? 要怎樣改它的位置和字體大小顏色呢? 拜託大大幫我解答了QQ (弄好久都弄不好說......) 以下附上我的CSS: #boxProfile .boxProfile1 .side select { position:absolute; left:0px; } /* General Set -----------------------------------------*/ html { overflow:auto; } #text { scrollbar-face-color:#eee; scrollbar-track-color:#eee; scrollbar-3dlight-color:#eee; scrollbar-darkshadow-Color:#eee; scrollbar-arrow-color:#444; scrollbar-shadow-color:#444; scrollbar-highlight-color:#444; } body { font-size:.8em; font-family:"Courier New"; color:#ffffff; background-color:#000000; background-image:url(http://f6.wretch.yimg.com/cmpeng23/6/o1100821763.jpg); background-repeat:no-repeat; margin:0px; } a { color:#ffffff; } a:hover { color:#ffffff; text-decoration:none; } /* container -----------------------------------------*/ #container1 { width:1024px; position:relative; margin:0px auto; height:768px; overflow:hidden; } #container2 {} /* banner and pageheader -----------------------------------------*/ #banner { background:transparent; height:50px; font-size:25px; position:relative; left:-10%; top:20%; } #pageheader { height:105px; } #pageheader h1 a { position:absolute; top:0px;left:0px; font-size:.6em; text-decoration:none; width:1024px; height:44px; } } #pageheader .description { position:absolute;top:23px;right:20px; font-size:12px; } #pageheader #description2 .description { position:absolute; top:29px; right:0px; width:1000px; padding:0px; text-align:right; font-size:small; } 更新: /* main -----------------------------------------*/ #main2 { overflow:hidden; height:400px; position:relative; left:230px; top:50px; } 更新 2: /* content -----------------------------------------*/ #content { width:420px; float:left; overflow:auto; height:350px; background:transparent; 更新 3: scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-Color:#fff; scrollbar-arrow-color:#444; scrollbar-shadow-color:#444; scrollbar-highlight-color:#444; } .date { text-align:right; border-bottom:1px solid #666; padding-right:5px; } 更新 4: .datediv {}/* 第二層date */ .blogbody { padding:10px; margin-bottom:15px; } .blogbody2 {}/*第二層blogbody*/ .articletext {}/*包含 .title .extended .innertext .extended */ .articletext .title {} .articletext .innertext {} .articletext .extended {} .posted {} 更新 5: /* comments -----------------------------------------*/ .total-comments-div { border-top:1px dotted #999; padding-top:10px; margin-top:10px; margin-left:280px; width:400px; } 更新 6: .total-comments-div .trackbacks-head {} .total-comments-div .trackbacks-head .comments-head { border:1px solid #aaa;padding:7px; margin-bottom:10px; } .total-comments-div .comments-head { border:1px solid #aaa;padding:7px; } 更新 7: .total-comments-div .comments-bottom .comments-head { border:1px solid #aaa;padding:7px; margin-top:10px; } .total-comments-div .comments-body { border-bottom:1px dotted #888; } 更新 8: .total-comments-div .comments-body .comments-post { text-align:right; color:#aaa; } .total-comments-div .comments-body form { } #text {width:400px;} 更新 9: 我想下面剩下的應該不用貼上來了吧?? 更新 10: To: 風箏123boy 真的非常的謝謝你>"< 我都改好了唷=ˇ= 但是上面還有一個問題 就是啊~ 按下繼續閱讀之後 文章的標題不是會出現在網誌標題旁邊嗎? 要怎樣改它的位置和字體大小顏色呢? 還有回應區x軸的捲軸可以隱藏嗎? 還是寬度可以改小嗎?? thanks a lot!
最佳解答:
改二個地方就搞定了, OK~ 進入修改CSS樣式表, 先找到細列這串語法 : #pageheader h1 a { position:absolute; top:0px;left:0px; text-decoration:none; width:1024px; height:44px; } 將→left:0px;→修改為→left:100px; , 再往下找到.total-comments-div { /* comments -----------------------------------------*/ .total-comments-div { border-top:1px dotted #999; padding-top:10px; margin-top:10px; margin-left:280px; width:400px; } 將→margin-left:280px;→修改為→margin-left:0px; 圖片參考：http://pic.ipicture.ru/uploads/090809/Wq73cJU0H8.gif 2009-08-09 20:23:24 補充： 怎麼沒感覺你有改啊, 改好了,發一封信過來,我再幫你看.
其他解答:8758B59A7FA1EEA7
文章標籤
全站熱搜
留言列表
