Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 问一个初级问题,模块的大小在哪里修改?

[复制链接]
hothotdog 发表于 2009-2-18 20:53:22 | 显示全部楼层 |阅读模式
SupeSite模板
语言编码: GBK简体 
风格转换者: 原创
(不是发风格,来求教问题的)本人初学,刚刚搭建起SS7+DZ+UCH,想修改下页面,感觉资讯栏下的模块大小一样,有些枯燥,想自己修改下,不知怎么修改,来这里向高手们求教帮兄弟解决下!!!
www.INanoScience.com
 楼主| hothotdog 发表于 2009-2-18 22:31:04 | 显示全部楼层
自己顶下,来帮帮我吧!:)
回复

使用道具 举报

lab96007 发表于 2009-2-18 22:46:42 | 显示全部楼层
路过,我不会,但帮顶一个!
回复

使用道具 举报

zsaviola 发表于 2009-2-19 09:34:52 | 显示全部楼层
改CSS呀!!!这个都不知道吗?天呀!你肯定是新新手吧!呵呵
回复

使用道具 举报

 楼主| hothotdog 发表于 2009-2-19 18:27:32 | 显示全部楼层
是的,刚刚学起,网站学会了安装,但不懂改装,所以要请教大虾们给指路的
回复

使用道具 举报

SSAY 发表于 2009-2-19 19:09:21 | 显示全部楼层
做标志,到我网站来看看
回复

使用道具 举报

 楼主| hothotdog 发表于 2009-2-19 19:12:05 | 显示全部楼层
本帖最后由 hothotdog 于 2009-2-19 19:55 编辑

恩,弄明白了,我也把我的收获分享给和我一样的新新手们,希望大虾们别笑我们哈。
首先,找到default目录下的css文件夹,打开common.css文件,在pagebody style项里会看到它预设的column的大小,如下:

/* Pagebody style */
#pagebody { width:100%; background:url(../images/pagebody_bg.gif) repeat-x center top; }
        #pagebody_extbg { width:996px; margin:0 auto; }
        #nav { width:996px; margin:0 auto; overflow:hidden; }
                .main_nav { height:38px; }
                .main_nav li { float:left; margin:9px 2px 0 0; line-height:30px; }
                        .main_nav li a { float:left; height:29px; padding-left:14px; background:url(../images/nav_li_bg.gif) no-repeat left 6px; color:#E4E4E4; font-weight:700; text-decoration:none!important; cursor:pointer; }
                        .main_nav li span { float:left; display:block; height:29px; padding-right:14px; }
                        .main_nav .current a { background:url(../images/nav_bg.gif) no-repeat left top; color:#333; }
                        .main_nav .current span { background:url(../images/nav_bg.gif) no-repeat right -50px; color:#333; }
                .ext_nav_bg { width:100%; background:#FFF url(../images/ext_nav_mainbg.gif) no-repeat; }
                .ext_nav { width:97%; overflow:hidden; margin:0 auto; background:url(../images/ext_nav_bg.gif) repeat center bottom; line-height:32px; }
                        .ext_nav li { display:inline; float:left; white-space:nowrap;}
                        .ext_nav li a { margin-left:5px; }
        .ad_pagebody, .ad_mid { width:950px; overflow:hidden; margin-bottom:6px; }
        .column { width:950px; overflow:hidden; margin:0 auto; padding:12px 23px 12px; background:#FFF; }
                .col_760 { width:760px; overflow:hidden; }
                .col_710 { width:710px; overflow:hidden; }
                .col_590 { width:590px; overflow:hidden; }
                .col_400 { width:400px; overflow:hidden; }
                .col_350 { width:350px; overflow:hidden; }
                .col_300 { width:300px; overflow:hidden; }
                .col_230 { width:230px; overflow:hidden; }
                .col_180 { width:180px; overflow:hidden; }


这我想应该是定义块的大小的地方,可以自己添加。
然后到后台打开比如“资讯”的模板,在块中找到<div class="box_l col_710">
相应的改成css中定义过的值,比如col_180等,刷新下就会发现块大小变了。

资讯中各个分类的块是在css中默认大小的,我们可以发现统一块的名称为news_glo_module,所以在css中搜索找到如下语句:
.news_box_list .news_glo_module { position:relative; float:left; width:350px; height:300px; overflow:hidden; },修改其中的width和height就可以修改块的大小了,其他还有些细节还在摸索学习中:)

我是新新学员,可别朝我扔蛋啊!!!
www.INanoScience.com
回复

使用道具 举报

san11223344 发表于 2010-1-7 14:26:06 | 显示全部楼层
這篇才是新手需要的啊!
回复

使用道具 举报

龙哥好啊 发表于 2011-12-16 08:42:17 | 显示全部楼层
先学习了吧,不知道能不能成功
回复

使用道具 举报

共赢风云 发表于 2012-4-21 18:45:52 | 显示全部楼层
http://www.hontootfy.com/我的也是一样
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-24 10:41 , Processed in 0.029751 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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