发源地·开源项目分享社区

 找回密码
 立即注册
查看: 1858|回复: 0
收起左侧

[电子商务] DISCUZx3.4万能相册管理(相册列表页)开发进度完毕

  [复制链接]

活雷锋

329

主题

1359

帖子

2667万

积分

管理员

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

UID
1
性别
银票
8889541
铜板
8892050
钢镚
8897155
好友
2
记录
1
日志
0
相册
54
帖子
1359
主题
329
精华
116
分享
0
注册时间
2019-5-13
最后登录
2021-1-3
在线时间
376 小时
卖家信用
买家信用
听众
1
收听
1
居住地
江苏省 苏州市 太仓市 太仓经济开发区
职业
山贼
自我介绍
他们都是叛徒,但我从没恨过他们...
兴趣爱好
IT/互联网/硬件/软件
发表于 2020-5-28 01:03:03 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
作者:青花
转载请注明出处:https://wdc.store


使用方法:

1.创建文件space_album_list.htm;

2.将CSS部分引入到space_album_list.htm(支持外部引入和直接单页,CSS请放在头部);
3.覆盖替换/template/您的原始模板/touch/home中的space_album_list.htm文件。
特别说明:如果是创建mobeli版,请勿插入header和footer,因为是电脑版直接适配,这样容易乱码,请使用万能header和万能footer嵌入到页面中。
预览图:
QQ浏览器截图20200530014248.png
QQ浏览器截图20200530014208.png
QQ浏览器截图20200530014233.png
QQ浏览器截图20200530014258.png

这个页面需要的判断非常之多,逻辑性非常复杂,写起来相当辛苦,所以花了一个星期,终于写完了。判断逻辑列表如下:
当用户访问相册时,判断是空间访问还是相册访问
当用户访问相册时,两个接口四方位判断(即:从空间访问的是本人还是他人,从相册访问的是本人还是他人,从空间访问的是管理员还是普通用户,从相册访问的是管理员还是普通用户)是自主访问还是他人访问
当用户访问相册时,判断是否显示博客、个人资料、说说、帖子等按钮
当用户访问相册时,判断是否具备私有相册访问权限
当用户访问相册时,判断是否启用编辑和上传按钮
当用户访问相册时,判断显示这是谁的相册,如果是自己,就是:我的相册/我的默认相册,如果是他人,则:他的相册/TA的默认相册
当用户通过好友相册入口进入,是否显示除了自己之外的好友相册,并且区分默认相册的归属,如果有多个好友的结果,也要将相册的归属区分
当用户访问相册时,判断是否显示head右边的【我的相册】如果不是自己的相册,就显示【我的相册】超链接指向自己的相册,反之,如果是自己的相册则显示【上传】按钮,且,进入功能之后,再做一次判断来区分相册归属、相册内容对应的更新日期和昵称显隐
当用户访问相册时,判断其反复在我的相册和相册TA的相册之间切换,始终保证处于其状态的对应,即,不会出现:在自己的相册里显示成别人的昵称,也不会在别人的相册显示成自己的相册标题或其它。
当用户通过PC指定访问页面时,进行判断,强制不跳转到默认版(当然,这个可以直接替换默认模板,完美兼容的)
还有更多细节,不一一介绍,指向相册、空间、帖子等所有该指向的的路径已经都完善,且支持任何第三方模板的head和footer插入(前提是正常的嵌入)。以下是两个版本,mobeli版和touch版,不通用,mobeli版是用来替换体验极差的默认手机模板,而touch版是万能适配的,两个版本可以共存,互不冲突,但是touch版不能放进mobeli目录,同样,mobeli版也不适用与touch版,主要区别是CSS样式,一个是从电脑版直接适应,另一个是从移动声明适应。
mobeli版:保存为单个文件space_album_list.htm 替换原来的默认模板
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>   
  2. <!--判断手机版-->
  3. <script src="{STATICURL}js/mobile/common.js?{VERHASH}" charset="{CHARSET}"></script>
  4. <!--判断句结束-->
  5. <style type="text/css">
  6. body{
  7.     width:94.5%;
  8. }
  9. .bq{   /*head自定义背景框*/
  10.     width:97%;
  11.     height:45px;
  12.     background-color:#EE3B3B;
  13.     border-radius:5px;
  14.     position: absolute;
  15.     left:6px;
  16.     position: fixed;
  17.     top:5px;
  18.     text-align:center;
  19. }
  20. .h2{   /*自定义head标题*/
  21.     color:#fff;
  22.     line-height:25px;
  23.     font-size:20px;
  24. }
  25. .a_l{   /*返回按钮*/
  26.     position: absolute;
  27.     left:12px;
  28.     font-size:18px;
  29. }
  30. #a_r{   /*上传按钮*/
  31.     position: absolute;
  32.     right:12px;
  33.     font-size:18px;
  34.     color:#fff;
  35. }
  36. .kuang{   /*第一个菜单列表背景框+随便逛逛框体*/
  37.     border-radius:5px;
  38.     border:2px solid #FFBF00;   
  39.     width:100%;
  40.     font-size:16px;
  41.     color:#0080FF;
  42.     margin-top:60px;
  43.     height:auto;
  44.     margin-right:-1px;

  45. }
  46. .up_kuang{   /*第一个菜单列表子框*/
  47.     border:3px inset #fff013;
  48.     border-radius:5px;
  49.     width:98.5%;
  50.     height:auto;
  51.     background-color:#FFD700;
  52. }
  53. .kuang2{   /*第一个菜单列表背景框+随便逛逛框体*/
  54.     border-radius:5px;
  55.     border:2px solid #FFBF00;   
  56.     width:100%;
  57.     font-size:16px;
  58.     color:#0080FF;
  59.     margin-top:10px;
  60.     height:62;
  61.     margin-right:-1px;
  62. }
  63. .up_kuang2{   /*随便逛逛子框体 and 好友筛选框体*/
  64.     border:3px inset #fff013;
  65.     border-radius:4px;
  66.     width:98.5%;
  67.     height:56;
  68.     background-color:#FFD700;
  69. }
  70. .kuang3{   /*第一个菜单列表背景框+随便逛逛框体*/
  71.     border-radius:5px;
  72.     border:2px solid #FFBF00;   
  73.     width:100%;
  74.     font-size:16px;
  75.     color:#0080FF;
  76.     margin-top:10px;
  77.     height:auto;
  78.     margin-right:-1px;
  79. }
  80. .up_kuang3{   /*随便逛逛子框体 and 好友筛选框体*/
  81.     border:3px inset #fff013;
  82.     border-radius:4px;
  83.     width:98.5%;
  84.     height:80;
  85.     background-color:#FFD700;
  86. }
  87. .ul{
  88.     margin:10px 0px 0px -30px ;
  89. }
  90. .li_3{
  91.     width:50%;
  92.     list-style:none;
  93.     float:left;
  94.     line-height: 30px;
  95. }
  96. .li_lib {   /*第一个主菜单*/
  97.     list-style:none;
  98.     float:left;
  99.     width:33.33%;
  100.     margin-top:10px;
  101. }
  102. .li_lib_b {   /*第一个主菜单*/
  103.     list-style:none;
  104.     float:left;
  105.     width:30%;
  106.     margin-top:10px;
  107. }
  108. .li_font_div {   /*第一个主菜单下面的提示文字*/
  109.     text-align:center;
  110.     margin: 0 auto;
  111.     height:auto;
  112. }
  113. .li_font {   /*第一个主菜单下面的提示文字*/
  114.     text-align:center;
  115.     font-size:14px;
  116.     color:#CD3700;
  117.     text-decoration:none;
  118.     line-height: 50px;
  119. }
  120. #red{    /*好友相册 菜单颜色*/
  121.     color:#EE30A7;
  122.     background-color:#fff;
  123.     border-radius:5px;
  124.     padding:5px 5px 3px 5px;   
  125.     font-size:14px;
  126.     border:3px inset #fff013;   
  127. }
  128. #blue{   /*我的相册 菜单颜色*/
  129.     color:#1E90FF;
  130.     background-color:#fff;
  131.     border-radius:5px;   
  132.     padding:5px 5px 3px 5px;   
  133.     font-size:14px;   
  134.     border:3px inset #fff013;   
  135. }
  136. #green{   /*随便逛逛 菜单颜色*/
  137.     color:#43CD80;
  138.     background-color:#fff;   
  139.     border-radius:5px;   
  140.     padding:5px 5px 3px 5px;   
  141.     font-size:14px;   
  142.     border:3px inset #fff013;   
  143. }
  144. #purple{
  145.     color:#836FFF;
  146.     background-color:#fff;   
  147.     border-radius:5px;   
  148.     padding:5px 5px 3px 5px;   
  149.     font-size:14px;   
  150.     border:3px inset #fff013;   
  151. }
  152. .li_lib2 {   /*随便看看子菜单列表样式*/
  153.     list-style:none;
  154.     float:left;
  155.     width:16%;
  156.     font-size:13px;
  157.     line-height: 22px;
  158.     margin-right:2px;

  159. }
  160. .pic_kuang{    /*相册外框*/
  161.     border-radius:5px;
  162.     border:2px solid #fff;   
  163.     width:116%;
  164.     font-size:12px;
  165.     color:#FFBBFF;
  166.     margin-top:5px;
  167.     margin-left:-50px;
  168. }
  169. .pic_big_kuang{   /*相册内框*/
  170.     border-radius:4px;
  171.     overflow-x:auto;
  172.     width:auto;
  173.     margin-left:-0.5px;
  174.     background-color:#fff;
  175.     padding:0px 2px 5px 2px;
  176.     line-height: 10px;
  177. }
  178. .pic_big_fanye{   /*翻页按钮样式*/
  179.     border-radius:4px;
  180.     color:#ccc;
  181.     background-color:#fff;
  182.     width:100%;
  183.     margin-left:36%;
  184. }
  185. .pic_li{   /*综合相册li列表样式*/
  186.     list-style:none;
  187.     float:left;
  188.     border-radius:5px;  
  189.     margin-top:10px;
  190.     margin-bottom:15px;
  191.     width:33.33%;
  192. }
  193. .pic_p{   /*综合相册列表-p标签样式*/
  194.     line-height:20px;
  195.     text-align:center;
  196.     color:#7171C6;
  197. }
  198. #pic_a{   /*综合相册列表a标签样式*/
  199.     text-align:center;
  200.     line-height: 18px;
  201.     font-size:14px;
  202.     color:#00868B;
  203. }
  204. #pic_name{   /*综合相册-相册主人昵称样式*/
  205.     text-align:center;
  206.     line-height: 18px;
  207.     font-size:14px;
  208.     color:#CD5555;
  209. }
  210. .pic_img{   /*综合相册列表div样式*/
  211.     border-radius:5px;
  212.     border:2px solid #ccc ;
  213.     width:95%;
  214.     height:95%;
  215. }
  216. .pic_div{   /*综合相册列表div样式*/
  217.     text-align:center ;
  218.     width:115px;
  219.     height:115px;
  220.     margin:0 auto;
  221. }
  222. .pic_de_p{   /*综合相册列表尾部的默认相册p标签样式*/
  223.     line-height:22px;
  224.     text-align:center;
  225.     color:#7171C6;
  226. }
  227. #pic_de_a{      /*综合相册列表尾部的默认相册a标签样式*/
  228.     text-align:center;
  229.     line-height: 22px;
  230.     font-size:14px;
  231.     color:#00868B;
  232. }
  233. .pic_de_img{   /*综合相册列表尾部的默认相册图片大小*/
  234.     border-radius:5px;
  235.     border:2px solid  #ccc;
  236.     width:97%;
  237.     height:97%;
  238. }
  239. .pic_de_div{   /*综合相册列表div样式*/
  240.     text-align:center ;
  241.     width:112px;
  242.     height:112px;
  243.     margin:0 auto;
  244. }
  245. .pic_li_moren{   /*相册为空时显示的默认相册li标签样式*/
  246.     width:100%;
  247. }
  248. .pic_div_moren{   /*相册为空时显示的默认相册div样式*/
  249.     width:240px;
  250.     margin: 0 auto;
  251.     height:240px;
  252.     margin-top:30px;
  253. }

  254. .pic_p_moren{    /*默认相册的P标签*/
  255.     text-align:center;
  256.     line-height:28px;
  257. }
  258. #pic_a_moren{   /*默认相册的a标签*/
  259.     font-size:16px;
  260.     text-align:center;
  261.     padding-bottom:10px;
  262. }
  263. #b_btn{   /*编辑和上传按钮样式*/
  264.     padding:2px 4px 2px 4px;
  265.     background-color:#1E90FF;
  266.     margin:0px 2px 0px 2px;
  267.     color:#fff;
  268.     border-radius:5px;
  269.     border:2px inset #1E90FF;      
  270. }
  271. .kong{  /*相册为空时提示*/
  272.     text-align:center;
  273.     padding:20px 10px 15px 10px;
  274. }
  275. </style>

  276. <!--空间入口访问相册-->
  277. <!--如果是自己访问:获取相册主人的头像和签名信息-->
  278. <!--{if $diymode}-->


  279.         <!--header-->      
  280. <div class="bq">
  281.             <center>
  282.                 <!--判断:如果是我的相册,显示相册管理-->            
  283.                 <!--{if $space[uid]==$_G[uid]}-->
  284.                 <h2 class="h2">相册管理
  285.                 <!--{else}-->
  286.                 <h2 class="h2">TA的相册  
  287.                 <!--{/if}-->
  288.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
  289.                     <!--判断:如果是我的相册,显示上传按钮-->   
  290.                     <!--{if $space[uid]==$_G[uid]}-->           
  291.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
  292.                     <!--{else}-->   
  293.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
  294.                     <!--{/if}-->
  295.                 </h2>
  296.             </center>   
  297. </div>
  298.       
  299.         <!--header-end-->      
  300.         <!--第一个li菜单-->
  301.         <!--第一个li菜单框体-->
  302.         <div>
  303.         <div class="kuang">
  304.             <!--第一个li内容框体-->
  305.                   <div class="up_kuang">
  306.                 <!--第一个li内容-->              
  307.                          <ul>
  308.                 <!--判断:如果是我的相册,显示我的相册-->   
  309.                 <!--{if $space[uid]==$_G[uid]}-->                              
  310.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
  311.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
  312.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
  313.                 <!--{else}-->
  314.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
  315.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
  316.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
  317.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
  318.                             <!--{/if}-->
  319.                         </ul>
  320.                         
  321.                 <!--第一个li菜单-end-->               

  322.             <!--社区相册入口提示信息-->
  323.             <div class="li_font_div">
  324.                 <span class="li_font" >社区帖子中的图片在每页最后的<a  class="li_font" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span>
  325.             </div>
  326.             <!--社区入口提示信息-end-->
  327.             </div>


  328.             <!--第一个li内容框体-end-->        
  329.         </div>
  330.         <!--第一个li菜单框体-end-->        
  331. </div>
  332. <!--{else}-->

  333.         <!--如果是个人资料页面进入,显示样式-->  
  334.         <!--header-->      
  335.         <div class="bq">
  336.             <center>
  337.                 <!--判断:如果是我的相册,显示相册管理-->            
  338.                 <!--{if $space[uid]==$_G[uid]}-->
  339.                 <h2 class="h2">相册管理
  340.                 <!--{else}-->
  341.                 <h2 class="h2">TA的相册  
  342.                 <!--{/if}-->               
  343.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
  344.                     <!--判断:如果是我的相册,显示上传按钮-->   
  345.                     <!--{if $space[uid]==$_G[uid]}-->           
  346.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
  347.                     <!--{else}-->   
  348.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
  349.                     <!--{/if}-->
  350.                     <!--判断结束-->  
  351.                 </h2>
  352.             </center>   
  353.          </div>         
  354.         <!--header-end-->      
  355.    
  356.         <!--第一个li菜单-->
  357.         <!--第一个li菜单框体-->
  358.         <div class="kuang">
  359.             <!--第一个li内容框体-->
  360.                   <div class="up_kuang">
  361.                 <!--第一个li内容-->              
  362.                          <ul>
  363.                 <!--判断:如果是我的相册,显示我的相册-->   
  364.                 <!--{if $space[uid]==$_G[uid]}-->                              
  365.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
  366.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
  367.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
  368.                 <!--{else}-->
  369.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
  370.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
  371.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
  372.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
  373.                             <!--{/if}-->
  374.                         </ul>
  375.                 <!--第一个li菜单-end-->               

  376.             <!--社区相册入口提示信息-->
  377.                 <div  class="li_font_div">
  378.                 <span class="li_font">社区帖子中的图片在每页最后的<a  class="li_font" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span></div>
  379.             <!--社区入口提示信息-end-->
  380.             </div>
  381.             <!--第一个li内容框体-end-->        
  382.         </div>
  383.         <!--第一个li菜单框体-end-->        
  384.         
  385.         <!--{/if}-->

  386.    
  387.     <!--第二个li菜单-->   
  388.     <!--判断获取更新、热度排序-->
  389.     <!--{if $_GET[view] == 'all'}-->
  390.        <!--随便看看顶层框体-->
  391.        <div class="kuang3">
  392.             <!--随便看看子框体-->           
  393.             <div class="up_kuang3">   
  394.                 <!--随便看看子框体内容-->              
  395.                 <ul class="ul">
  396.                 <!--第二个li菜单列表获取-->                     
  397.                 <li class="li_lib2"><a href="home.php?mod=space&do=album&view=all" {if !$_GET[catid]}$orderactives[dateline]{/if}>最近更新 </a></li>
  398.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&view=all&order=hot" $orderactives[hot]>热门推荐</a></li>
  399.                 <!--获取网站相册列表-->        
  400.                 <!--{if $_G['setting']['albumcategorystat'] && $category}-->
  401.                     <!--{loop $category $value}-->
  402.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&catid={$value[catid]}&view=all"{if $_GET[catid]==$value[catid]} {/if}>$value[catname]</a></li>
  403.                 <!--{/loop}-->
  404.                 <!--第二个li菜单列表获取-end-->                 
  405.                 <!--{/if}-->
  406.                 </ul>
  407.             </div>
  408.             <!--随便看看子框体-end-->               
  409.         </div>
  410.         <!--随便看看顶层框体-end-->  
  411.     <!--{/if}-->


  412.     <!--相册查找功能-->
  413.     <!--判断、获取相册列表-->
  414.     <!--{if ($_GET['view'] == 'we') && $userlist}-->
  415.     <!--相册查找功能TAB顶层框体-->  
  416.     <div class="kuang2">
  417.         <!--相册查找功能TAB子层框体-->  
  418.         <div class="up_kuang2">
  419.             <!--相册查找功能TAB内容-->  
  420.             <ul>
  421.             <!--筛选功能-->               
  422.             <li class="li_3">从好友中筛选:</li>
  423.             <li  class="li_3">
  424.                 <!--筛选框-->        
  425.                      <select name="fuidsel" onchange="fuidgoto(this.value);">
  426.                      <!--默认筛选项-->
  427.                         <option value="">全部好友</option>
  428.                             <!--调用好友的相册列表,通过昵称搜索其发布的相册-->
  429.                         <!--{loop $userlist $value}-->
  430.                         <!--获取好友的昵称,选择昵称等于选择获取其相册列表的搜索结果-->
  431.                         <option value="$value[fuid]"{$fuid_actives[$value[fuid]]}>$value[fusername]</option>
  432.                             <!--{/loop}-->
  433.                         <!--相册列表调用-end-->  
  434.                 <!--查找选择框-end-->                     
  435.                      </select>
  436.             </li>
  437.         </div>
  438.     </div>
  439.     <!--{/if}-->
  440.     <!--判断、获取相册列表-end-->      
  441.    

  442.     <!--我的相册列表-->
  443.     <!--{if $picmode}-->
  444.         <!--{if $pricount}-->
  445.         <div>
  446.             <p>我的相册</p>
  447.         <!--{/if}-->
  448.         <!--{if $count}-->
  449.             <ul>
  450.         <!--{loop $list $key $value}-->
  451.             <li>
  452.                      <div class="pic_div">
  453.                             <a href="home.php?mod=space&uid=$value[uid]&do=album&picid=$value[picid]">
  454.         <!--{if $value[pic]}-->
  455.                      <img src="$value[pic]" class="pic_img" alt="" />
  456.         <!--{/if}-->
  457.                     </a>
  458.                      </div>
  459.             <!--获取相册名称-->               
  460.                      <p id="pic_a"><a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]">$value[albumname]</a></p>
  461.                      <span>
  462.                 <!--获取用户昵称-->                        
  463.                     <a id="pic_name" href="home.php?mod=space&uid=$value[uid]">$value[username]</a>
  464.                    </span>
  465.                 </li>
  466.         <!--{/loop}-->
  467.              </ul>
  468.             
  469.         <!--调用翻页按钮-->        
  470.         <!--{if $multi}-->
  471.         <div class="pic_big_fanye">$multi</div>
  472.         <!--{/if}-->
  473.            
  474.         <!--如果没有相册,就提示-->                  
  475.         <!--{else}-->
  476.         <div>暂时没有公开的相册</div>
  477.     <!--{/if}-->
  478.                
  479. <!--{else}-->
  480.     <!--相册搜索功能-->
  481.     <!--{if $searchkey}-->
  482.         <p>搜索相册 <span>$searchkey</span> 搜索列表</p>
  483.     <!--{/if}-->

  484.     <!--我的相册-->               
  485.     <!--{if $pricount}-->
  486.         <p>我的相册</p>
  487.     <!--{/if}-->

  488.     <!--我的相册列表顶层框体-->        
  489.     <div class="pic_kuang">
  490.         <!--相册列表承载框体-->            
  491.         <div class="pic_big_kuang">
  492.             <!--相册列表-->               
  493.             <!--{if $count}-->
  494.                 <ul>
  495.                 <!--获取相册列表-->                    
  496.                 <!--{loop $list $key $value}-->
  497.                 <!--{eval $pwdkey = 'view_pwd_album_'.$value['albumid'];}-->
  498.                          <li class="pic_li">
  499.                 <div class="pic_div">
  500.                     <!--获取对应相册链接-->                  
  501.                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
  502.                     <!--获取对应相册封面图-->                             
  503.                     <!--{if $value[pic]}-->
  504.                     <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
  505.                     <!--{/if}-->
  506.                         </a>
  507.                     </div>
  508.                          <p  class="pic_p">
  509.                 <!--获取名称对应链接-->                        
  510.                              <a id="pic_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
  511.                     <!--获取相册对应名称-->                        
  512.                     <!--{if $value[albumname]}-->$value[albumname]
  513.                     <!--如果获取相册为空,则显示社区相册-->
  514.                     <!--{else}-->
  515.                     社区相册
  516.                     <!--{/if}-->
  517.                     </a>
  518.                 </p>
  519.                 <p class="pic_p">
  520.                     <!--获取图片计数-->            
  521.                     <!--{if $value[picnum]}-->
  522.                    (总共 $value[picnum] 张)
  523.                     <!--{/if}-->
  524.                 </p>
  525.                 <!--获取功能按钮-->
  526.                
  527.                 <!--判断如果是自己,显示以下功能-->                     
  528.                 <!--{if $value[uid]==$_G[uid]}-->
  529.                          <p  class="pic_p">
  530.                         <a id="b_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编辑</a>
  531.                         <a id="b_btn" href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上传</a>
  532.                             </p>
  533.                            
  534.                     <!--判断如果不是自己,将显示获取上传者昵称(除了自己外的所有人可见)-->                        
  535.                 <!--{else}-->
  536.                         <p id="pic_name" ><a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
  537.                 <!--{/if}-->

  538.                 <!--预留判断句,如果是好友访问,显示什么?如果是自己就隐藏-->
  539.                 <!--{if $_GET[view]!='me'}-->
  540.                 <!--{/if}-->

  541.                 <!--以上判断结束,这里是对所有人可见的区域(包括自己)-->
  542.                 <!--获取相册更新日期,如果需要关闭删除即可-->
  543.                              <p class="pic_p">更新:
  544.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
  545.                             </p>        
  546.                             </li>
  547.                 <!--{/loop}-->
  548.                 <!--数据调用结束-->
  549.                
  550.                 <!--社区相册显隐开关:是否将社区相册显示在每一页的最后面,用来填补每一页获取数据的最后一个空位-->  
  551.                 <!--如果是自己访问,开启社区相册显示,不建议开启,默认是开启的!-->
  552.                 <!--{if $space[self] && $_GET['view']=='me'}-->
  553.                          <li  class="pic_li">
  554.                                 <div class="pic_de_div">
  555.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
  556.                         <!--社区相册封面图-->                                         
  557.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
  558.                         </a>
  559.                     </div>
  560.                     <!--社区相册名称-->                        
  561.                     <p class="pic_de_p">
  562.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
  563.                                  </p>
  564.    
  565.                     <p class="pic_p">
  566.                     <!--图片说明-->   
  567.                     <!--{if $value[uid]==$_G[uid]}-->
  568.                     我的帖子图片
  569.                     </p>
  570.                     <!--{else}-->
  571.                     <p class="pic_p">
  572.                     TA的帖子图片
  573.                     <!--{/if}-->                    
  574.                     </p>
  575.                
  576.                     <!--获取功能按钮-->
  577.                     <!--{if $value[uid]==$_G[uid]}-->
  578.                             <p class="pic_p">
  579.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
  580.                                 </p>
  581.                    <!--{else}-->
  582.                    <!--好友访问是否显示相册主人的昵称,自己访问将不显示上传者昵称-->        
  583.                             <p class="pic_p">
  584.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
  585.                             </p>
  586.                     <!--{/if}-->
  587.                
  588.                     <!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可-->
  589.                                 <p class="pic_p">更新:
  590.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
  591.                                  </p>

  592.                         <!--好友从我的主页访问是否开启默认相册补全每页最后一个位置,默认是开启的,不需要可以删除-->        
  593.                         <!--{else}-->                                 
  594.                          <li  class="pic_li">
  595.                                 <div class="pic_de_div">
  596.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
  597.                         <!--社区相册封面图-->                                         
  598.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
  599.                         </a>
  600.                     </div>
  601.                     <!--社区相册名称-->                        
  602.                     <p class="pic_de_p">
  603.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
  604.                                  </p>
  605.    
  606.                     <p class="pic_p">
  607.                     <!--图片说明-->   
  608.                     <!--{if $value[uid]==$_G[uid]}-->
  609.                     我的帖子图片
  610.                     </p>
  611.                     <!--{else}-->
  612.                     <p class="pic_p">
  613.                     TA的帖子图片
  614.                     <!--{/if}-->                    
  615.                     </p>
  616.                
  617.                     <!--获取功能按钮-->
  618.                     <!--{if $value[uid]==$_G[uid]}-->
  619.                             <p class="pic_p">
  620.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
  621.                                 </p>
  622.                    <!--{else}-->
  623.                    <!--好友访问是否显示相册主人的昵称,自己访问将不显示上传者昵称-->        
  624.                             <p  class="pic_p">
  625.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
  626.                             </p>
  627.                     <!--{/if}-->
  628.                
  629.                     <!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可-->
  630.                                 <p class="pic_p">更新:
  631.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
  632.                                  </p>                        
  633.                                  
  634.                 <!--{/if}-->                                 
  635.                          </li>
  636.                 </ul>
  637.             </div>
  638.         <!--相册列表承载框体-end-->                       
  639.                 <!--相册列表翻页功能-->
  640.             <!--相册翻页按钮调用-->        
  641.                 <!--{if $multi}-->
  642.             <div class="pic_big_fanye" >$multi</div>
  643.             <!--{/if}-->

  644.     </div>
  645.     <!--相册列表顶层框体-end-->              
  646. <!--{else}-->
  647.     <!--如果当前相册列表为空,显示此社区相册列表-->
  648.     <!--{if $space[self] && $_GET['view']=='me'}-->
  649.             <ul>
  650.                     <li  class="pic_li_moren">
  651.                                <div  class="pic_div_moren">
  652.                                     <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
  653.                         <!--社区相册封面图-->                                         
  654.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
  655.                     </a>
  656.                              </div>
  657.                             <p class="pic_p_moren">
  658.                             <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
  659.                             </p>
  660.                 <p  id="pic_a_moren">
  661.                     <!--图片说明-->   
  662.                     <!--{if $space[uid]==$_G[uid]}-->
  663.                     我的帖子图片
  664.                     <!--{else}-->
  665.                     TA的帖子图片
  666.                     <!--{/if}-->                    
  667.                     </p>
  668.                
  669.                 <!--获取功能按钮-->
  670.                 <!--{if $value[uid]==$_G[uid]}-->
  671.                          <p>
  672.                         <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
  673.                             </p>
  674.                 <!--{else}-->
  675.                 <!--好友访问昵称显示,如果非自己访问将不显示获取上传者昵称-->        
  676.                         <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
  677.                         </p>
  678.                 <!--{/if}-->
  679.                 <!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可-->
  680.                             <p  id="pic_a_moren">更新:
  681.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
  682.                             </p>                                            
  683.                        </li>
  684.         </ul>
  685.         
  686.     <!--{else}-->
  687.              <div class="kong">抱歉!当前没有任何公开的相册!</div>

  688.     <!--{/if}-->
  689.    
  690.   
  691. <!--{/if}-->
  692. <!--{/if}-->

  693.     </div>
  694. </div>
  695. <script type="text/javascript">
  696. function fuidgoto(fuid) {
  697.         var parameter = fuid != '' ? '&fuid='+fuid : '';
  698.         window.location.href = 'home.php?mod=space&do=album&view=we'+parameter;
  699. }
  700. </script>
复制代码

TOUCH版完整代码如下:这个可以将CSS分开放,也可以放到一起,支持header和footer引入
CSS部分:
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>   
  2. <!--判断手机版-->
  3. <script src="{STATICURL}js/mobile/common.js?{VERHASH}" charset="{CHARSET}"></script>
  4. <!--判断句结束-->
  5. <style type="text/css">
  6. .bq{   /*head自定义背景框*/
  7.     width:97%;
  8.     height:45px;
  9.     background-color:#EE3B3B;
  10.     border-radius:5px;
  11.     position: absolute;
  12.     left:6px;
  13.     position: fixed;
  14.     top:0px;
  15.     text-align:center;
  16. }
  17. .h2{   /*自定义head标题*/
  18.     color:#fff;
  19.     line-height:50px;
  20.     font-size:20px;
  21. }
  22. .a_l{   /*返回按钮*/
  23.     position: absolute;
  24.     left:12px;
  25.     font-size:18px;
  26. }
  27. #a_r{   /*上传按钮*/
  28.     position: absolute;
  29.     right:12px;
  30.     font-size:18px;
  31.     color:#fff;
  32. }
  33. .kuang{   /*第一个菜单列表背景框+随便逛逛框体*/
  34.     border-radius:5px;
  35.     border:2px solid #FFBF00;   
  36.     width:96%;
  37.     font-size:16px;
  38.     color:#0080FF;
  39.     margin-left:6px;
  40.     margin-top:10px;

  41. }
  42. .up_kuang{   /*第一个菜单列表子框*/
  43.     border:3px inset #fff013;
  44.     border-radius:5px;
  45.     width:auto;
  46.     height:60;
  47.     background-color:#FFD700;
  48.     margin:2px 2px 2px 2px;
  49. }
  50. .up_kuang2{   /*随便逛逛子框体 and 好友筛选框体*/
  51.     border-radius:4px;
  52.     overflow-x:auto;
  53.     width:auto;
  54.     background-color:#C6E2FF;
  55.     padding:5px 2px 5px 2px;
  56. }
  57. .li_3{
  58.     width:30%;
  59.     list-style:none;
  60.     float:left;
  61.     margin-left:15%;
  62. }
  63. .li_lib {   /*第一个主菜单*/
  64.     list-style:none;
  65.     float:left;
  66.     text-align:center;
  67.     width:33.33%;
  68.     margin-top:10px;
  69. }
  70. .li_lib_b {   /*第一个主菜单*/
  71.     list-style:none;
  72.     float:left;
  73.     text-align:center;
  74.     width:25%;
  75.     margin-top:10px;
  76. }
  77. .li_font_div {   /*第一个主菜单下面的提示文字*/
  78.     margin: 0 auto;
  79.     text-align: center;
  80.     font-size:14px;
  81.     line-height:30px;
  82.     color:#CD3700;
  83.    
  84. }
  85. #red{    /*好友相册 菜单颜色*/
  86.     color:#EE30A7;
  87.     background-color:#fff;
  88.     border-radius:5px;
  89.     padding:5px 5px 3px 5px;   
  90.     font-size:14px;
  91.     border:3px inset #fff013;   
  92. }
  93. #blue{   /*我的相册 菜单颜色*/
  94.     color:#1E90FF;
  95.     background-color:#fff;
  96.     border-radius:5px;   
  97.     padding:5px 5px 3px 5px;   
  98.     font-size:14px;   
  99.     border:3px inset #fff013;   
  100. }
  101. #green{   /*随便逛逛 菜单颜色*/
  102.     color:#43CD80;
  103.     background-color:#fff;   
  104.     border-radius:5px;   
  105.     padding:5px 5px 3px 5px;   
  106.     font-size:14px;   
  107.     border:3px inset #fff013;   
  108. }
  109. #purple{
  110.     color:#836FFF;
  111.     background-color:#fff;   
  112.     border-radius:5px;   
  113.     padding:5px 5px 3px 5px;   
  114.     font-size:14px;   
  115.     border:3px inset #fff013;   
  116. }
  117. .li_lib2 {   /*随便看看子菜单列表样式*/
  118.     list-style:none;
  119.     float:left;
  120.     text-align:center;
  121.     width:16%;
  122.     font-size:13px;
  123.     margin-left:2px;
  124.     line-height: 22px;
  125. }
  126. .pic_kuang{    /*相册外框*/
  127.     border-radius:5px;
  128.     border:2px solid #fff;   
  129.     width:96%;
  130.     font-size:12px;
  131.     color:#FFBBFF;
  132.     margin-top:5px;
  133.     margin-left:6px;
  134. }
  135. .pic_big_kuang{   /*相册内框*/
  136.     border-radius:4px;
  137.     overflow-x:auto;
  138.     width:auto;
  139.     margin-left:-0.5px;
  140.     background-color:#fff;
  141.     padding:0px 2px 5px 2px;
  142.     line-height: 10px;
  143. }
  144. .pic_big_fanye{   /*翻页按钮样式*/
  145.     border-radius:4px;
  146.     color:#ccc;
  147.     background-color:#fff;
  148.     width:80%;
  149.     margin-left:10%;
  150. }
  151. .pic_li{   /*综合相册li列表样式*/
  152.     list-style:none;
  153.     float:left;
  154.     border-radius:5px;  
  155.     margin-top:10px;
  156.     margin-bottom:15px;
  157.     width:33.33%;
  158. }
  159. .pic_p{   /*综合相册列表-p标签样式*/
  160.     line-height:20px;
  161.     text-align:center;
  162.     color:#7171C6;
  163. }
  164. #pic_a{   /*综合相册列表a标签样式*/
  165.     text-align:center;
  166.     line-height: 18px;
  167.     font-size:14px;
  168.     color:#00868B;
  169. }
  170. #pic_name{   /*综合相册-相册主人昵称样式*/
  171.     text-align:center;
  172.     line-height: 18px;
  173.     font-size:14px;
  174.     color:#CD5555;
  175. }
  176. .pic_img{   /*综合相册列表div样式*/
  177.     border-radius:5px;
  178.     border:2px solid #ccc ;
  179.     width:95%;
  180.     height:95%;
  181. }
  182. .pic_div{   /*综合相册列表div样式*/
  183.     text-align:center ;
  184.     width:115px;
  185.     height:115px;
  186.     margin:0 auto;
  187. }
  188. .pic_de_p{   /*综合相册列表尾部的默认相册p标签样式*/
  189.     line-height:22px;
  190.     text-align:center;
  191.     color:#7171C6;
  192. }
  193. #pic_de_a{      /*综合相册列表尾部的默认相册a标签样式*/
  194.     text-align:center;
  195.     line-height: 22px;
  196.     font-size:14px;
  197.     color:#00868B;
  198. }
  199. .pic_de_img{   /*综合相册列表尾部的默认相册图片大小*/
  200.     border-radius:5px;
  201.     border:2px solid  #ccc;
  202.     width:97%;
  203.     height:97%;
  204. }
  205. .pic_de_div{   /*综合相册列表div样式*/
  206.     text-align:center ;
  207.     width:112px;
  208.     height:112px;
  209.     margin:0 auto;
  210. }
  211. .pic_li_moren{   /*相册为空时显示的默认相册li标签样式*/
  212.     width:100%;
  213. }
  214. .pic_div_moren{   /*相册为空时显示的默认相册div样式*/
  215.     width:240px;
  216.     margin: 0 auto;
  217.     height:240px;
  218.     margin-top:30px;
  219. }

  220. .pic_p_moren{    /*默认相册的P标签*/
  221.     text-align:center;
  222.     line-height:28px;
  223. }
  224. #pic_a_moren{   /*默认相册的a标签*/
  225.     font-size:16px;
  226.     text-align:center;
  227.     padding-bottom:10px;
  228. }
  229. #b_btn{   /*编辑和上传按钮样式*/
  230.     padding:2px 4px 2px 4px;
  231.     background-color:#1E90FF;
  232.     margin:0px 2px 0px 2px;
  233.     color:#fff;
  234.     border-radius:5px;
  235.     border:2px inset #1E90FF;      
  236. }
  237. .kong{  /*相册为空时提示*/
  238.     text-align:center;
  239.     padding:20px 10px 15px 10px;
  240. }
  241. </style>
复制代码

html模板部分,所有入
  1. <!--空间入口访问相册-->
  2. <!--如果是自己访问:获取相册主人的头像和签名信息-->
  3. <!--{if $diymode}-->
  4. <!--{template common/header}-->

  5.         <!--header-->      
  6. <div class="bq">
  7.             <center>
  8.                 <!--判断:如果是我的相册,显示相册管理-->            
  9.                 <!--{if $space[uid]==$_G[uid]}-->
  10.                 <h2 class="h2">相册管理
  11.                 <!--{else}-->
  12.                 <h2 class="h2">TA的相册  
  13.                 <!--{/if}-->
  14.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
  15.                     <!--判断:如果是我的相册,显示上传按钮-->   
  16.                     <!--{if $space[uid]==$_G[uid]}-->           
  17.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
  18.                     <!--{else}-->   
  19.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
  20.                     <!--{/if}-->
  21.                 </h2>
  22.             </center>   
  23. </div>
  24.       
  25.         <!--header-end-->      
  26.         <!--第一个li菜单-->
  27.         <!--第一个li菜单框体-->
  28.         <div>
  29.         <div class="kuang">
  30.             <!--第一个li内容框体-->
  31.                   <div class="up_kuang">
  32.                 <!--第一个li内容-->              
  33.                          <ul>
  34.                 <!--判断:如果是我的相册,显示我的相册-->   
  35.                 <!--{if $space[uid]==$_G[uid]}-->                              
  36.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
  37.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
  38.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
  39.                 <!--{else}-->
  40.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
  41.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
  42.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
  43.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
  44.                             <!--{/if}-->
  45.                         </ul>
  46.                         
  47.                 <!--第一个li菜单-end-->               

  48.             <!--社区相册入口提示信息-->
  49.             <div class="li_font_div">
  50.                 <span>社区帖子中的图片在每页最后的<a  id="a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span>
  51.             </div>
  52.             <!--社区入口提示信息-end-->
  53.             </div>


  54.             <!--第一个li内容框体-end-->        
  55.         </div>
  56.         <!--第一个li菜单框体-end-->        
  57. </div>
  58. <!--{else}-->
  59. <!--{template common/header}-->
  60.         <!--如果是个人资料页面进入,显示样式-->  
  61.         <!--header-->      
  62.         <div class="bq">
  63.             <center>
  64.                 <!--判断:如果是我的相册,显示相册管理-->            
  65.                 <!--{if $space[uid]==$_G[uid]}-->
  66.                 <h2 class="h2">相册管理
  67.                 <!--{else}-->
  68.                 <h2 class="h2">TA的相册  
  69.                 <!--{/if}-->               
  70.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
  71.                     <!--判断:如果是我的相册,显示上传按钮-->   
  72.                     <!--{if $space[uid]==$_G[uid]}-->           
  73.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
  74.                     <!--{else}-->   
  75.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
  76.                     <!--{/if}-->
  77.                     <!--判断结束-->  
  78.                 </h2>
  79.             </center>   
  80.          </div>         
  81.         <!--header-end-->      
  82.    
  83.         <!--第一个li菜单-->
  84.         <!--第一个li菜单框体-->
  85.         <div class="kuang">
  86.             <!--第一个li内容框体-->
  87.                   <div class="up_kuang">
  88.                 <!--第一个li内容-->              
  89.                          <ul>
  90.                 <!--判断:如果是我的相册,显示我的相册-->   
  91.                 <!--{if $space[uid]==$_G[uid]}-->                              
  92.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
  93.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
  94.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
  95.                 <!--{else}-->
  96.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
  97.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
  98.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
  99.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
  100.                             <!--{/if}-->
  101.                         </ul>
  102.                 <!--第一个li菜单-end-->               

  103.             <!--社区相册入口提示信息-->
  104.                 <div  class="li_font_div">
  105.                 <span>社区帖子中的图片在每页最后的<a  id="a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span></div>
  106.             <!--社区入口提示信息-end-->
  107.             </div>
  108.             <!--第一个li内容框体-end-->        
  109.         </div>
  110.         <!--第一个li菜单框体-end-->        
  111.         
  112.         <!--{/if}-->

  113.    
  114.     <!--第二个li菜单-->   
  115.     <!--判断获取更新、热度排序-->
  116.     <!--{if $_GET[view] == 'all'}-->
  117.        <!--随便看看顶层框体-->
  118.        <div class="kuang">
  119.             <!--随便看看子框体-->           
  120.             <div class="up_kuang2">   
  121.                 <!--随便看看子框体内容-->              
  122.                 <ul>
  123.                 <!--第二个li菜单列表获取-->                     
  124.                 <li class="li_lib2"><a href="home.php?mod=space&do=album&view=all" {if !$_GET[catid]}$orderactives[dateline]{/if}>最近更新 </a></li>
  125.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&view=all&order=hot" $orderactives[hot]>热门推荐</a></li>
  126.                 <!--获取网站相册列表-->        
  127.                 <!--{if $_G['setting']['albumcategorystat'] && $category}-->
  128.                     <!--{loop $category $value}-->
  129.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&catid={$value[catid]}&view=all"{if $_GET[catid]==$value[catid]} {/if}>$value[catname]</a></li>
  130.                 <!--{/loop}-->
  131.                 <!--第二个li菜单列表获取-end-->                 
  132.                 <!--{/if}-->
  133.                 </ul>
  134.             </div>
  135.             <!--随便看看子框体-end-->               
  136.         </div>
  137.         <!--随便看看顶层框体-end-->  
  138.     <!--{/if}-->


  139.     <!--相册查找功能-->
  140.     <!--判断、获取相册列表-->
  141.     <!--{if ($_GET['view'] == 'we') && $userlist}-->
  142.     <!--相册查找功能TAB顶层框体-->  
  143.     <div class="kuang">
  144.         <!--相册查找功能TAB子层框体-->  
  145.         <div class="up_kuang2">
  146.             <!--相册查找功能TAB内容-->  
  147.             <ul>
  148.             <!--筛选功能-->               
  149.             <li class="li_3">从好友中筛选:</li>
  150.             <li  class="li_3">
  151.                 <!--筛选框-->        
  152.                      <select name="fuidsel" onchange="fuidgoto(this.value);">
  153.                      <!--默认筛选项-->
  154.                         <option value="">全部好友</option>
  155.                             <!--调用好友的相册列表,通过昵称搜索其发布的相册-->
  156.                         <!--{loop $userlist $value}-->
  157.                         <!--获取好友的昵称,选择昵称等于选择获取其相册列表的搜索结果-->
  158.                         <option value="$value[fuid]"{$fuid_actives[$value[fuid]]}>$value[fusername]</option>
  159.                             <!--{/loop}-->
  160.                         <!--相册列表调用-end-->  
  161.                 <!--查找选择框-end-->                     
  162.                      </select>
  163.             </li>
  164.         </div>
  165.     </div>
  166.     <!--{/if}-->
  167.     <!--判断、获取相册列表-end-->      
  168.    

  169.     <!--我的相册列表-->
  170.     <!--{if $picmode}-->
  171.         <!--{if $pricount}-->
  172.         <div>
  173.             <p>我的相册</p>
  174.         <!--{/if}-->
  175.         <!--{if $count}-->
  176.             <ul>
  177.         <!--{loop $list $key $value}-->
  178.             <li>
  179.                      <div class="pic_div">
  180.                             <a href="home.php?mod=space&uid=$value[uid]&do=album&picid=$value[picid]">
  181.         <!--{if $value[pic]}-->
  182.                      <img src="$value[pic]" class="pic_img" alt="" />
  183.         <!--{/if}-->
  184.                     </a>
  185.                      </div>
  186.             <!--获取相册名称-->               
  187.                      <p id="pic_a"><a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]">$value[albumname]</a></p>
  188.                      <span>
  189.                 <!--获取用户昵称-->                        
  190.                     <a id="pic_name" href="home.php?mod=space&uid=$value[uid]">$value[username]</a>
  191.                    </span>
  192.                 </li>
  193.         <!--{/loop}-->
  194.              </ul>
  195.             
  196.         <!--调用翻页按钮-->        
  197.         <!--{if $multi}-->
  198.         <div class="pic_big_fanye">$multi</div>
  199.         <!--{/if}-->
  200.            
  201.         <!--如果没有相册,就提示-->                  
  202.         <!--{else}-->
  203.         <div>暂时没有公开的相册</div>
  204.     <!--{/if}-->
  205.                
  206. <!--{else}-->
  207.     <!--相册搜索功能-->
  208.     <!--{if $searchkey}-->
  209.         <p>搜索相册 <span>$searchkey</span> 搜索列表</p>
  210.     <!--{/if}-->

  211.     <!--我的相册-->               
  212.     <!--{if $pricount}-->
  213.         <p>我的相册</p>
  214.     <!--{/if}-->

  215.     <!--我的相册列表顶层框体-->        
  216.     <div class="pic_kuang">
  217.         <!--相册列表承载框体-->            
  218.         <div class="pic_big_kuang">
  219.             <!--相册列表-->               
  220.             <!--{if $count}-->
  221.                 <ul>
  222.                 <!--获取相册列表-->                    
  223.                 <!--{loop $list $key $value}-->
  224.                 <!--{eval $pwdkey = 'view_pwd_album_'.$value['albumid'];}-->
  225.                          <li class="pic_li">
  226.                 <div class="pic_div">
  227.                     <!--获取对应相册链接-->                  
  228.                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
  229.                     <!--获取对应相册封面图-->                             
  230.                     <!--{if $value[pic]}-->
  231.                     <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
  232.                     <!--{/if}-->
  233.                         </a>
  234.                     </div>
  235.                          <p  class="pic_p">
  236.                 <!--获取名称对应链接-->                        
  237.                              <a id="pic_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
  238.                     <!--获取相册对应名称-->                        
  239.                     <!--{if $value[albumname]}-->$value[albumname]
  240.                     <!--如果获取相册为空,则显示社区相册-->
  241.                     <!--{else}-->
  242.                     社区相册
  243.                     <!--{/if}-->
  244.                     </a>
  245.                 </p>
  246.                 <p class="pic_p">
  247.                     <!--获取图片计数-->            
  248.                     <!--{if $value[picnum]}-->
  249.                    (总共 $value[picnum] 张)
  250.                     <!--{/if}-->
  251.                 </p>
  252.                 <!--获取功能按钮-->
  253.                
  254.                 <!--判断如果是自己,显示以下功能-->                     
  255.                 <!--{if $value[uid]==$_G[uid]}-->
  256.                          <p  class="pic_p">
  257.                         <a id="b_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编辑</a>
  258.                         <a id="b_btn" href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上传</a>
  259.                             </p>
  260.                            
  261.                     <!--判断如果不是自己,将显示获取上传者昵称(除了自己外的所有人可见)-->                        
  262.                 <!--{else}-->
  263.                         <p id="pic_name" ><a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
  264.                 <!--{/if}-->

  265.                 <!--预留判断句,如果是好友访问,显示什么?如果是自己就隐藏-->
  266.                 <!--{if $_GET[view]!='me'}-->
  267.                 <!--{/if}-->

  268.                 <!--以上判断结束,这里是对所有人可见的区域(包括自己)-->
  269.                 <!--获取相册更新日期,如果需要关闭删除即可-->
  270.                              <p class="pic_p">更新:
  271.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
  272.                             </p>        
  273.                             </li>
  274.                 <!--{/loop}-->
  275.                 <!--数据调用结束-->
  276.                
  277.                 <!--社区相册显隐开关:是否将社区相册显示在每一页的最后面,用来填补每一页获取数据的最后一个空位-->  
  278.                 <!--如果是自己访问,开启社区相册显示,不建议开启,默认是开启的!-->
  279.                 <!--{if $space[self] && $_GET['view']=='me'}-->
  280.                          <li  class="pic_li">
  281.                                 <div class="pic_de_div">
  282.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
  283.                         <!--社区相册封面图-->                                         
  284.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
  285.                         </a>
  286.                     </div>
  287.                     <!--社区相册名称-->                        
  288.                     <p class="pic_de_p">
  289.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
  290.                                  </p>
  291.    
  292.                     <p class="pic_p">
  293.                     <!--图片说明-->   
  294.                     <!--{if $value[uid]==$_G[uid]}-->
  295.                     我的帖子图片
  296.                     </p>
  297.                     <!--{else}-->
  298.                     <p class="pic_p">
  299.                     TA的帖子图片
  300.                     <!--{/if}-->                    
  301.                     </p>
  302.                
  303.                     <!--获取功能按钮-->
  304.                     <!--{if $value[uid]==$_G[uid]}-->
  305.                             <p class="pic_p">
  306.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
  307.                                 </p>
  308.                    <!--{else}-->
  309.                    <!--好友访问是否显示相册主人的昵称,自己访问将不显示上传者昵称-->        
  310.                             <p class="pic_p">
  311.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
  312.                             </p>
  313.                     <!--{/if}-->
  314.                
  315.                     <!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可-->
  316.                                 <p class="pic_p">更新:
  317.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
  318.                                  </p>

  319.                         <!--好友从我的主页访问是否开启默认相册补全每页最后一个位置,默认是开启的,不需要可以删除-->        
  320.                         <!--{else}-->                                 
  321.                          <li  class="pic_li">
  322.                                 <div class="pic_de_div">
  323.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
  324.                         <!--社区相册封面图-->                                         
  325.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
  326.                         </a>
  327.                     </div>
  328.                     <!--社区相册名称-->                        
  329.                     <p class="pic_de_p">
  330.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
  331.                                  </p>
  332.    
  333.                     <p class="pic_p">
  334.                     <!--图片说明-->   
  335.                     <!--{if $value[uid]==$_G[uid]}-->
  336.                     我的帖子图片
  337.                     </p>
  338.                     <!--{else}-->
  339.                     <p class="pic_p">
  340.                     TA的帖子图片
  341.                     <!--{/if}-->                    
  342.                     </p>
  343.                
  344.                     <!--获取功能按钮-->
  345.                     <!--{if $value[uid]==$_G[uid]}-->
  346.                             <p class="pic_p">
  347.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
  348.                                 </p>
  349.                    <!--{else}-->
  350.                    <!--好友访问是否显示相册主人的昵称,自己访问将不显示上传者昵称-->        
  351.                             <p  class="pic_p">
  352.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
  353.                             </p>
  354.                     <!--{/if}-->
  355.                
  356.                     <!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可-->
  357.                                 <p class="pic_p">更新:
  358.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
  359.                                  </p>                        
  360.                                  
  361.                 <!--{/if}-->                                 
  362.                          </li>
  363.                 </ul>
  364.             </div>
  365.         <!--相册列表承载框体-end-->                       
  366.                 <!--相册列表翻页功能-->
  367.             <!--相册翻页按钮调用-->        
  368.                 <!--{if $multi}-->
  369.             <div class="pic_big_fanye" >$multi</div>
  370.             <!--{/if}-->

  371.     </div>
  372.     <!--相册列表顶层框体-end-->              
  373. <!--{else}-->
  374.     <!--如果当前相册列表为空,显示此社区相册列表-->
  375.     <!--{if $space[self] && $_GET['view']=='me'}-->
  376.             <ul>
  377.                     <li  class="pic_li_moren">
  378.                                <div  class="pic_div_moren">
  379.                                     <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
  380.                         <!--社区相册封面图-->                                         
  381.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
  382.                     </a>
  383.                              </div>
  384.                             <p class="pic_p_moren">
  385.                             <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
  386.                             </p>
  387.                 <p  id="pic_a_moren">
  388.                     <!--图片说明-->   
  389.                     <!--{if $space[uid]==$_G[uid]}-->
  390.                     我的帖子图片
  391.                     <!--{else}-->
  392.                     TA的帖子图片
  393.                     <!--{/if}-->                    
  394.                     </p>
  395.                
  396.                 <!--获取功能按钮-->
  397.                 <!--{if $value[uid]==$_G[uid]}-->
  398.                          <p>
  399.                         <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
  400.                             </p>
  401.                 <!--{else}-->
  402.                 <!--好友访问昵称显示,如果非自己访问将不显示获取上传者昵称-->        
  403.                         <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
  404.                         </p>
  405.                 <!--{/if}-->
  406.                 <!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可-->
  407.                             <p  id="pic_a_moren">更新:
  408.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
  409.                             </p>                                            
  410.                        </li>
  411.         </ul>
  412.         
  413.     <!--{else}-->
  414.              <div class="kong">抱歉!当前没有任何公开的相册!</div>

  415.     <!--{/if}-->
  416.    
  417.   
  418. <!--{/if}-->
  419. <!--{/if}-->

  420.     </div>
  421. </div>
  422. <script type="text/javascript">
  423. function fuidgoto(fuid) {
  424.         var parameter = fuid != '' ? '&fuid='+fuid : '';
  425.         window.location.href = 'home.php?mod=space&do=album&view=we'+parameter;
  426. }
  427. </script>
  428. <!--调用footer-->
  429. <!--{template common/footer}-->        
  430. <!--调用结束-->        
复制代码

——————END——————







哎...今天够累的,签到来了4...
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|kedoutd.cn|wdc.store|fll.store|zuz.store|newbe.wang|pvp.store ( 苏ICP备14054272号 )

GMT+8, 2021-2-27 23:21

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表