找回密码
 注册
搜索
免费空间 免费域名 免费AI 老牌主机商首月仅1美分!27美元/年!Spaceship优惠码 Namecheap优惠码阿里云2核2G3M新老续费同享99元/年!
查看: 392|回复: 15

[问题求助] 高手请进:WP中文章与标题紧凑的CCS修改位置?

[复制链接]
发表于 2009-7-25 15:24:46 | 显示全部楼层 |阅读模式
我使用的是WP2.8.2  
主题:Prower v1
style.css如下
------------------------------我是分割线---------------------------
/*  
Theme Name: Prower V1
Theme URI: http://www.prower.cn/
Author: Prower
Author URI: http://www.prower.cn/
*/
*{margin:0; padding:0;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px;}
blockquote{margin:5px 36px;padding:5px;color:#666;font-size:12px;background:#fcfcfc;border:1px dashed #999;}
h2,h3{font-size:20px;line-height:26px;color:#656c4a;font-family:微软雅黑, Arial, Helvetica, sans-serif;}
.h2{line-height:18px;font-size:12px;color:#312E2E;font-weight:bold;font-family:微软雅黑, Arial, Helvetica, sans-serif;}
h2 a,.footer a{color:#656c4a;font-family:georgia, Arial, Helvetica, sans-serif;}
.content a,.rsidebar a{color:#0054b3;}
a{color:#555;text-decoration:none;outline:none;}
a:hover{color:#000;text-decoration:underline;}
#header{width:100%;height:95px;background:url(images/hearderBg.gif) repeat-x;}
#headerBox{width:970px;margin:0 auto;padding-top:20px;}
#headerBox h1.blogName{font-size:40px;}
#headerBox p.blogSubhead{font-family:微软雅黑, Arial, Helvetica, sans-serif;font-size:16px;}
#menuBox{background:url(images/menuBg.gif) repeat-x;height:34px;}
#menu{height:49px;width:970px;margin:0 auto;font-weight:bold;}
ul.menu{position:absolute;top:93px;height:49px;line-height:36px;float:left;list-style:none;text-transform:inherit;z-index:1000;}
ul.menu li{width:72px;text-align:center;float:left !important;list-style-type:none;margin-right:2px;;}
ul.menu li.active a{background:url(images/menu.gif);height:49px;width:72px;color:#000;text-decoration:none;}
ul.menu li a{width:72px;color:#fff;float:left;display:block;text-decoration:none;}
ul.menu li a:hover,ul.menu li a:active{background:url(images/menu.gif);height:49px;width:72px;color:#000;text-decoration:none;}
ul.menu li.current_page_item a{text-decoration:none;background:url(images/menu.gif);color:#000;width:72px;height:49px;}
ul.menu li ul{float:left;}
#main{background:#fff url(images/contentBg.gif) repeat-x;height:100%;padding-top:15px;}
*html #main{position:absolute;top:129px;background:#fff url(images/contentBg.gif) repeat-x;height:100%;padding-top:15px;}
#mainBox{width:970px;margin:0 auto;}
#content{float:left;width:650px;line-height:22px;font-size:14px;color:#333;}
#content p{margin-bottom:8px;text-align:justify;text-justify:inter-ideograph;}
#content blockquote p {text-indent:0;}
#content img{padding:3px;border:solid 1px #c8c8c8;}
#content img:hover{padding:3px;border:solid 1px #000;}
.entry{float:left;width:650px;margin:0 10px 0 0;padding:10px;}
#sidebar{float:right;width:270px;}
.rsidebar{width:250px;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;padding:10px;}
.rsidebar img{border:0;}
.rsidebar h2{font-size:14px;border-bottom:#eee 1px solid;margin-bottom:5px;}
.rsidebar ul{list-style-type:none;}
.rsidebar ul li{list-style-type:none;margin-bottom:10px;}
.rsidebar ul li ul{list-style-type:square;padding:0 3px;}
.rsidebar ul li ul li{list-style-type:none;margin:0 0 5px 0;padding:0;}
.rsidebar ul li ul li.article{list-style-type:none;background:transparent url(images/li2.gif) no-repeat;border:0;padding:0 0 0 16px;}
.rsidebar ul li ul li.none{list-style-type:none;background:none;border:0;padding:0 0 0 20px;}
span.read{background:transparent url(images/h2s.gif) no-repeat;border:0;padding:0 0 5px 20px;}
#info{border-bottom:solid 1px #c9c9c9;clear:both;}
.time{padding-bottom:10px;padding-top:3px;border-top:dashed 1px #c3c3c3;color:#666;font-size:12px;}
.time a{margin-right:5px;}
.content{padding-left:10px;}
.serif{line-height:20px;}
.postmetadata{border-top:1px solid #eee;padding:5px 10px 5px 5px;color:#666;text-align:right;}
.wait{color:#0054b3;height:18px;line-height:18px;}
.boxcomments{border-top:5px solid #ddd;margin-bottom:20px;width:650px;}
#commentform{border-top:1px solid #eee;padding:15px 15px 1px;}
#commentform label{display:block;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;}
ol.commentlist li{border:1px solid #ddd;display:block;list-style:none;padding:1px;margin:10px; 10px;}
ol.commentlist li p.commentTitle{margin-bottom:10px;background:#eee;}
.commentContent{text-indent:28px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
#search{float:right;margin-top:6px;}
.searchInput{background:#fff url(images/searchInput.gif) no-repeat;padding-left:23px;padding-top:2px;border:0;height:19px;width:185px;line-height:17px;float:left;}
.searchBtn{background:url(images/searchBtn.gif) no-repeat;height:21px;width:53px;cursor:pointer;border:0;float:left;}
#footer{clear:both;height:10px;border-bottom:solid 1px #c9c9c9;}
#footerbox{background:#fff url(images/footerBg.gif) repeat-x;height:49px;padding-top:10px;}
.footer{width:970px;color:#333;height:30px;line-height:20px !important;margin:0 auto;text-align:center;}
.pagebar {padding-top:10px; padding-bottom: 10px;}
.pagebar a, .pageList .this-page {padding:2px 6px;text-decoration: none;}
.pagebar a:visited {padding:2px 6px;text-decoration: none;}
.pagebar .break {padding:2px 6px;border:none;background:#fff;text-decoration:none;}
.pagebar .this-page {padding:2px 6px;font-weight:bold;font-size:12px;vertical-align:top;}
.pagebar a:hover {color:#f00;text-decoration: none;}
---------------------------------我又是分割线------------------------------------

我的博客中,文章的标题与正文有大概15厘米的空隙(如图1),请问这个空隙能在哪里调节?我想把他缩短、紧凑(如图2)

图1                                图2
发表于 2009-7-25 15:41:52 | 显示全部楼层
#main{background:#fff url(images/contentBg.gif) repeat-x;height:100%;padding-top:15px;}
*html #main{position:absolute;top:129px;background:#fff url(images/contentBg.gif) repeat-x;height:100%;padding-top:15px;}

这两处自己改改试试,不熟
 楼主| 发表于 2009-7-25 15:55:11 | 显示全部楼层
不敢乱修改,因为貌似不像,其中有2个数值 :129px 和15px    。  但是看起来那个空隙只有50px左右。
发表于 2009-7-25 16:00:23 | 显示全部楼层
15毫米吧   -  -15厘米半个显示器了
发表于 2009-7-25 16:02:49 | 显示全部楼层
#content p{margin-bottom:8px;text-align:justify;text-justify:inter-ideograph;}
也许是这个 不太清楚。。CONTENT是 文章内容,WP的层结构我没看过。。。。如果按照PJBLOG的层结构,这个CONTENT也不对。也许另有CSS文件。。
发表于 2009-7-25 16:12:30 | 显示全部楼层
原帖由 Rve 于 2009-7-25 15:55 发表
不敢乱修改,因为貌似不像,其中有2个数值 :129px 和15px    。  但是看起来那个空隙只有50px左右。


这有什么不敢乱改的~~改了,不对就改回来啊~~要不然为什么有个东西叫调试?
要不你把你用的主题发出来,我帮你调
 楼主| 发表于 2009-7-25 16:19:12 | 显示全部楼层
原帖由 ender049 于 2009-7-25 16:12 发表


这有什么不敢乱改的~~改了,不对就改回来啊~~要不然为什么有个东西叫调试?
要不你把你用的主题发出来,我帮你调



   听你的意见,刚试了,可是没反映。
发表于 2009-7-25 16:20:27 | 显示全部楼层
原帖由 Rve 于 2009-7-25 16:19 发表



   听你的意见,刚试了,可是没反映。


有没有开缓存?开了的话先关掉~~
如果的确没反应的话,其实这个最好看一下主题的源代码,一看就知道用的哪个class了,就知道改哪了
发表于 2009-7-25 16:23:30 | 显示全部楼层
看了一下,这个主题,别人用的话怎么都没看到你所说的间隔啊??你的网站发出来看看?
发表于 2009-7-25 16:23:34 | 显示全部楼层
模块ccs中哪里有每个界面内容的注释,不知道具体在哪个部分修改,想修改模块的坐标,或模块的颜色。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|小黑屋|免费吧论坛

GMT+8, 2025-1-14 02:40 , Processed in 0.024769 second(s), 5 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表