关于模块样式修改的问题

老白,模板颜色修改完以后,接下来就需要修改首页中右侧边栏里面模块的样式了,主要想改 字体、字号和行间距,这个是在什么位置下手呢?
网址:http://emanuk.zhy37802.zhihui.chinaccnet.cn/
模板:JA social
感谢
已邀请:

跑堂小2 - 冇钱;冇房子;冇成就。要吃饭;要住宿;要消费

赞同来自:

使用 FireFox 浏览器,给 FF 浏览器安装 FireBug 插件,然后借助 FireBug 找出网页上目标对象所对应的 CSS 定义,然后在你的 custom.css 文件中写入自定义 CSS 代码(新的、你想要的样式),最后清除缓存,刷新网页,新样式就生效了。
如果你还是不明白,请给出一个实例,我来帮你解决一遍,你就明白了。

3P网络 - 背着回忆的旅游人,即使是再细微的风景,也会留在心中的一个角落~

赞同来自:

老白,我下载了Firefox,并且安装了firefox bug,我使用工具栏里的那个鼠标指针图标,可以找到页面上的对应模块。
但是切换到CSS后,就不知道那个模块对应那个CSS了,所以还请给讲讲如何做Custom.css吧。

跑堂小2 - 冇钱;冇房子;冇成就。要吃饭;要住宿;要消费

赞同来自:

需要你提供网站后台管理员账号。请通过邮箱或者淘宝旺旺发给我。

QQ被盗了

赞同来自:

刚刚根据你提供的管理员账号及 FTP 账号,上传了自定义 CSS 文件,完成了你要求的修改右上角模块样式的任务。CSS 内容如下:.allmode-columns .allmode-item .allmode-title a {
color: #000;
font-family: "microsoft yahei";
font-size: 14px;
font-weight: bold;
}

.allmode-columns .allmode-item .allmode-title {
line-height: 100%;
margin: 0;
padding: 0;
}

.allmode-columns {
border-bottom: 0px!important;
margin-bottom: 0px;
margin-top: -10px!important;
}

跑堂小2 - 冇钱;冇房子;冇成就。要吃饭;要住宿;要消费

赞同来自:

老白,我看到效果了,我的疑问是,.allmode-columns 应该代表的是边栏那个模块,可是我如何知道每个模块的名字呢?
我试了下firefox bug,有点不得要领。

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

老白,我有些理解了,我自己再折腾折腾,我对CSS不熟 有没有合适的学习教程推荐?感谢。

刘备曹操 - 古今多少事,都付谈笑中

赞同来自:

firebug 窗口左上角第二个按钮,就是一个小方框上面带鼠标指针的那个,点击一下,然后鼠标指向网页上的目标区域,就能自动在 firebug 窗口中显示该元素对应的 HTML 源代码,里面自然包括了容器的 CSS 类及 ID 等选择器。
CSS 的教程网上很多,你可以从基础的知识学起,或者买一本 CSS 入门书籍学习。

3P网络 - 背着回忆的旅游人,即使是再细微的风景,也会留在心中的一个角落~

赞同来自:

懂了,我慢慢有点开窍了,多谢多谢。

要回复问题请先登录注册