当前用户: 游客
请考虑注册为论坛会员

 
搜索讨论区:


 




SPF全宽的问题,请指教!

用户帖子

09:26
08-09-21


tsman

游客

 
1

我安装了SPF,可是全宽的问题一直不能解决,希望能得到你的帮助!

style.css部分代码:麻烦你看一下,代码应该怎样填?填在哪儿?谢谢!(www.ts12316.cn)

/* Navbar */
.navbar{width:950px;margin:0 auto;background:#040404;padding:1px 0}
.nav{height:25px;background:#040404;;border-top:3px solid #5AAD0C;border-bottom:3px solid #FFA600}
.nav,.nav ul{list-style:none;font-size:13px;line-height:13px}
.nav a,.nav a:hover{display:block;text-decoration:none;border:none}
.nav li{float:left;list-style:none}
.nav a{display:block;font-weight:bold;color:#999999;padding:6px 12px}
.nav a:hover,.current-cat a,.current_page_item a{color:#fff;text-decoration:none}    
.on,.on a{color:#fff}    

/* Page Content */
#page{width:950px;margin:0 auto;font-size:12px;background:#FFF;padding:0px 0 15px 0}
.content,#class1,#class2{width:728px} .content{float:left}
.leftcol{width:188px;float:left;margin-top:12px}
.rightcol{width:528px;float:right;margin-top:12px}
#sidebar{width:210px;float:right}
#sidebar h3,#sidebar h2,.rightcol h2{color:#FFA600;border-top:5px solid #BBB;border-bottom:1px solid #BBB;POSITION:relative;padding:6px 0 6px 2px;font-size:13px}
#sidebar h3,#sidebar h2{margin:12px 0 10px 0} .rightcol h2{margin:0px 0 10px 0}

#feature{background:#f2f2f2;HEIGHT:250px;padding:12px;margin:12px 0px;border-bottom:1px dotted #b6b6b6;border-top:1px dotted #b6b6b6}
#feature DIV{BORDER:0px;BACKGROUND:#f2f2f2;MARGIN:0px;OVERFLOW:hidden}
#feature DIV H2{font-size:12px;font-weight:bold;COLOR:#5AAD0C;TEXT-INDENT:10px;LINE-HEIGHT:26px;HEIGHT:26px;POSITION:relative;padding:0px;text-decoration:underline}
#feature DIV H2 a{COLOR:#5AAD0C;text-decoration:underline}
#feature DIV UL{WIDTH:380px;LIST-STYLE-POSITION:inside;MARGIN:0px;padding:0px;COLOR:#cccccc;LIST-STYLE-TYPE:square;overflow:hidden;white-space:nowrap}
#feature DIV UL LI{display:block;WIDTH:370px;MARGIN-left:10px;font-size:12px;LINE-HEIGHT:26px;font-weight:normal;COLOR:#aaa;overflow:hidden;white-space:nowrap}
#feature DIV UL LI a{COLOR:#666}
#feature DIV UL LI a:hover{COLOR:#5AAD0C}
#feature DIV#lead{WIDTH:380px;HEIGHT:234px}
#feature DIV#ads300×250{WIDTH:300px;HEIGHT:250px}

.classlist{PADDING:0px;OVERFLOW:hidden;WIDTH:258px}
.classlist DIV{BORDER:1px solid #b6e267;BACKGROUND:#ebfad3;FLOAT:left;MARGIN-bottom:12px;OVERFLOW:hidden;WIDTH:256px;HEIGHT:206px}
.classlist DIV H3{BACKGROUND:#ffffff;MARGIN:3px 3px 0px;font-size:13px;font-weight:bold;COLOR:#FFA600;TEXT-INDENT:10px;LINE-HEIGHT:29px;POSITION:relative;HEIGHT:29px;padding:0px;border-bottom:3px solid #EBFAD3}
.classlist DIV H3 a{COLOR:#FFA600}
.classlist DIV H3 SPAN{color:#5AAD0C;FONT-WEIGHT:normal;FONT-SIZE:12px;RIGHT:10px;letter-spacing:0px;LINE-HEIGHT:29px;POSITION:absolute;TOP:0px;HEIGHT:29px}
.classlist DIV H3 SPAN a{color:#5AAD0C}
.classlist DIV UL{WIDTH:250px;LIST-STYLE-POSITION:inside;BACKGROUND:#ffffff;MARGIN:0px 3px 3px 3px;padding:0px;COLOR:#cccccc;LIST-STYLE-TYPE:square;HEIGHT:168px;overflow:hidden;white-space:nowrap}
.classlist DIV UL LI{display:block;WIDTH:220px;MARGIN-left:10px;LINE-HEIGHT:24px;font-weight:normal;COLOR:#666;overflow:hidden;white-space:nowrap}
.classlist DIV UL LI a{COLOR:#666}
.classlist DIV.ads250×250{WIDTH:256px;HEIGHT:288px;MARGIN:0px}
.classlist DIV#ads250×250×1,.classlist DIV#ads250×250×2{BORDER:0px;BACKGROUND:#ebfad3;MARGIN:0px;WIDTH:250px;HEIGHT:250px;padding:0px 3px 3px 3px}

#ads728×90×1,#ads728×90×2{width:728px;height:90px}

/* Sidebar left */
.sideads{PADDING:0px;OVERFLOW:hidden;WIDTH:188px}
.sideads DIV{BORDER:1px solid #b6e267;BACKGROUND:#ebfad3;FLOAT:right;MARGIN-bottom:12px;OVERFLOW:hidden}
.sideads DIV H2,.sideads DIV H3{BACKGROUND:#ffffff;MARGIN:3px 3px 0px;font-size:13px;font-weight:bold;COLOR:#FFA600;TEXT-INDENT:10px;LINE-HEIGHT:29px;POSITION:relative;HEIGHT:29px;padding:0px;border-bottom:3px solid #EBFAD3}
.sideads DIV#adsclass1,.sideads DIV#adsclass3{WIDTH:186px;HEIGHT:646px}
.sideads DIV#adsclass2{WIDTH:186px;HEIGHT:728px;MARGIN:0px}
.sideads DIV#ads160×600×1,.sideads DIV#ads160×600×3{BORDER:0px;BACKGROUND:#ffffff;MARGIN:0px 3px 3px 3px;WIDTH:160px;HEIGHT:600px;padding:4px 10px}
.sideads DIV#ads160×600×2{BORDER:0px;BACKGROUND:#ffffff;MARGIN:0px 3px 3px 3px;WIDTH:160px;HEIGHT:600px;padding:2px 10px 10px 10px}
.sideads DIV#ads160×90{BORDER:0px;BACKGROUND:#ffffff;MARGIN:3px 3px 0px 3px;WIDTH:160px;HEIGHT:90px;padding:10px}


08:43
08-09-22


央街浪子

管理员

admin

帖子数 94

 
2

最好能把你的网址给我,你的CSS不用贴出来,我可以用firebug inspector来看的

14:05
08-09-22


tsman

游客

 
3

ts12316.cn

firebug inspector什么东东??

19:47
08-09-22


央街浪子

管理员

admin

帖子数 94

 
4

在你的


.content,#class1,#class2{width:728px} .content{float:left}

下复制一条,并把.content 改成.forums , width改成950也就是你的模板的全宽, 后面copy 下来的那句float:left删掉,最后成这个样子:

.content,#class1,#class2{width:728px} .content{float:left}

.forums{width:950px}

copy wordpress模板目录里的page.php命名为forums.php, 在forums.php头部加上一句<?php /* emplate Name: Forums */>,然后把<?php comments_template(); ?> 和 <?php get_sidebar(); ?>删除

在刚才的那个forums.php中把<div id=”content”>改成<div id=”forums”>

具体做法可以查看我博客中的另一个帖子:

http://www.sbtalk.com.cn/2007/08/27/wordpress_forum.html

中的第九,第十点

08:45
08-09-23


tsman

游客

 
5

一直按照那个帖子在研究,可是始终改不好,page.php里没有<div id=”content”>,只有<div class=”content”>,我把他改为<div class=”forums”>,后论坛宽度没变,而是靠右,不居中了!

还得把page.php粘给你,麻烦有时间再帮我看看!

<?php get_header(); ?>
<div class=”content”>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=”post” id=”post-<?php the_ID(); ?>”>
<h2><?php the_title(); ?></h2>
<div class=”postmeat ac”><a href=”<?php echo get_option('home'); ?>/”><?php bloginfo('name'); ?></a> &nbsp; <?php the_time('Y年m月d日 G:i') ?> &nbsp; <a href=”#respond” title=”欢迎您发表评论”>评论&raquo;</a> &nbsp; <?php edit_post_link('(Edit)', '', ''); ?></div>
<div class=”entry”>
<?php the_content('<p class=”serif”>Read the rest of this page &raquo;</p>'); ?>
<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
</div><!–END ENTRY–>
<div class=”postfooter”>
<div>本文作者:<a href=”<?php echo get_option('home'); ?>/”><?php bloginfo('name'); ?></a> &nbsp; <?php the_author_posts_link() ?></div>
<div>链接地址:<a href=”<?php the_permalink() ?>”><?php the_permalink() ?></a></div>
<div>最后更新:<?php the_modified_time('Y年m月d日 G:i'); ?></div>
<div>版权声明:未经本站许可,本文禁止转载或镜像,或以其他任何方式进行复制使用。</div>
</div><!–END POSTFOOTER–>

</div><!–END POST–>

<div class=”leftcol”>
<div class=”pagelist”><div><h2>分类导航</h2><ul>
<?php wp_list_categories('orderby=name&title_li='); ?>

</ul></div></div>
<div class=”ads180×250″><?php include (TEMPLATEPATH . '/ads180×250.php'); ?></div>
<div class=”sideads”>
</div>
</div><!–END LEFTCOL–>

</div><!–END CONTENT–>
<?php get_sidebar(); ?>
</div><!–END PAGE–>

<?php endwhile; else: ?>
<div class=”rightcol”>
<h2>Not Found</h2>
<p><br/>抱歉:您所访问的页面不存在!<br/><br/>如果网址无误,可能是已经更名或迁移。<br/><br/>您可<a href=”<?php echo get_option('home'); ?>/”>返回首页</a>,或试试搜索:</p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div><!–END RIGHTCOL–>
<div class=”leftcol”>
<div class=”sideads”><div id=”adsclass3″><h3>广而告之</h3>
<div id=”ads160×600×3″><?php include (TEMPLATEPATH . '/ads160×600×3.php'); ?></div>
</div></div>
</div><!–END LEFTCOL–>
</div><!–END CONTENT–>
<?php include (TEMPLATEPATH . '/sidebarshort.php'); ?>
</div><!–END PAGE–>

<?php endif; ?>
<?php get_footer(); ?>


16:08
08-09-25


央街浪子

管理员

admin

帖子数 94

 
6

首先,id 或者 class都是可以的. 这只是css中对标识符的不同用法。 id的话呢,在CSS文件中用#, class就是 .

第二个,copy一份page.php 是为了不要影响论坛以外的其他page,而且在CSS中复制并改变原来的content成forums也是为了不要影响content原来的设定。比如你把content的宽度改成950了,那其他页面的宽度也是950就不对了。

最后讲一下论坛宽度没变,但是居右的问题,你的论坛内容其实是嵌套在class=post这个div里的,你可以查看下css中的post定义,是float:right 并且width:502px (这个看你的模板就很好理解了,你的模板是3栏结构的,实现方法是先分左栏和右边栏,然后在左栏里再划分左边栏和内容栏,这个内容栏在原来第一次划分的那个左栏里是居右的), 所以在你修改后的forum.php中需要去掉这个class,也是把下面这句:

<div class=”post” id=”post-<?php the_ID(); ?>”>

改成

<div id=”post-<?php the_ID(); ?>”>

那个post本来居右和限宽的属性对forums就不再有效了。


09:14
08-09-27


tsman

游客

 
7

欧也!非常感谢!php一点不懂,搞定了!



回复主题: SPF全宽的问题,请指教!

游客名字 (必填):

游客邮件地址 (必填):

Guest URL (required)

数学计算 (必填)
5 + 12 之和是多少?       (必填)

主题回复:


 
 

关于 随便说说SBTalk 论坛

当前在线:

1 游客

最高在线人数: 40

讨论区:

讨论组: 3

讨论区: 7

主题数: 80

帖子数: 189

会员数:

有 58 位会员

有 38 位游客


央街浪子 已发表 94 篇帖子

发帖最多:

央街小小 - 11

Rey - 6

misser - 4

idpw.cn - 3

uhlan - 2

讨论区管理员:央街浪子 | 版主:央街浪子, 央街小小


© Simple:Press Forum - 版本 3.1.3 (Build 356)