Posted on 2008-08-18 22:17
∪∩BUG 閱讀(252)
評論(2) 編輯 收藏 所屬分類:
JSP學(xué)習(xí)筆記
自己是計(jì)算機(jī)網(wǎng)絡(luò)方向的,又自學(xué)了些美工,對Blog的主題還是有點(diǎn)挑,說句心理話,這里還真沒有自己喜歡的主題,不是因?yàn)樯蚀钆洳缓侠?就是不適合做JavaBlog,主要是因?yàn)椴荒苷５娘@示代碼,文章顯示區(qū)不夠?qū)?找來找去只覺得這個(gè)主題不錯(cuò),但一點(diǎn)也不適合顯示代碼,不利于閱讀,這是大忌.今天有些時(shí)間就自己Dreamweaver + PS把她改成合理的了.不過,由于能改的地方有限,右邊欄不能正常顯示,我已經(jīng)把右邊欄給屏蔽了,所以凡在必須顯示在右邊欄的欄目都不能正常顯示.
好了,大家只要在Blog設(shè)置的通過CSS定制頁面那粘貼就能有如我Blog現(xiàn)在的效果啦.如果效果不出來,可能是圖片的URL問題,已經(jīng)經(jīng)過PS的圖片在我的相冊里,把你看到的URL拿去修改相應(yīng)的CSS就可以了.(或先上傳到自己Blog)
1
/**//*文章區(qū)*/
2#content{
}{
3
float: left;
4 padding: 0;
5 background-image: url(Images/back_content.jpg);
6 background-repeat: no-repeat;
7 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
8 font-size: 13px;
9 text-align: left;
10 margin: 0px 5px 5px 5px;
11 width: 955px;
12
}
13
14/**//*右邊欄*/
15#rightsidebar{}{
16 float: left;
17 text-align: left;
18 width: 0px;
19 color: #787878;
20 line-height: 16px;
21 margin: 0px 5px 5px 5px;
22}
23
24#rightsidebar h3{}{
25 margin-left: 5px;
26}
27
28/**//*頁頭*/
29#container{}{
30 background: url(http://www.aygfsteel.com/images/blogjava_net/tidelgl/33863/o_back_container.gif) repeat-y;
31 margin-right:auto;
32 margin-left:auto;
33 margin-top:10px;
34 padding:0px;
35 text-align:left;
36 width: 1200px;
37}
38
39
40#banner{}{
41 height: 100px;
42 background: #006B95 url(http://www.aygfsteel.com/images/blogjava_net/tidelgl/33863/o_back_banner.jpg) repeat;
43
44}
45
46#nav-main{}{
47 margin: 10px 16px 10px 11px;
48 height: 30px;
49 width: auto;
50 background: url(http://www.aygfsteel.com/images/blogjava_net/tidelgl/33863/o_back_navmain.gif) #FFFFFF no-repeat;
51 text-align:center;
52}
53
54/**//*頁底*/
55#info-site{}{
56 clear: both;
57 text-align: center;
58 background-image: url(http://www.aygfsteel.com/images/blogjava_net/tidelgl/33863/o_back_infosite.gif);
59 background-repeat: no-repeat;
60 background-position: center bottom;
61 margin: 0;
62 padding: 30px 0 15px 0;
63}
64
65
66#info-company{}{
67 padding: 5px;
68 background: url(http://www.aygfsteel.com/images/blogjava_net/tidelgl/33863/o_back_navmain.gif) center top no-repeat;
69 margin: 10px 16px 10px 10px!important;
70 min-height: 30px;
71 height: auto;
72 _height: 30px;
73 color: #FFFFFF;
74}
75