将UCHOME2.0随便看看里的图片改成相册的办法
地图 | 热门标签 | RSS
本栏目:【网页优化】
内容为:效果请看 www.aiamy.com一、改变图片显示内容UCHOME2.0随便看看图片里默认显示的是按时间排序的最新图片,往往只能显示出最新相册里的图片,现将它改成从每个相册里 ... ,Discu
同级栏目· 网页优化 网页设计
美术园首页

将UCHOME2.0随便看看里的图片改成相册的办法

本站:(美术园)美术网 时间:2011-01-22 23:00 |挑错|美术论坛

一、改变图片显示内容
  UCHOME2.0随便看看图片里默认显示的是按时间排序的最新图片,往往只能显示出最新相册里的图片,现将它改成从每个相册里抽取一张封面但图片,
改变方法如下:
找到home/source/network.php,找到以下这一段:
$piclist = array();
  $query = $_SGLOBAL['db']->query("SELECT album.albumname, album.friend, space.username, space.name, space.namestatus, main.*
FROM ".tname('pic')." main
  LEFT JOIN ".tname('album')." album ON album.albumid=main.albumid
  LEFT JOIN ".tname('space')." space ON space.uid=main.uid
  WHERE ".implode(' AND ', $wherearr)."
GROUP BY main.albumid ORDER BY main.{$order} $sc
LIMIT 0,$shownum");
  在标红的位置加上GROUP BY main.albumid即可,如果要改成每个用户显示一张,改成GROUP BY main.uid即可
二、改变显示数量
将下面数值改成你想要的值;
//显示数量
$shownum = 41;
三、在图片上压上相册的名字
找到home/template/default下的network.htm
找到以下这一段,加上标红的语句就可以
<div id="spics_wrap">
<ul id="spics" style="margin-left: 0;">
<!--{loop $piclist $key $value}-->
<li class="spic_$key">
  <div class="spic_img"><a href="space.php?uid={$value[uid]}&do=album&picid={$v alue[picid]}" target="_blank"><strong>$value[hot]</strong><img src="$value[pic]" alt="$value[albumname]" /></a></div>
  <p><a href="space.php?uid={$value[uid]}&do=album&id={$valu e[albumid]}" title="$value[albumname]">$value[albumname]</a></p> <p><a href="space.php?uid=$value[uid]">{$_SN[$value[uid]] }</a></p>
  <p><!--{date('m-d H:i',$value[dateline],1)}--></p>
</li>
<!--{/loop}-->
</ul>
</div>
四、改变显示风格
  相册显示的风格全部定义在home/template/default/下的network.css里,要改变现实风格,改变下面这段里面的数字就可以:
#photolist { padding-bottom: 8px; border: 1px solid #E1E1E1; w\idth: 968px; background: #F7F7F7; }
#photolist .ntitle { border-bottom: 1px solid #E1E1E1; }
#spics_wrap { margin: 10px 32px; width: 904px; overflow: hidden; position: relative; }
#spics { width: 5000px; }
#spics li { float: left; width: 128px; height: 155px; border-left: 1px solid #E1E1E1; text-align: center;overflow: hidden; }
#spics .spic_img { position: relative; }
  #spics .spic_img a { display: block; margin-bottom: 8px; width: 128px; height: 100px; line-height: 100px; overflow: hidden; text-decoration: none !important; }
  #spics li strong { position: absolute; left: 14px; display: block; padding: 0 4px; background: #CCC; color: #FFF; font-weight: 400; line-height: 20px; }
#spics li a:hover strong { background: #F00; }
#spics .spic_img img { width: auto; height: auto; }
#spics p { line-height: 1.35em; color: #AAA; }
#p_control { position: relative; }
  #spics_last, #spics_next { position: absolute; top: 45px; display: block; width: 21px; height: 30px; background: url(image/scroll_page_arrow.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
#spics_last { left: 5px; }
#spics_last:hover { background-position: 0 -60px; }
#spics_last.disable { background-position: 0 -30px !important; }
#spics_next { right: 5px; background-position: 0 -90px; }
#spics_next:hover { background-position: 0 -150px; }
#spics_next.disable { background-position: 0 -120px !important; }
#p_control_pages { display: none; }
  譬如刚才,我在图片上加了显示相册名,以至于把后边的日期挤掉了,就可以改这段话里的height值,把高度由原来的144px变成了155px
#spics li { float: left; width: 128px; height: 155px; border-left: 1px solid #E1E1E1; text-align: center;overflow: hidden; }
  为了使相册更好看,还在spic CSS定义里加了背景图片
分享到QQ空间 转播到腾讯微博 分享0 收藏0 顶2 踩0
举报 返回顶部
uuvd King

UID 1015489 积分 1729 帖子 1979 威望 0

金币 97 个 体力 682 激情 1681 在线时间
76小时 注册时间
2008-11-1
沙发
发表于 2009-10-11 22:27| 只看该作者
收藏做个记号.
要是有个演示更好.
  2010年空间出售.绝对稳定.便宜.国外主机空间,网站地址:http://www.30123.cn 联系QQ:721325(注明来意)安溪网
举报 返回顶部
aiver Newbie

UID 1260392 积分 49 帖子 54 威望 0 金币
4 个 体力 13 激情 59 在线时间 2小时

注册时间

2009-9-16

藤椅
发表于 2009-10-12 14:29| 只看该作者
收藏了,做个记号
举报 返回顶部
linhing Newbie

UID 1170548 积分 28 帖子 35 威望 0 金币
0 个 体力 13 激情 34 在线时间 0小时

注册时间

2009-6-16

板凳
发表于 2009-10-12 19:25| 只看该作者
我出来做个记号
举报 返回顶部
GGGHHH King

UID 40153 积分 1081 帖子 772 威望 1

金币 302 个 体力 325 激情 756 在线时间
46小时 注册时间
2003-11-23
报纸
发表于 2009-10-12 22:02| 只看该作者
谢谢,收藏。。
20G月付25¥
500M虚拟主机PHP+MYSQL+国际域名+CDN+企业邮局 400元/
联系 QQ:85362929
免费帮安装转换论坛 关系网 iphone
举报 返回顶部
国狼策略 King

UID 924616 积分 1195 帖子 1201 威望 0

金币 156 个 体力 672 激情 826 在线时间
123小时 注册时间
2008-4-24
地板
发表于 2009-10-16 23:16| 只看该作者
收藏。。.......................
举报 返回顶部
暗恋未遂 Member

UID 1195263 积分 88 帖子 93 威望 0 金币
9 个 体力 36 激情 89 在线时间 12小时

注册时间

2009-7-15

7#
发表于 2009-10-21 10:10| 只看该作者
本帖最后由 暗恋未遂于 2009-10-21 10:14 编辑
做个记号,一会儿修改
哪儿有标红的?
举报 返回顶部
服务范围 Member

UID 1357395 积分 66 帖子 26 威望 0 金币
30 个 体力 5 激情 23 在线时间 0小时

注册时间

2010-1-19

8#
发表于 2010-1-23 01:56| 只看该作者
留名站位!!
举报 返回顶部
hxfy Member

UID 505640 积分 82 帖子 71 威望 0 金币
17 个 体力 55 激情 135 在线时间 0小时

注册时间

2006-11-30

9#
发表于 2010-1-23 16:23| 只看该作者
收藏了。谢谢。
举报 返回顶部
itgirl66 Newbie

UID 1353546 积分 24 帖子 20 威望 0 金币
5 个 体力 5 激情 27 在线时间 0小时

注册时间

2010-1-15

10#
发表于 2010-1-24 02:10| 只看该作者
收藏了,谢谢。
举报 返回顶部
 

    [上一篇:dedecms 图片附件使用二级域名的方法

    !▲▲本文被收藏: 次▲|已有0条评论|我来说两句 |挑错|返回顶部

    本文将UCHOME2.0随便看看里的图片改成相册的办法的标签: 图片 办法 改成 相册 UCHOME2.0 随便 看看
    [下一篇:不能正常访问百度是怎么回事
    相关文章

    美术网 | 美术高考网 | 美术图库 | 画室大全 | 联系我们| 网站地图| TAG标签| rss订阅 |百度map | 投稿 admin#meishuyuan.com QQ:28792267
    美术园美术网是为美术爱好者了解学习美术知识所创建的一个美术学习交流网站,含有美术新闻最新画展美术博客美术学习美术论坛、等特色内容。

    美术园:美术爱好者交流社区!MeiShuYuan.com