Posted on 2008-08-18 22:17
∪∩BUG 閱讀(258)
評論(2) 編輯 收藏 所屬分類:
JSP學習筆記
自己是計算機網絡方向的,又自學了些美工,對Blog的主題還是有點挑,說句心理話,這里還真沒有自己喜歡的主題,不是因為色彩搭配不合理,就是不適合做JavaBlog,主要是因為不能正常的顯示代碼,文章顯示區不夠寬,找來找去只覺得這個主題不錯,但一點也不適合顯示代碼,不利于閱讀,這是大忌.今天有些時間就自己Dreamweaver + PS把她改成合理的了.不過,由于能改的地方有限,右邊欄不能正常顯示,我已經把右邊欄給屏蔽了,所以凡在必須顯示在右邊欄的欄目都不能正常顯示.
好了,大家只要在Blog設置的通過CSS定制頁面那粘貼就能有如我Blog現在的效果啦.如果效果不出來,可能是圖片的URL問題,已經經過PS的圖片在我的相冊里,把你看到的URL拿去修改相應的CSS就可以了.(或先上傳到自己Blog)
1
/**//*文章區*/
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