博客分栏宝典(三)--迈克儿学扑克

博客分栏宝典(三)

关键词：博客分栏宝典 blog

第三章　分栏代码全收录

　　分栏栏目间，前四栏手动，后四栏自动。
　　首页要添加的CSS代码：

　　配套单年度置顶日志：

<div>

</div>

</body>

　　配套跨年度置顶日志：

<div>

</div>

</body>

第六种类型　栏间混合繁式八个分栏

　　分栏栏目间，前四栏手动，后四栏自动。
　　首页要添加的CSS代码：

.mydiv1{
　　　float:left;
　　　width:200px;
　　　padding:0px;
　　　line-height:20px;
　　　border-left:1px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏1背景图的网址') no-repeat 5px 26px;
}
.mydiv2{
　　　float:left;
　　　width:200px;
　　　padding: 0px;
　　　line-height:20px;
　　　border-left:0px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏2背景图的网址') no-repeat 5px 26px;
}
.mydiv3{
　　　float:left;
　　　width:200px;
　　　padding:0px;
　　　line-height:20px;
　　　border-left:1px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏3背景图的网址') no-repeat 5px 26px;
}
.mydiv4{
　　　float:left;
　　　width:200px;
　　　padding: 0px;
　　　line-height:20px;
　　　border-left:0px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏4背景图的网址') no-repeat 5px 26px;
}
.mydiv5{
　　　float:left;
　　　width:200px;
　　　padding:0px;
　　　line-height:20px;
　　　border-left:1px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏5背景图的网址') no-repeat 5px 26px;
}
.mydiv6{
　　　float:left;
　　　width:200px;
　　　padding: 0px;
　　　line-height:20px;
　　　border-left:0px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏6背景图的网址') no-repeat 5px 26px;
}
.mydiv7{
　　　float:left;
　　　width:200px;
　　　padding:0px;
　　　line-height:20px;
　　　border-left:1px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏7背景图的网址') no-repeat 5px 26px;
}
.mydiv8{
　　　float:left;
　　　width:200px;
　　　padding: 0px;
　　　line-height:20px;
　　　border-left:0px solid #94a6bd; 
　　　border-right:1px solid #94a6bd; 
　　　border-bottom:1px solid #94a6bd; 
　　　background:url('分栏8背景图的网址') no-repeat 5px 26px;
}
.myimg{
      float:right;
      width:38px;
      height:7px;
      border:0px none;
      padding:6px 5px 5px 0px;
}
.mybg{
      height:20px;
      color:#FFFFFF;
      padding:0px;
      margin:3px 3px 75px 3px;
      background:#FFFFFF;
      filter:progid:DXImageTransform.Microsoft.gradient
      (startColorStr:#ffff0000,EndColorStr :#ffffff00,GradientType:1);
}

　　配套单年度置顶日志：

<div>

</div>

</body>

　　配套跨年度置顶日志：

<div>

</div>

</body>

第七种类型　　栏内混合简式八个分栏

　　每个分栏栏目内，前4篇文章自动加载，后4篇文章手动加载。优点在于，即使在自动加载的文章还没有加载的情况下，手动加载的文章已经显示了，不至于让你的访问者等待时间过长，而使你的访问者流失。因为自动加载在某些时间段，需要很长时间。
　　首页要添加的CSS代码：

　　配套单年度置顶日志：

<div>

</div>

　　配套跨年度置顶日志：

<div>

</div>

第八种类型　　栏内混合繁式八个分栏

　　配套单年度置顶日志：

<div>

</div>

　　配套跨年度置顶日志：

<div>

</div>

【作者: 迈克儿学POKER】【访问统计:】【2006年08月11日星期五 21:01】【加入博采】【打印】

迈克儿学扑克

博客分栏宝典(三)

Trackback

回复

验证码：
评论内容：