Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

创建网站周刊

[复制链接]
gy199108 发表于 2011-10-13 15:18:01 | 显示全部楼层 |阅读模式
DIY模块素材
模块类型: 其它类
展示风格: 图文混排
是否原创:
本帖最后由 gy199108 于 2011-10-13 16:43 编辑

给你的网站创建一个周刊。预览图:


操作步骤:
  • 进入后台-门户-专题管理-创建专题
  • 填写需要填写的内容(注意必填项),最后几个选项根据你的需要选择-点击“提交”
  • 开始diy-选择最上面的“模块”-“展示类”-“静态模块”
  • 拖动静态模块到“框架”下面
  • 填写“模块标识”,“数据来源”选择“自定义html”
  • 复制下面代码填写到“HTML代码”点击确定,下一个对话框不用填写,直接点击“确认”,也可以根据自己爱好填写。
  • 具体不会操作的可以在本帖留言,我会一一回复给大家。
代码放出来:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>同志情侣吧周刊第一期(2011年10月7日)</title>
  6. <style type="text/css">
  7. <!--
  8. .STYLE9 {font-size: 12px}
  9. .STYLE12 {
  10.         font-size: 20px;
  11.         font-family: cursive, monospace, fantasy, sans-serif, serif;
  12.         font-weight: bold;
  13. }
  14. a:link {
  15.         text-decoration: none;
  16. }
  17. a:visited {
  18.         text-decoration: none;
  19. }
  20. a:hover {
  21.         text-decoration: underline;
  22. }
  23. a:active {
  24.         text-decoration: none;
  25. }
  26. .STYLE13 {color: #000000}
  27. -->
  28. </style>
  29. </head>

  30. <body>
  31. <div style="width: 600px;margin-right: auto;margin-left: auto;">
  32. <div>
  33.   <div align="left">
  34.     <p align="center"><span class="STYLE12">同志情侣吧周刊第一期</span><span class="STYLE9">(2011年10月7日)</span><a href="http://www.tzqlbar.com/QQlist/20111007/index.html" target="_blank" style="display: block;background-color: #fff8e7;border: 1px solid #f9eed4;padding: 5px;text-align: center;text-decoration: none;color: #906000;font-size: 12px;margin-bottom: 10px;margin-top: 10px;">如不能正常显示,请点击此处查看完整版本</a></p>
  35.     </div>
  36. </div>
  37. <div style="border: 1px solid #cae0f3;background-color: #FFFFFF;margin-top: -1px;">
  38. <h1 style="line-height: 32px;color: #000000;height: 32px;margin: 0px;font-size: 14px;background-color: #f1f8fe;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;background-image: url(http://zz.comsenz.com/edm2011/images/sj.gif);background-repeat: no-repeat;background-position: 5px center;">模范夫夫</h1>
  39. <div style="margin: 15px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCCCCC;padding-bottom: 15px;">
  40. <div style="float: left;margin-right: 15px;margin-bottom: 15px;"><a href="爱即是答案-天磊与老正太的爱情故事
  41. http://www.tzqlbar.com/forum.php?mod=viewthread&tid=203&fromuid=1
  42. " target="_blank"><img src="mofanfufu.jpg" width="99" height="83" /></a></div>
  43. <div class="index4">
  44. <h2 style="font-size: 18px; padding: 0px;"><a href="http://www.tzqlbar.com/forum.php?mod=viewthread&tid=203&fromuid=1" target="_blank" class="STYLE13">爱即是答案-天磊与老正太的爱情故事</a></h2>
  45. <p align="left" style="font-size: 12px;padding: 0px;line-height: 20px;margin: 0px; color:#999999;"> 本期的两位是一对即将携手走过七年的同性爱人。七年的时间,可以说占据了美好青春里最鲜活和充满朝气的那一部分,那么这段七年的爱情故事故事,又是怎样开始的呢?<a href="http://www.tzqlbar.com/forum.php?mod=viewthread&tid=203&fromuid=1" target="_blank" style="color:#008802;text-decoration: none;">阅读详细</a></p>
  46. </div>
  47. </div>
  48. </div>
  49. <div style="border: 1px solid #cae0f3;background-color: #FFFFFF;margin-top: -1px;">
  50.   <h1 style="line-height: 32px;color: #000000;height: 32px;margin: 0px;font-size: 14px;background-color: #f1f8fe;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;width: 284px;float: left;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;background-image: url(http://zz.comsenz.com/edm2011/images/sj.gif);background-repeat: no-repeat;background-position: 5px center;">同志资讯</h1>
  51.   <h1 style="line-height: 32px;color: #000000;height: 32px;margin: 0px;font-size: 14px;background-color: #f1f8fe;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;width: 284px;float: left;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;background-image: url(http://zz.comsenz.com/edm2011/images/sj.gif);background-repeat: no-repeat;background-position: 5px center;">同志健康</h1>
  52.   <ul style="float: left;width: 269px;font-size: 12px;margin: 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 15px;">
  53.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-349-1-1.html" target="_blank">台湾:同居伴侣法草案,婚姻法制问题有解</a></li>
  54.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-348-1-1.html" target="_blank">有研究称“宗教治疗可改变同性恋倾向”受质疑</a></li>
  55.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-350-1-1.html" target="_blank">台湾:多元家庭物语,老师集结成书</a></li>
  56.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"> <a href="http://www.tzqlbar.com/thread-363-1-1.html" target="_blank"><span class="STYLE9">牧师将可为同性恋军人证婚</span></a></li>
  57.   </ul>
  58.   <ul style="float: left;width: 269px;font-size: 12px;margin: 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 15px;">
  59.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-262-1-1.html" target="_blank">男人如何更好的清洗宝贝男根</a></li>
  60.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-258-1-1.html" target="_blank">更加持久,让男人性爱马拉松的小秘诀</a></li>
  61.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-257-1-1.html" target="_blank">针对不同年龄段保持年轻的绝招保健方法</a></li>
  62.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-346-1-1.html" target="_blank">科学家称成功研制艾滋病疫苗 将进行人体试验 </a></li>
  63.   </ul>
  64.   <div style="clear:both;"></div>
  65. </div>
  66. <div style="border: 1px solid #cae0f3;background-color: #FFFFFF;margin-top: -1px;">
  67.   <h1 style="line-height: 32px;color: #000000;height: 32px;margin: 0px;font-size: 14px;background-color: #f1f8fe;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;width: 284px;float: left;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;background-image: url(http://zz.comsenz.com/edm2011/images/sj.gif);background-repeat: no-repeat;background-position: 5px center;">BL广播剧/影音</h1>
  68.   <h1 style="line-height: 32px;color: #000000;height: 32px;margin: 0px;font-size: 14px;background-color: #f1f8fe;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;width: 284px;float: left;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;background-image: url(http://zz.comsenz.com/edm2011/images/sj.gif);background-repeat: no-repeat;background-position: 5px center;">论坛事物</h1>
  69.   <ul style="float: left;width: 269px;font-size: 12px;margin: 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 15px;">
  70.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-273-1-1.html" target="_blank">明月照红尘-下载地址-在线收听</a></li>
  71.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-202-1-1.html" target="_blank">动画:五分钟快速了解同性恋</a> </li>
  72.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"></li>
  73.     </ul>
  74.   <ul style="float: left;width: 269px;font-size: 12px;margin: 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 15px;">
  75.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-268-1-1.html" target="_blank">【招募】同志情侣吧招募志愿者数名</a></li>
  76.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-198-1-1.html" target="_blank">【活动】绑定QQ送金币啦!</a></li>
  77.     <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"></li>
  78.     </ul>
  79.   <div style="clear:both;"></div>
  80. </div>
  81. <div style="border: 1px solid #cae0f3;background-color: #FFFFFF;margin-top: -1px;">
  82. <h1 style="line-height: 32px;color: #000000;height: 32px;margin: 0px;font-size: 14px;background-color: #f1f8fe;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;width: 583px;float: left;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;background-image: url(http://zz.comsenz.com/edm2011/images/sj.gif);background-repeat: no-repeat;background-position: 5px center;">帅哥图库</h1>
  83. <ul style="float: left;width: 269px;font-size: 12px;margin: 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 15px;">
  84. <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;">【<a href="http://www.tzqlbar.com/forum.php?mod=forumdisplay&fid=48&filter=typeid&typeid=25" target="_blank">模特</a>】 <a href="http://www.tzqlbar.com/thread-216-1-1.html" target="_blank">值得一看的男男模特</a></li>
  85. <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;">【<a href="http://www.tzqlbar.com/forum.php?mod=forumdisplay&fid=48&filter=typeid&typeid=25" target="_blank">模特</a>】<a href="http://www.tzqlbar.com/thread-232-1-1.html" target="_blank">看到这个帅哥你流口水了吗</a></li>
  86. </ul>
  87. <ul style="float: left;width: 269px;font-size: 12px;margin: 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 15px;">
  88. <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-240-1-1.html" target="_blank"> 爱帅之心RICARDO FIGUEIREDO </a> </li>
  89. <li style="list-style-type: none;padding: 0px;line-height: 30px;margin: 0px;"><a href="http://www.tzqlbar.com/thread-340-1-1.html" target="_blank">床上的诱惑</a> | <a href="http://www.tzqlbar.com/thread-243-1-1.html" target="_blank">完美型男</a></li>
  90. </ul>
  91. <div style="clear:both;"></div>
  92. </div>
  93. <div style="font-size: 12px;color: #999999;text-align: center;padding-top: 15px;font-family: Arial, Helvetica, sans-serif;">
  94. 订阅内容由<a href="http://www.tzqlbar.com" target="_blank">同志情侣吧</a>提供。  | &#169; 2011 同志情侣吧
  95.   <p align="left"><strong style="color:#F00">注</strong><strong style="color:#F00">:</strong>本邮件为同志情侣吧提供的社区更新、新公告发布、同志生活技巧等相关资讯。本邮件为系统自动发送,此邮件无需回复,如果您对本邮件有什么好的意见和建议请发送邮件到admin@tzqlbar.com。</p>
  96.   </div>
  97. </div>
  98. </body>
  99. </html>
复制代码







本帖子中包含更多资源

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

x
498688940 发表于 2011-10-19 12:12:34 | 显示全部楼层
很不错的啊!
回复

使用道具 举报

love218 发表于 2011-10-19 15:40:58 | 显示全部楼层
不错,支持下~
回复

使用道具 举报

maomaodegege 发表于 2011-10-19 16:07:31 | 显示全部楼层
回复

使用道具 举报

wdblog 发表于 2011-10-19 18:24:08 | 显示全部楼层
不错 支持个 有演示木 www.7cov.com
回复

使用道具 举报

 楼主| gy199108 发表于 2011-10-19 19:21:06 | 显示全部楼层
wdblog 发表于 2011-10-19 18:24
不错 支持个 有演示木 www.7cov.com

演示地址:http://www.tzqlbar.com/QQlist/20111007/
回复

使用道具 举报

qq464740 发表于 2011-10-19 19:22:30 | 显示全部楼层
回复

使用道具 举报

fuckgao 发表于 2011-10-20 13:52:44 | 显示全部楼层
嗯 不错
回复

使用道具 举报

大大乔侨 发表于 2011-10-22 14:57:15 | 显示全部楼层
不错,支持哈
回复

使用道具 举报

yjyangting 发表于 2011-10-22 15:52:33 | 显示全部楼层
其实是自己写点代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-22 20:31 , Processed in 0.034097 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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