Posted on 2008-08-18 22:17
∪∩BUG 阅读(244)
评论(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.blogjava.net/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.blogjava.net/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.blogjava.net/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.blogjava.net/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.blogjava.net/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