恩,有没有css高手?

这个Theme的效果是不错,不过可能还想兼容800*600的分辨率吧,blog内容那块感觉太窄了一点,改哪里把右边的sidebar往右移一点, 然后再把blog正文这里加宽一点?我尝试改了一下,目前只能加宽整个页面,单独加宽内容部分就出问题,或者说我没有改对地方。我改这个的水平麻……实在是值得商蹉,靠你们了……
/* Begin Generic and body styles. */

* {
margin: 0px;
padding: 0px;
font-family: “verdana”, sans-serif;
}
body {
font-size: 18px;

margin: 0px;
padding: 0px;
}
a:link, a:active, a:visited {
text-decoration: none;
}
a:hover {
}
a img {
border: 0px;
}
#header {
width: 100%;
height: 107px;
padding: 10px 0px;
}

h1>a {
margin-left: 10px;
font-size: 1em;
font-weight: normal;
font-family: “Trebuchet MS”, sans-serif;
letter-spacing: -.1em;
}

h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
}

.left {
float: left;
font-size: 1.1em;
}

.right {
float: right;
font-size: 1.1em;
}

.clear {
clear: both;
height: 0px;
overflow: hidden;
}

label {
font-size: .8em;
}

#browserwarning {
width: 470px;
padding: 10px;
font-size: 1.0em;
background: #000;
margin: -35px auto 0px auto;
border: 1px dashed #ff0000;
text-align: justify;
display: none;
}

.wallpaper {
width: 20px;
height: 20px;
display : block;
float: left;
margin: 10px 0px 0px 20px;
}

#bodyowner {
width: 740px;
margin: 0px auto;
}
#search {
width: 110px;
padding: 0px;
margin-right: 15px;
}
#search label {
font-size: .6em;
}

#s {
width: 110px;
background: transparent;
padding: 2px;
font-size: .6em;
}

code {
margin: 5px;
overflow: auto;
padding: 3px;
font-size: .9em;
display: block;
}
#topmenu {
position: absolute;
text-align: right;
top: 63px;
right: 10px;
font-size: .8em;
}
#topmenu a {
background: url(’images/star.png’) left center no-repeat;
padding-left: 13px;
margin-left: 10px;
}
#topment a:after {
content: ” “;
}
/* END */

/* Begin Blog and comment styles. */

#contentcontainer {
font-size: .7em;
width: 432px;
float: left;
}
.blog {
margin: 0px;
padding: 0px 35px;
width: 422px;
overflow: hidden;
}
.blogbefore {
height: 32px;
width: 492px;
margin: 10px 0px 0px 0px;
overflow: hidden;
}
.blogafter {
height: 32px;
width: 492px;
margin: 0px 0px 10px 0px;
overflow: hidden;
}
#contentcontainer p {
text-align: justify;
padding: 5px;
}
#contentcontainer p.headertext {
text-align: left;
font-size: .9em;
}
#contentcontainer p.footertext {
text-align: right;
font-size: .9em;
}
#contentcontainer h3 {
font-size: 1.6em;
text-align: left;
font-weight: normal;
}
#contentcontainer ol {
margin: 5px 30px;
}
#contentcontainer ul {
margin: 5px 15px;
}
#contentcontainer ul li {
list-style-type: none;
background: url(’images/star.png’) 0px 2px no-repeat;
padding-left: 13px;
}
#contentcontainer h3>a {
display: block;
width: 100%;
}
.blog blockquote {
margin: 5px 15px;
padding: 3px;
font-size: .9em;
}
#comment {
display: block;
width: 360px;
background: transparent;
padding: 5px;
margin: 10px auto;
font-size: .9em;
}
#inputcontainer {
width: 366px;
margin: 10px auto;
}
#namefield {
display: block;
float: left;
width: 110px;
margin-right: 15px;
}
#emailfield {
display: block;
float: left;
width: 110px;
margin-right: 15px;
}
#urlfield {
display: block;
float: left;
width: 110px;
}
#namefield input, #emailfield input, #urlfield input {
width: 110px;
background: transparent;
padding: 2px;
font-size: .8em;
}
#submitter {
clear: both;
text-align: center;
}
#submitter input {
display: block;
width: 150px;
margin: 10px auto;
}
.blog img {
max-width: 362px;
}
/* END */

/* Begin Menu styles */

#menucontainer {
width: 233px;
float: right;
font-size: .6em;
}
.menu {
margin: 0px;
padding: 0px 35px;
width: 163px;
}

.menubefore {
height: 32px;
width: 233px;
margin: 10px 0px 0px 0px;
overflow: hidden;
}

.menuafter {
height: 32px;
width: 233px;
margin: 0px 0px 10px 0px;
overflow: hidden;
}

#menucontainer p, #menucontainer ul {
text-align: justify;
padding: 3px;
list-style-type: none;
}

#menucontainer ul#links {
padding: 0px;
}

#menucontainer ul ul {
padding: 0px 10px;
}

#menucontainer ul#links ul {
padding: 3px;
}

#menucontainer h3, #wp-calendar caption, #menucontainer h2 {
font-size: 1.6em;
text-align: left;
font-weight: normal;
background: url(’images/bigstar.png’) left center no-repeat;
padding-left: 16px;
}
#wp-calendar {
width: 90%;
margin: 0px auto;
text-align: center;
}
.menu p.links>a, .menu ul li {
background: url(’images/star.png’) 0px 2px no-repeat;
padding-left: 12px;
line-height: 12px;
}
ul#links>li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.feedicon {
margin-top: 4px;
}
/* END */

相关文章:
  1. 提笔忘字
  2. 大剑80话
  3. 时区彻底把我搞怒了
  4. New IT words. New culture
  1. crossbud

    哈,前来致谢!

    论坛上我知道比较精通css的就只有5566了,抓他吧

  2. Ryan Lee

    不熟……只求有缘人能看到这里了……哈哈。
    总之现在也将就着用吧。

  3. Anonymous

    看了,CSS我看只有自己改了,开发就算了….

  4. Ryan Lee

    errrrrrrrrrr,楼上的是哪位高人?

  5. 三翻领

    我在砸场子的,不给空间就赖在这不走了!!

    不过,貌似c语言很复杂啊,还是一起玩python吧

  6. Ryan

    小三,你啥时候说要空间了啊….
    更正一下,我学的是C++…..
    你写python,我保证把你的python翻译成C++程序,嘿嘿
    你赖着不走也好啊…我的访问量也就上去了。

say