<listing id="ddlnh"><cite id="ddlnh"><i id="ddlnh"></i></cite></listing>
<listing id="ddlnh"><cite id="ddlnh"><i id="ddlnh"></i></cite></listing>
<listing id="ddlnh"></listing>
<listing id="ddlnh"></listing>

稻殼CMS模板教程-第十節 內頁模板common.php對應的parts文件的修改

官方模板默認的parts文件樣式可能滿足不了我們的需求,那么如果我們事先寫好了各個內頁的html代碼,我們就可以自定義內頁內容的顯示樣式了。

parts文件存儲在parts文件夾的各個子文件夾中,list子文件夾里的文件就對應新聞列表內頁樣式,product子文件夾里的文件就對應產品內頁的樣式,list_index_0就是新聞列表頁樣式,list_view_0就是新聞詳細頁樣式。

parts文件的修改和標簽樣式文件的修改方法一樣,只不多代碼多了一些,結構復雜了一些而已。我們要注意,parts文件里的程序代碼不要修改,只修改外圍的html結構和循環的html代碼即可,以下舉例list_index_0說明:

<?php
// 為方便并保證您以后的快速升級 請使用SHL提供的如下全局數組

// 數組定義/config/doc-global.php

// 如有需要, 請去掉注釋,輸出數據。
/*
echo '<pre>';
print_r($tag);
echo '</pre>';
*/
?>
<style type="text/css">
*{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.mionmenu1 li{ font-size:12px; height:24px; float:left; cursor:pointer; padding-left:12px; margin-right:8px;}
.mionmenu1 li span{ display:block; padding-right:12px; line-height:24px;}
.mionmenu1 .hover{ color:#fff;background:url(/images/index3/zxlileft.png) no-repeat left top;}
.mionmenu1 .hover span{background:url(/images/index3/zxliright.png) no-repeat right top;}
.mionlist1{ display:none;}
#mionblock{ display:block;}
.mionlist1 li{ width:328px; height:124px; float:left; background:#eee; margin:0 14px 14px 0;}
.mionlist1 li img{ float:left; width:124px; height:124px;}
.mionlist1 li h3{ float:left; width:180px; height:40px; line-height:40px; text-indent:12px; overflow:hidden; font-size:16px; font-family:"微軟雅黑";}
.mionlist1 li h3 a{ color:#333;}
.mionlist1 li p{ float:left; width:167px; padding:2px 0 0 13px; overflow:hidden; height:63px; line-height:21px; color:#888;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
</style>
<div class="mionlist1" id="mionblock">
<ul>
<?php
if( !empty( $tag['data.results'] ) )
{
foreach($tag['data.results'] as $k =>$data)
{

?>
<li><a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>"><img src="<?php echo ispic($data['originalPic']); ?>" /></a><h3><a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>" title="<?php echo $data['title']; ?>" <?php echo $data['style']; ?>><?php echo $data['title']; ?></a></h3><p><?php echo $data['description']; ?></p></li>
<?php
}
}
else
{
echo '暫無文章。';
}
?>
</ul>
<div class="clear"></div>
<div id="articeBottom"><?php if(!empty($tag['pager.cn'])) echo $tag['pager.cn']; ?></div>
</div>

上面代碼中:
藍色部分的是css樣式文件,可以自由改動或者刪除統一調用單獨文件;
紅色部分的是新聞列表外圍包含的div或ul,可以自由修改成自己的結構;
綠色部分的是新聞列表循環的li部分,可以根據和參考原有代碼進行修改結構;
黃色代碼是分頁代碼,不可刪除

其他部分的代碼就是程序代碼了我們不要做改動。

將各個需要使用到的parts文件都修改好之后,模板我們就基本做好了。

關鍵詞: parts文件
2016-03-14 09:36:00 來源:本站 瀏覽:1579
關閉
人妖视频在线观看专区,人妖系列网站在线看TS,人妖系列在线精品视频,人与嘼视频免费播放,人与动人物欧美网站