免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
Board logo

標題: [版型教學] 自动排列的瀑布流主页 [打印本頁]

作者: 无界    時間: 2017-5-15 12:52     標題: 自动排列的瀑布流主页

爱秀风格 - Powered by Discuz!.png
2017-5-15 12:48



预览网址http://ishowstyle.imotor.com/index.php


只是大概做了个示例,动手能力强的会员可以二次美化。


1、将主页修改为瀑布流样式,根据页面宽度自动排列。
2、可以随意改变板块背景及标题样式

修改前请先将风格的“主体表格宽度"设定为百分比,建议为98%
修改方法如下
本帖隱藏的內容需要回復才可以瀏覽


圖片附件: 爱秀风格 - Powered by Discuz!.png (2017-5-15 12:48, 212.64 KB) / 下載次數 15
http://www.sclub.com.tw/discuz/attachment.php?aid=77504&k=2342884e1d1974853063ba3c6a657a5e&t=1498584835&sid=9vAuU6


作者: leisurema    時間: 2017-5-15 13:10

本帖最後由 leisurema 於 2017-5-15 13:12 編輯

回復 1# 无界
請問可做幾區(示範顯示有六區)。
http://sclub.com.tw/discuz/viewthread.php?tid=33496
同我上次要的九區是否差不多…設置容易嗎?
作者: bonimon    時間: 2017-5-15 13:15

这个是很多港澳台网友喜欢的板式,不用修改数据库以及修改php,这个确实不错,
如果能每个版块都有颜色就更好了。像我的论坛有人发过类似的帖子,不过是要修改数据库以及php文件的。
原贴:http://bonimon.mfvps.cn/thread-426-1-1.html
作者: 无界    時間: 2017-5-15 13:26

回復 3# bonimon


    嗯嗯,可以细化一下,大概框架有了其他美化就容易了
作者: 无界    時間: 2017-5-15 13:58

回復 3# bonimon


    你的论坛无法注册啊,邮件收不到,微信不跳转。。。
作者: 幻空    時間: 2017-5-15 14:28

谢谢分享
作者: 繽紛色彩    時間: 2017-5-15 14:40

圖片的Size是多少
作者: 无界    時間: 2017-5-15 14:47

回復 7# 繽紛色彩


    随意找的一些图片。。。
作者: bossll    時間: 2017-5-15 14:48

回復 7# 繽紛色彩


    妳好
繽紛版主
該主題版面圖片大小,可以自行修改,依個人觀點看法
比如H120,w180
以上提供參考?
作者: 幻空    時間: 2017-5-15 15:03

本帖最後由 幻空 於 2017-5-15 15:06 編輯

回復 5# 无界


    http://indianajones.imotor.com/这种的首页怎么做啊,无界大大
微信截图_20170515150547.png
2017-5-15 15:05
微信截图_20170515150610.png
2017-5-15 15:05
微信截图_20170515150632.png
2017-5-15 15:05

主要的问题是:如何隐藏首页的板块名称和发帖信息,只要把这个问题解决了,剩余的我就会了

圖片附件: 微信截图_20170515150547.png (2017-5-15 15:05, 479.28 KB) / 下載次數 16
http://www.sclub.com.tw/discuz/attachment.php?aid=77505&k=a7b69f4bb38b4d3c1b5317c144d86f36&t=1498584835&sid=9vAuU6



圖片附件: 微信截图_20170515150610.png (2017-5-15 15:05, 793.28 KB) / 下載次數 17
http://www.sclub.com.tw/discuz/attachment.php?aid=77506&k=13b34b159a17fd6d39d9f1df6db35787&t=1498584835&sid=9vAuU6



圖片附件: 微信截图_20170515150632.png (2017-5-15 15:05, 1002.03 KB) / 下載次數 16
http://www.sclub.com.tw/discuz/attachment.php?aid=77507&k=bb9217aae4e537e8fb092ff123110c9d&t=1498584835&sid=9vAuU6


作者: 无界    時間: 2017-5-15 15:06

回復 10# 幻空


    空白页
作者: 幻空    時間: 2017-5-15 15:11

回復  幻空


    空白页
无界 發表於 2017-5-15 15:06



    图中还有大板块的信息,包括大板块的版主
作者: bonimon    時間: 2017-5-15 15:11

回復  bonimon


    你的论坛无法注册啊,邮件收不到,微信不跳转。。。
无界 發表於 2017-5-15 13:58



    请勿使用微信注册!!邮件收不到?可能会在垃圾邮件那里吧!第一次出现这种情况。
作者: 无界    時間: 2017-5-15 15:13

回復 10# 幻空


    把这个代码
<a href="forumdisplay.php?fid=$forum[fid]" {if $forum[redirect]}target="_blank"{/if} style="{if $forum[extra][namecolor]}color: {$forum[extra][namecolor]};{/if}">$forum[name]</a>

的$forum[name]改为<img src="图片">
作者: 无界    時間: 2017-5-15 15:13

回復 13# bonimon


    我再试一次
作者: 无界    時間: 2017-5-15 15:15

回復 13# bonimon


    还是没有。。。
作者: 幻空    時間: 2017-5-15 15:16

回復 14# 无界


    好的,谢谢无界大大,我现在就试试看
作者: bonimon    時間: 2017-5-15 15:19

回復  bonimon


    还是没有。。。
无界 發表於 2017-5-15 15:15



   请附上你注册时的qq号码,我查看了一下,不知何故,邮件全部是系统退信,   请附上你注册时的qq号码,我发个你注册时的激活链接给你。
作者: 无界    時間: 2017-5-15 15:29

回復 18# bonimon


    601447405
作者: bonimon    時間: 2017-5-15 15:37

我用论坛短消息发给你了
作者: 幻空    時間: 2017-5-15 15:40

回復 19# 无界


    还是不会弄呵呵技术还没到家
作者: 无界    時間: 2017-5-15 15:41

回復 20# bonimon


谢谢!已经注册啦,顺便和B大申请一下移植该插件不知可否?

捕获.JPG
2017-5-15 15:41


圖片附件: 捕获.JPG (2017-5-15 15:41, 21.77 KB) / 下載次數 17
http://www.sclub.com.tw/discuz/attachment.php?aid=77508&k=a184bf3c587d492b7614b6e413cb3af5&t=1498584835&sid=9vAuU6


作者: bonimon    時間: 2017-5-15 15:44

回復 22# 无界


    这个。。。可以的。

这个插件原帖地址:http://bonimon.mfvps.cn/thread-190-1-2.html
作者: 无界    時間: 2017-5-15 15:50

回復 21# 幻空


    改天我录制一个修改模板的视频吧
作者: 幻空    時間: 2017-5-15 15:56

回復 24# 无界


    那就太感谢无界大大了
作者: 4rphotoclub    時間: 2017-5-15 22:30

好的东西我也要来学习收下来!
作者: 我來自他郷    時間: 2017-5-19 00:52

这个我也想弄,可是就不知从那里开始
作者: 孫悟空    時間: 2017-5-22 02:15

謝謝分享
作者: IndianaJones    時間: 2017-5-24 11:58

回復 10# 幻空


    嘿嘿,这是我的论坛,自己编辑一下版区的代码,去掉默认的不必要信息,然后合理设置版区图片大小,比如一张图宽470,2张就是940,然后宽度默认整好960,中间的间隙也就预留出来了,至于是怎么组合的,可以利用广告代码链接图片和你的一些想放到首页的主题就可以了(广告代码也是一个美化神器!)




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://www.sclub.com.tw/discuz/) Powered by Discuz! 7.2