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 播放页面的大小调整..因为有前辈发过经典贴..就不在重复了..大家可以搜索一下
好..最后秀一秀我自己搞定的风格...
|