城网中国 首页 城网学院 建站教程 查看内容

论坛帖子内容设置自动首行缩进、默认行高、默认字体

2020-8-14 00:32| 发布者: cnone| 查看: 184| 评论: 4

摘要: 论坛帖子内容设置自动首行缩进、默认行高、默认字体
觉论坛折腾的差不多了,但是发现发的帖子段落和段落之间区分不够,首行字也不会自动缩2格,找了教程,发现还挺简单:DZ论坛帖子内容设置自动首行缩进、默认行高、默认字体

1、登录后台,点击界面——风格管理,找到自己用的模版,点击模板缩略图边上的编辑:


2、点击编辑以后,向下拉,找到帖子内容那块,将18px;line-height:2.5em;text-indent:2em;font-family:Microsoft Yahei; 粘贴到框里面,前面的18PX是字体大小,可以根据自己需要更改。

鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 cnone 2020-8-28 12:16
NO.2使用关键字

     在使用关键字时,最容易出现问题的浏览器是IE6以下的版本(不包含IE6,不过现在windows系统都绑定了IE6了),所以我们可以放心的使用关键字了,有代码有真相:

1 body{
2 font-size:small;
3 }
     一般我们有选择的是“xx-small,x-small,small,medium,large,x-large,xx-larg,smaller,larger”这些关键字,再来个有图有真相:
引用 cnone 2020-8-26 23:31
但是使用text-indent做首行缩进也有个小问题。会发现段落标签中的img图片也跟着缩进了2em,会对页面的排版造成一定影响。而且即便给 img 设置成了 text-indent: 0; 仍是无法解决此问题。

那么使用text-indent做首行缩进时,图片img如何设置成不缩进呢?
其实使用text-indent时。内部元素遇到float或者display: block后就不继承外部这个缩进的属性了。也就是说,只要给图片加上float或者display: block的 CSS 属性后,图片的缩进会自动失效。

这里为了排版的效果,使用display:block;,避免图片与文字并排。

.content_art img {
    height: auto !important;
    max-width: 100% !important;
}
.content_art p img{
    display: block!important;
}
引用 cnone 2020-8-14 23:31
在你的这个问题里,你首先要了解的是block元素和inline元素的区别,p、div等属于block元素,而a、span、br都是inline的元素。text-indent既然是定义与一个段落相关的信息,即段首缩进,则只作用在block元素上而不是inline元素上。   
   
这样,如果你写出的是:   
   
  p   {   text-indent:2em   }   
   
  <p>first   para...</p>   
  <p>second   long   paragraph   ................................................................................................................................................................</p>   
  就能达到效果。   
   
  但是,如果是   
  <p>   
  first   line<br   />   
  second   line<br   />   
  </p>   
   

则不能达到你的预想,因为text-indent是p的样式,而不是br的样式。那么可否为br设定text-indent样式呢?   
   
        显然,因为br根本就是一个空元素,表示换行而已,因此设定了text-indent也没有用,br之内根本就没有内容,又何谈内容的样式?   
   
        造成这种困惑的原因在于,你没有从传统的纯文本以/n换行符表示段落结束和开始的习惯中进入标记语言的思维,因此不理解文本段落 ...
引用 cnone 2020-8-14 00:54
第三种,改完后发现的一种方法。没有试验,已做备用吧。
修改帖子文字行间距:
找到相应模板的common目录下的module.css文件,在900行的
.t_f, .t_f td { font-size: {MSGFONTSIZE}; }改为.t_f, .t_f td { font-size: {MSGFONTSIZE}; line-height:2em;}

里面还有修改门户内容页字体行间距的方法
搜索.vw .d {,在1437而找到了:.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 1.8; color: #000; }
改为:.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 3; color: #000; }
上面的
line-height: 3,即表示门户文章行间距为原来的3倍,一般设置为两倍即可。
代码解读:
margin: 15px 0;  上外边距是 15px ,下外边距是 0px
min-height: 100px; 定义段落的最小高度这100像素
font-size: 14px; 字体大小为14像素
line-height: 3 设置行间的距离
color: #000;  颜色为黑色

可以统一文本,如设置为:

.vw .d { margin: 15px 0; min-height: 100px; font-family: 仿宋_GB2312; font-size: 20px; line-height: 40px; text-indent: 40px; color: #000; } ...

查看全部评论(4)