template.html
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title><!--title_begin--> title
<!--title_end--></title>
<style type="text/css">
DIV.quotes {
font-size:12px;
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px;
PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.quotes A {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa;
MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.quotes A:hover {
BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid;
MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes A:active {
BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px;
PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes SPAN.current {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid;
COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid;
BACKGROUND-COLOR: #f0f0f0}
DIV.quotes SPAN.disabled {
BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc;
MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}
DIV.yellow {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px;
MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center}
DIV.yellow A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #ccc 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #ccc 1px solid;
COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid;
TEXT-DECORATION: none}
DIV.yellow A:hover {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid;
BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000;
BORDER-BOTTOM: #f0f0f0 1px solid}
DIV.yellow A:active {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid;
BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000;
BORDER-BOTTOM: #f0f0f0 1px solid}
DIV.yellow SPAN.current {
BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #d9d300 1px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px;
BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300}
DIV.yellow SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #eee 1px solid;
COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
DIV.jogger {
PADDING-RIGHT:2px;PADDING-LEFT:2px;PADDING-BOTTOM:2px;MARGIN:7px;
FONT-FAMILY:"Lucida Sans Unicode", "Lucida Grande", LucidaGrande,
"Lucida Sans", Geneva, Verdana, sans-serif;PADDING-TOP: 2px;}
DIV.jogger A {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none}
DIV.jogger A:hover {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818}
DIV.jogger A:active {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818}
DIV.jogger SPAN.current {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc}
DIV.jogger SPAN.disabled {
DISPLAY: none}
DIV.starcraft{
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13.5pt;
PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px;
BACKGROUND-COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: center}
DIV.starcraftA {
MARGIN: 2px; COLOR: #fa0; BACKGROUND-COLOR: #000; TEXT-DECORATION: none}
DIV.starcraft A:hover {
COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft A:active {
COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft SPAN.current {
FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft SPAN.disabled {
MARGIN: 2px; COLOR: #444; BACKGROUND-COLOR: #000}
DIV.tres {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt;
PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px;
FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center}
DIV.tres A {
BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #d9d300 2px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #d9d300 2px solid;
COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 2px solid;
BACKGROUND-COLOR: #d90; TEXT-DECORATION: none}
DIV.tres A:hover {
BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid;
BORDER-LEFT: #ff0 2px solid;
COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0}
DIV.tres A:active {
BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid;
BORDER-LEFT: #ff0 2px solid;
COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0}
DIV.tres SPAN.current {
BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px;
BORDER-BOTTOM: #fff 2px solid}
DIV.tres SPAN.disabled {
DISPLAY: none}
DIV.megas512 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px;
PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.megas512 A {
BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px;
BACKGROUND-POSITION: 50% bottom;
BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;
BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px;
BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none}
DIV.megas512 A:hover {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none;
BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid;
BACKGROUND-COLOR: #777777}
DIV.megas512 A:active {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none;
BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid;
BACKGROUND-COLOR: #777777}
DIV.megas512 SPAN.current {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.megas512 SPAN.disabled {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;
COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.technorati {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px;
MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.technorati A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom;
BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px;
PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none}
DIV.technorati A:hover {
BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df}
DIV.technorati A:active {
BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df}
DIV.technorati SPAN.current {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.technorati SPAN.disabled {
DISPLAY: none}
</style>
</head>
<body>
<div><!--content_begin--> content <!--content_end--></div>
<div></div>
<div>
</div>
<div class=quotes>
#pagerTag#
</div>
<div class=yellow>
#pagerTag#
</div>
<div class=jogger>
#pagerTag#
</div>
<div class=starcraft>
#pagerTag#
</div>
<div class=tres>
#pagerTag#
</div>
<div class=megas512>
#pagerTag#
</div>
<div class=technorati>
#pagerTag#
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title><!--title_begin--> title
<!--title_end--></title>
<style type="text/css">
DIV.quotes {
font-size:12px;
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px;
PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.quotes A {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa;
MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.quotes A:hover {
BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid;
MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes A:active {
BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px;
PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes SPAN.current {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid;
COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid;
BACKGROUND-COLOR: #f0f0f0}
DIV.quotes SPAN.disabled {
BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc;
MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}
DIV.yellow {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px;
MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center}
DIV.yellow A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #ccc 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #ccc 1px solid;
COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid;
TEXT-DECORATION: none}
DIV.yellow A:hover {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid;
BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000;
BORDER-BOTTOM: #f0f0f0 1px solid}
DIV.yellow A:active {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid;
BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000;
BORDER-BOTTOM: #f0f0f0 1px solid}
DIV.yellow SPAN.current {
BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #d9d300 1px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px;
BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300}
DIV.yellow SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #eee 1px solid;
COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
DIV.jogger {
PADDING-RIGHT:2px;PADDING-LEFT:2px;PADDING-BOTTOM:2px;MARGIN:7px;
FONT-FAMILY:"Lucida Sans Unicode", "Lucida Grande", LucidaGrande,
"Lucida Sans", Geneva, Verdana, sans-serif;PADDING-TOP: 2px;}
DIV.jogger A {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none}
DIV.jogger A:hover {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818}
DIV.jogger A:active {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818}
DIV.jogger SPAN.current {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px;
COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc}
DIV.jogger SPAN.disabled {
DISPLAY: none}
DIV.starcraft{
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13.5pt;
PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px;
BACKGROUND-COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: center}
DIV.starcraftA {
MARGIN: 2px; COLOR: #fa0; BACKGROUND-COLOR: #000; TEXT-DECORATION: none}
DIV.starcraft A:hover {
COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft A:active {
COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft SPAN.current {
FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft SPAN.disabled {
MARGIN: 2px; COLOR: #444; BACKGROUND-COLOR: #000}
DIV.tres {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt;
PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px;
FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center}
DIV.tres A {
BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #d9d300 2px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #d9d300 2px solid;
COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 2px solid;
BACKGROUND-COLOR: #d90; TEXT-DECORATION: none}
DIV.tres A:hover {
BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid;
BORDER-LEFT: #ff0 2px solid;
COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0}
DIV.tres A:active {
BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid;
BORDER-LEFT: #ff0 2px solid;
COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0}
DIV.tres SPAN.current {
BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px;
BORDER-BOTTOM: #fff 2px solid}
DIV.tres SPAN.disabled {
DISPLAY: none}
DIV.megas512 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px;
PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.megas512 A {
BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px;
BACKGROUND-POSITION: 50% bottom;
BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;
BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px;
BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none}
DIV.megas512 A:hover {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none;
BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid;
BACKGROUND-COLOR: #777777}
DIV.megas512 A:active {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none;
BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid;
BACKGROUND-COLOR: #777777}
DIV.megas512 SPAN.current {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.megas512 SPAN.disabled {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;
COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.technorati {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px;
MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.technorati A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom;
BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px;
PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none}
DIV.technorati A:hover {
BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df}
DIV.technorati A:active {
BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df}
DIV.technorati SPAN.current {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.technorati SPAN.disabled {
DISPLAY: none}
</style>
</head>
<body>
<div><!--content_begin--> content <!--content_end--></div>
<div></div>
<div>
</div>
<div class=quotes>
#pagerTag#
</div>
<div class=yellow>
#pagerTag#
</div>
<div class=jogger>
#pagerTag#
</div>
<div class=starcraft>
#pagerTag#
</div>
<div class=tres>
#pagerTag#
</div>
<div class=megas512>
#pagerTag#
</div>
<div class=technorati>
#pagerTag#
</div>
</body>
</html>
default.aspx.cs
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ToHtml th = new ToHtml();
th.ReadTemplate("template.html", System.Text.Encoding.UTF8);
string content = "这是第一页[pagerTag]这是第二页[pagerTag]这是第三页[pagerTag]这是第四页";
string[] arr = System.Text.RegularExpressions.Regex.Split(content,@"\[pagerTag\]", System.Text.RegularExpressions.RegexOptions.IgnoreCase|System.Text.RegularExpressions.RegexOptions.Multiline);
int i = 0;
int len = arr.Length;
for (; i < len; ++i)
{
th.ReadTemplate("template.html", System.Text.Encoding.UTF8);
th.startPosition = "<!--content_begin-->";
th.endPosition = "<!--content_end-->";
th.Value = arr[i];
th.replaceTemplate();
th.Value = "替换字符串";
th.ReplaceText(@"\#list\#");
th.Value = th.GetHtmlPager(len, i + 1, "index_", ".html") ;
th.ReplaceText(@"\#pagerTag\#");
th.CreateHtml("./", "index_"+(i+1)+".html", System.Text.Encoding.UTF8);
}
}
}
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ToHtml th = new ToHtml();
th.ReadTemplate("template.html", System.Text.Encoding.UTF8);
string content = "这是第一页[pagerTag]这是第二页[pagerTag]这是第三页[pagerTag]这是第四页";
string[] arr = System.Text.RegularExpressions.Regex.Split(content,@"\[pagerTag\]", System.Text.RegularExpressions.RegexOptions.IgnoreCase|System.Text.RegularExpressions.RegexOptions.Multiline);
int i = 0;
int len = arr.Length;
for (; i < len; ++i)
{
th.ReadTemplate("template.html", System.Text.Encoding.UTF8);
th.startPosition = "<!--content_begin-->";
th.endPosition = "<!--content_end-->";
th.Value = arr[i];
th.replaceTemplate();
th.Value = "替换字符串";
th.ReplaceText(@"\#list\#");
th.Value = th.GetHtmlPager(len, i + 1, "index_", ".html") ;
th.ReplaceText(@"\#pagerTag\#");
th.CreateHtml("./", "index_"+(i+1)+".html", System.Text.Encoding.UTF8);
}
}
}