 flash模块模板个性化设置.. 纯原创..
本帖被 admin 设置为精华(2008-03-11)
描述：首页风格1
图片：
描述：首页风格继续
图片：
描述：小分类风格
图片：
描述：大分类风格
图片：
flash模块模板个性化设置.
经过摸索..总结出几条..大家一起探讨学习...
1 列表页的图片显示大小设置..
首先..要保证后台的flash栏目管理中
列表页每页显示多少个FLASH: 行 (留空则以默认为标准)
若有子栏目,每个子栏目显示多少个FLASH: 行 (留空则以默认为标准)
以上两个值为空..否则..列表页中的图片按照以上设置显示..
大类的列表页 D:\p8-server\wwwroot\flash\template\default\bigsort.htm
小类的列表页 D:\p8-server\wwwroot\flash\template\default\sort.htm
打开相关列表页
[backcolor=#66cccc]<!--
EOT;
foreach($rss[article] AS $key2=>$rs){
print <<<EOT
-->
<div class="listpic" style="padding-left:0.9em;">
<p class=img><a href="bencandy.php?fid=$rs[fid]&id=$rs[id]" target="_blank"><img width="105" height="77"
onerror="this.src='$Mdomain/images/default/nopic.jpg'" onLoad="makesmallpic(this,105,77);" src="$rs[picurl]"
border="0"></a></p>
<p class=title style='text-align:center;'><a href="bencandy.php?fid=$rs[fid]&id=$rs[id]" target="_blank">$rs
[title]</a></p>
</div>
<!--
EOT;
}print <<<EOT
-->
[/backcolor]
其中的 width="105" height="77" ... 是我修改后的图片显示的大小 系统默认的是 120 X 90 全部修改成你需要的大小..
但是..我们发现..即使修改后..依然还是显示 120 X 90 这是为什么呢..
原因.. 模板的CSS文件定义了列表页图片的显示属性..所以..我们还需要修改CSS文件
flash板块的默认CSS文件在 D:\p8-server\wwwroot\flash\images\default\css.css
打开CSS文件..查找 listpic ..会定为在下列位置
/******************************************
文章中列表页中的图片主题,图片列表
.listpic每张图的占位空间
width:127px;占位宽度127像素
padding:3px 0 3px 4px;内间隙距离上右下左
float:left;居左排列
.listpic .title图片底下的标题样式
width:127px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
固定了宽度,控制自动隐藏超出边界的文字
******************************************/
.listpic{
width:127px;
padding:3px 0 3px 4px;
float:left;
}
.listpic .title{
width:127px;
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/******************************************
文章中列表页中的图片主题,图片内边框样式
border:1px #FFF solid;边框一个像素,为实线,可以改0px,即取消内边框
改solid为dotted即是虚线
******************************************/
.listpic img{
border:1px #FFF solid;
width:120px;
height:90px;
}
/******************************************
文章中列表页中的图片主题,图片外边框样式
width:120px; 图片外边框宽 height:90px; 图片外边框高
display:block; 定义链接为实体利于加效果
text-align :center; 图片在边框内居中
border:1px #ccc solid;图片外边框样式,要取消边框,可以把1改0,
要加粗粗,把1改成更大的数,要用虚线,可以把solid改成dotted,要换颜色修改#ccc为其他的
margin-bottom:5px; 与底部文字的距离
******************************************/
.listpic .img a{
width:120px;
height:90px;
display:block;
text-align :center;
border:1px #ccc solid;
margin-bottom:5px;
}
找到 120 90 字样.. 替换成你需要的大小... 这样 就彻底修改了 图片显示大小了... 另外...如果发现图片之间的间隔空隙太大..
就在上面的代码中找 127 字样..这是定义图片占用的宽度...比如..我修改了图片显示为 105 X 77 但暂用宽度还是 127 这样就显得间隔空
隙过大..我们需要 把所有 127的字样替换成我们需要大小即可 我设置为 113
重要的忘了说了...如果你是自定义的模板..需要把上述的CSS文件代码粘贴到你自定义的css文件中..
后来经过检查发现..其实只需要修改css文件的显示大小就可以搞定...不需要修改模板文件中的大小..不过都修改也不是什么坏事
2 列表页左右板块的大小调整...
打开你的分类页 找到 <td width="75%" height="393" valign="top" class="Main">
和 <td width="25%" height="393" valign="top" class="Side" align="right">
字样.. 这是左右两个单元格占用整个表格的 75% 和 25% 通过调整它们的比例就可以控制左右的单元格大小了..
3 列表页的图片显示数量的设置..
打开 D:\p8-server\wwwroot\flash\list.php
大分类列表页图片数量设置:
找到
if($fidDB[type]){
$listdb_moresort=ListMoreSort($moresortROWS>0?$moresortROWS:5,$moresortLeng>0?$moresortLeng:40);
$chdb[main_tpl]=getTpl("bigsort",$FidTpl['list']);
其中的 moresortROWS:5 就是大分类列表页中 给 每个小分类显示的图片连接数目.. 根据需要自行调整 我设置的是12个
小分类列表页图片数量设置:
找到
//列表页多少条
$Lrows=$fidDB[maxperpage]?$fidDB[maxperpage]:120;
这是我设定的 每页显示120个图片连接..因为我把图片采集回本地..每个图片大小3K左右..所以不影响浏览速度..
4 热门 和 推荐 的文章显示数目的调整
大类的列表页 D:\p8-server\wwwroot\flash\template\default\bigsort.htm
小类的列表页 D:\p8-server\wwwroot\flash\template\default\sort.htm
找到 <span class="TAG">热门FLASH</span>
在找 $array=GET_FLASH($type='hot',0,$rows=8,$leng=26,$getson=1);
其中的 $rows=8 就是热门文章的显示条目数 $leng=26 是该条目显示 26 个字符 自己根据需要调整
同样 推荐 就找 <span class="TAG">推荐FLASH</span>
5 播放页面的大小调整..因为有前辈发过经典贴..就不在重复了..大家可以搜索一下
好..最后秀一秀我自己搞定的风格...
|
