css 文章内容排版实例

 代码如下 复制代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>css教程 文章内容排版实例</title>
<style>
.artbody h2{ font-size:14px; height:10px; margin:0px auto;padding:10px 0px;  text-align:center;}
.artbody .info{ height:30px; text-align:center; color:#666;}
.artbody .artcontent{ text-indent:20px; font-size:14px; line-height:24px;padding:10px;}

</style>
</head>

<body>
 <table width="98%" border="0" class="artbody">
    <tr>
      <td><h2>{dede:field.title/}</h2></td>
    </tr>
    <tr>
      <td >
      <div class="info">
    <small>时间:</small>{dede:field.pubdate function="mydate('y-m-d h:i',@me)"/}<small>来源:</small>{dede:field.source/} <small>作者:</small>{dede:field.writer/} <small>点击:</small><script src="{dede:field name='php教程url'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/网页特效' language="javascript"></script>次</div>
                <div class="artcontent">
               
              
                {dede:field.body/}(责任编辑：{dede:adminname/})
                </div>
                </td>
    </tr>
  </table>
</body>
</html>
时间： 2024-10-11 00:34:27

css 文章内容排版实例的相关文章

php文章内容分页实例程序

将正文按照一定字符串进行分割,分割后在按照页码进行数组索引,将当前页码对应数组的值输出即可,好像说得够晕的,下面来个实例:  代码如下 复制代码 <?php $str = "asd啊<b>是</b>大叔大叔asd杀毒发[NextPage]生的啊师傅 <a href="asd">asd</a> 啊师傅asd a速度发啥地方"; //接收页码(如果不存在就为1) $page = $_REQUEST['page'] ?

CSS文章列表切换选项卡效果实例

 本文实例讲述了CSS文章列表切换选项卡效果实现方法.分享给大家供大家参考.具体分析如下: 这是一款很不错的文章列表效果,类似选项卡一样的功能,这一个有点特别,就是把鼠标点击的菜单放到了右边,有一个小箭头指示当前怎位置,使文章结构更加清淅,确实很不错.   代码如下: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" />

php文章内容分页并生成对应的htm静态文件实例

php教程 文章内容分页并生成对应的htm静态文件实例 $tmpBody = "fjka;fjsa;{page}批量生成分成文件并且加上分页代码";         $tmpUrl = 'www.jzread.com';     $tmpUrlarray = explode('.',$url);         $tmpArray = explode('{page}',$tmpBody);     $total = count($tmpArray);         if( $tota

CSS横向导航菜单实例教程

CSS横向导航菜单实例教程2,又一款css导航菜单.   <ul id="nav">      <li><a href="http://www.alixixi.com/">Div+CSS教程</a></li>      <li><a href="http://www.alixixi.com/" id="current">CSS布局实例</

Dreamweaver教程-为什么要用CSS进行网页排版

 为了让大家明白CSS的作用,以及为什么要用CSS代替HTML表格进行网页排版,下面通过一个实例向大家讲解. 其中一个页面通过HTML进行格式化,另一个页面通过CSS进行格式化. HTML格式化实例 HTML代码如下所示: <body> <h1><font face="Verdana" size="5" color="green">下载吧</font></h1> <p> &l

Dreamweaver为什么要用CSS进行网页排版

 为了让大家明白CSS的作用,以及为什么要用CSS代替HTML表格进行网页排版,下面通过一个实例向大家讲解. 其中一个页面通过HTML进行格式化,另一个页面通过CSS进行格式化. HTML格式化实例 HTML代码如下所示: <body> <h1><font face="Verdana" size="5" color="green">下载吧</font></h1> <p> &l

Dreamweaver实现文章内容页的阅读计数

dreamweaver 有朋友问如何在DW中实现文章内容页的阅读计数,这方面网上相关的教程很多了,问的人多了,我索性结合"深度空间整站"程序代码,再写一遍操作流程. 操作之前先做一个文章系统的详细内容页,通过浏览网站页面可以看到了在文章列表页链接上给出了一个?fID_ArticleContent=xxx的参数来链接到详细内容页面ndex_Article_Content.asp.具体查阅一下相关资料,我就不废话了.操作步骤如下: 1.在DW中打开index_Article_Content

js对文章内容进行分页的具体实现

 这篇文章主要介绍了使用js对文章内容进行分页的具体实现,需要的朋友可以参考下 Thinkphp中文章显示代码:  代码如下: <div id="showContent">{$article.content|htmlspecialchars_decode}</div>  <div id="articlePages"></div>    js实现代码:   代码如下: <script type="text

php实现获取文章内容第一张图片的方法_php技巧

本文实例讲述了php实现获取文章内容第一张图片的方法.分享给大家供大家参考.具体分析如下: 采用php获取文章内容的第一张图片方法非常的简单,我们最常用的是使用正则了,感兴趣的朋友可以参考一下下面这段代码. 以下是关于选取文章中第一张图片的代码: 复制代码 代码如下: $obj=M("News"); $info=$obj->where('id=1')->find(); //方法1********* $soContent = $info['content']; $soImag