|
主题:求助5.0的文章系统内容页字体问题 [收藏主题] | 转到: |
支持(0) | 反对(0) 顶端 底部 |
首先谢谢楼上这位“孤风大虾”老师。 本人是初学,只能是很浅的开始。本人用的是官方模版,自己稍加改动。这个程序中的模版,文章内容页的 模板中这样写<div id="article_content"> 控制这个内容页的CSS是哪一个?在Admin/skin中有5个CSS呀:Style1.CSS Style2.CSS Style3.CSS Style4.CSS Style5.CSS,这5个CSS全部都要按楼上说的改?你说的那个: CSS中写: #article_content{text-indent:2em;line-height:28px;font-size:14px;width:700px;margin:10px auto;overflow: hidden;}
text-indent:2em; 是要改哪里的CSS文件?还是自己要再加写一个CSS? (没办法,本人初次自学。太笨,请老师们指点。) |
|
支持(0) | 反对(0) 顶端 底部 |
模板中这样写文章内容的部分。 ============================== <div id="article_content"> ============================== CSS中写
#article_content{text-indent:2em;line-height:28px;font-size:14px;width:700px;margin:10px auto;overflow: hidden;}
text-indent:2em; 解释,每一段文字的首行自动空出两个文字的缩进。注意,必须是硬回车不能是软回车,所谓硬回车源码实例如下: <p>第一段文字</p> <p>第二段文字</p>
软回车实例如下: 第一段文字<br />第二段文字
line-height:28px; 解释,行高设置为28像素,支持百分比,比如180%;
font-size:14px; 解释,文章字体大小设置,支持像素(PX) 字号(PT)等单位,常用像素。
width:700px; 解释,宽度,700像素,根据你的实际情况调整。
margin:10px auto; 解释,距离上下各10像素,左右为居中。
overflow: hidden; 解释,超过宽度溢出部分隐藏。
附带一个CSS样式:
#article_content img {width: expression(this.width > 680 ? 680: true); max-width:680px;}
解释,在文章中所有的图片如果图片宽度超过680像素则缩小到680像素,如果小于680像素,则按照原大小显示。这个样式用于防止图片过大造成溢出,溢出隐藏会有部分显示不出来。因此需要这个样式。
希望楼主和提问者多学习DIV+CSS,如果学习DIV+CSS有困难可以参考 TABLE+CSS
最后,请不要在官方自带模板的基础上修改,修改别人的模板不如自己重新做一个模板!除非你确定你很了解官方的模板。即便是本人,都是从来不看官方的模板的。
如果看不懂我的回帖,我只能说我也没办法了。 |
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |