PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步，快速开始

返回列表
发新话题 回复该主题
查看: 3707|回复: 7

如何布置最新图片与所有列表信息 [复制链接]

xiangbin0326
头像

  • PageAdmin高手
  • 617
  • 1194
  • 2016-08-18
1#
t T
发表于 2017-08-03 16:23 |只看楼主
如何在网页中有规则的布置最新图片与所有文字列表信息，如下图


上面是最新信息的图片显示，下面是所有信息列表，如何在网页中由左向右顺序布置，谢谢！
分享 转发
TOP
xiangbin0326
头像

  • PageAdmin高手
  • 617
  • 1194
  • 2016-08-18
2#
t T
发表于 2017-08-04 08:22 |只看楼主

期待您的回答，谢谢！
TOP
xiyou
头像

  • 管理员
  • 16315
  • 27099
  • 2015-11-29
3#
t T
发表于 2017-08-04 10:35 |只看该用户

你这是什么意思？能说的清楚点吗
PageAdmin CMS-想到就能做到！
TOP
xiangbin0326
头像

  • PageAdmin高手
  • 617
  • 1194
  • 2016-08-18
4#
t T
发表于 2017-08-04 12:52 |只看楼主

就是在下面用列表的形式显示发布的某个类别的所有信息，上面以图片的形式显示下面列表信息中的几条最新信息，不知道表达清楚没。也就是上面图片信息是下面列表信息的一部分。
TOP
xiyou
头像

  • 管理员
  • 16315
  • 27099
  • 2015-11-29
5#
t T
发表于 2017-08-04 15:41 |只看该用户

  1. <style>
  2. .hh_article{clear:both;} /*文章带置顶样式*/
  3. .hh_article li.tw{text-align:center;border:1px dotted #cccccc;border-width:0 0 1px 0;padding:5px 0 5px 0;overflow:hidden;} /*置顶通用样式*/
  4. .hh_article .tw .pic{margin:5px 10px 5px 0;border:1px solid #dddddd;display:block}
  5. .hh_article .tw .title{text-align:center;line-height:25px;display:block}
  6. .hh_article .tw .title a{font-weight:bold;padding-left:0px;font-size:14px;colorcc0000}
  7. .hh_article .tw .introduct{padding:2px 5px 5px 0px;line-height:20px;color666666;}
  8. .hh_article .zdgl{float:left;width:33%;}
  9. .hh_article li.normal{clear:both;height:40px;padding:6px 0 2px 0px;text-align:left;overflow:hidden;}
  10. .hh_article .normal .title{float:left;text-align:left;padding:0 0 0 0px;background:url(images/article_arrow.gif) no-repeat left center;}
  11. .hh_article .normal .s1{display:inline-block;width:25%;}
  12. .hh_article .normal .s2{display:inline-block;width:15%;}
  13. .hh_article .normal .s3{display:inline-block;width:15%;}
  14. .hh_article .normal .s4{display:inline-block;width:24%;}
  15. .hh_article .normal .s5{display:inline-block;width:20%;}
  16. .hh_article .zuijia{line-height:40px;height:40px;}
  17. .hh_article .zuijia .s1{display:inline-block;width:25%;}
  18. .hh_article .zuijia .s2{display:inline-block;width:15%;}
  19. .hh_article .zuijia .s3{display:inline-block;width:15%;}
  20. .hh_article .zuijia .s4{display:inline-block;width:24%;}
  21. .hh_article .zuijia .s5{display:inline-block;width:20%;}
  22. </style>




  27. <div class="hh_article">
  28. <ul>
  29. <%
  30. string pic="",istop="0";
  31. DataTable dt;
  32. DataRow dr;
  33. dt=Get_Data();
  34. for(int i=0;i<dt.Rows.Count;i++)
  35. {
  36. dr=dt.Rows[i];
  37. pic=dr["titlepic"].ToString();
  38. istop=dr["istop"].ToString();
  39. %>
  40. <%if(istop=="1"){%>
  41. <li class="tw zdgl">
  42. <%if(pic!=""){%><span class="pic"><a href="<%=Detail_Url(dr)%>" target="<%=Target%>"><img src="<%=pic%>" border="0" style="<%=TitlePic_Size%>"></a></span>
  43. <%}%><span class="title"><a href="<%=Detail_Url(dr)%>" target="<%=Target%>" title="<%=Server.HtmlEncode(dr["title"].ToString())%>" style="<%=dr["pa_style"]%>"><%=SubStr(dr["title"].ToString(),Title_Num,true)%></a></span>
  44. </li>
  45. <%}
  46. else
  47. {%>
  48. <li class="normal">
  49. <span class="s1">编号字段</span><span class="s2">性别字段</span><span class="s3">学历字段</span><span class="s4"><%=dr["title"].ToString()%></span><span class="s5">工作经验字段</span>
  50. </li>
  51. <%
  52. }
  53. }
  54. %>
  55. </ul></div>


  58. <script>
  59. $(document).ready(function(){
  60.   $(".hh_article").find("li").eq(3).before("<li class='clear'></li><li class='zuijia'><span class='s1'>编号</span><span class='s2'>性别</span><span class='s3'>学历</span><span class='s4'>姓名</span><span class='s5'>工作经验</span></li>")
  61. })
  62. </script>
复制代码
这只是写的大概的，

你试试
PageAdmin CMS-想到就能做到！
TOP
xiangbin0326
头像

  • PageAdmin高手
  • 617
  • 1194
  • 2016-08-18
6#
t T
发表于 2017-08-07 16:55 |只看楼主

以上代码放在导航模型里还是放在模块模型里？如何实现多个相同的模块由左到右顺序布置？谢谢！
TOP
xiangbin0326
头像

  • PageAdmin高手
  • 617
  • 1194
  • 2016-08-18
7#
t T
发表于 2017-08-08 12:55 |只看楼主

期待！
TOP
xiangbin0326
头像

  • PageAdmin高手
  • 617
  • 1194
  • 2016-08-18
8#
t T
发表于 2017-08-09 09:23 |只看楼主

请问，各栏目由左向右横向布置是怎么实现的？谢谢！
TOP
上一主题| 下一主题
返回列表
发新话题 回复该主题
高级编辑器高级编辑器