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

標題: [助人] 教你如何"快速应用个性风格"ing [打印本頁]

作者: 网雨霏霏    時間: 2016-5-28 08:53     標題: 教你如何"快速应用个性风格"ing

本帖最後由 网雨霏霏 於 2019-7-9 09:07 編輯

【2019年7月9日说明】
本帖推荐的免费相册photobucket已经全面进入收费时代!
故本帖内凡是推荐photobucket的地方都作废!因为楼主找不到免费的替代品,故本帖暂告一段落。等找到免费的替代品后再行编辑修改。
本帖介绍的技巧是不过时的,建议仔细品读

【本帖正在重新编辑中】耗时比较长,为了让大家看到进度,特作如下设定:
帖子标题的最后面带有ing字样,意思是正在编辑。当完全编辑结束后,会去掉该字样以及这两行
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

写在前面:
本教程仅适用于使用sclub免费论坛的朋友,因为,为了安全起见,sclub提供商关闭了用户的ftp上传功能【收费版的支持FTP,但是收费版太贵了】。
如果您的个人站点支持ftp上传,请不要阅读本文因为可以使用ftp软件直接上传风格,然后应用即可




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
以下帖的风格为例,进行讲解:http://www.sclub.com.tw/discuz/viewthread.php?tid=30881
先给出我的论坛应用后的效果链接:http://flashroad.joinbbs.net/index.php?styleid=24
友情提示:本教程会将全程都截图详解,所以篇幅很长,请耐心阅读。掌握了技巧后,实际操作时很快就可以搞定的~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

本帖目录:【1】在线网络相册推荐
【2】在论坛后台建立模板文件
【3】在论坛后台的风格设置页面添加关键代码




作者: 网雨霏霏    時間: 2016-5-28 08:58

本帖最後由 网雨霏霏 於 2019-7-9 09:02 編輯

【一】在线网络相册推荐(暂时作废)
1、为何需要相册?
基本上,所有的风格,都需要调用图片。图片一般都在风格压缩包里的image文件夹内,需要我们上传到网络,才可以正常调用。
2、为何不在论坛内上传图片?
discuz自身的设定【?】,所有在帖子内上传的图片(包括其它类型的附件),文件名都被强行更改为“数字和字母混排”,无法直接使用。如果你非要传到论坛,就必须将模板文件挨个打开修改,将图片的网址逐一修改,太费劲了。
3、是不是任意一个在线网络相册都可以?
不是的。我们选择时要找符合下面两条标准的:
【1】长期有效的
【2】图片上传后,文件名不被篡改
第一条容易满足。但第二条太难了,我试过很多,都被篡改,除非你购买服务。
那么,要免费使用,我只找到一个photobucket,这是其官网:http://photobucket.com
【2019年7月9日修改】
刚发现,图片限流量了,这是官网的限流说明:




一个月25M的流量!!!!
超出后,就在图片上出现水印,如下图所示:




故此,这个相册也不能用了!本帖暂告一段落。等我找到替代品再继续
作者: 网雨霏霏    時間: 2016-5-28 09:09

本帖最後由 网雨霏霏 於 2017-3-2 11:39 編輯

准备工作:

1、你需要一个支持图片外链的网站,且该网站支持ftp上传
2、你需要一款ftp上传的软件
3、你的电脑上需要安装解压缩软件【这个应该是标配了】

【1】推荐photobucket(2017年3月2日修改为photobucket,之前用的是随意贴,谁知道只有一个月的免费时间!所以不再推荐!)
http://s205.photobucket.com/纯英文的网站,我免费用了10几年,还一直可用
需要注册一个账号后才可以

【2】如果用的是photobucket,可以网页上直接上传,无需FTP软件
【3】当你从本版下载的风格,发现无法打开时,就需要安装解压软件。
解压缩软件首推winrar,但因为是老外的产品,需要破解版,比较麻烦。大家可用国产的好压
作者: 网雨霏霏    時間: 2016-5-28 09:20

教程开始了

【1】下载自己中意的风格
http://www.sclub.com.tw/discuz/viewthread.php?tid=30881
这一款瞬间捕获我,所以,就用它为例进行讲解。其它的操作都一样

吐槽一下:上述风格的作者在帖子内提供了三个压缩包附件,第一个好理解,后面的两个令人费解
一开始我以为uft8是简体,gbk是繁体的。后来百度了一下:
UTF8是国际编码,它的通用性比较好,外国人也可以浏览论坛,GBK是国家编码,通用性比UTF8差,不过UTF8占用的数据库比GBK大~

【2】解压
我选择的是utf8的压缩包,解压出来。会得到一个xml文件
[attach]75227[/attach]

还有两个文件夹,一个里面放置的是网站配置文件,另一个放置的是素材图片
作者: 网雨霏霏    時間: 2016-5-28 09:27

本帖最後由 网雨霏霏 於 2016-5-28 09:56 編輯

【3】进入自己论坛的后台
一管理员账户登录论坛的前台,然后点击“管理中心”,再次输入密码,即可进入后台
1、如下图操作:
[attach]75285[/attach]

将楼上下载的xml文件单击选中导入
2、单击左侧列表内的“模板管理”
会出现一个列表,就是你的论坛内所有的模板。这里会多出一个名为yiyaAsh的模板:

[attach]75286[/attach]
就是在步骤1内新添加的模板了,点击它最后面的详情

会发现,出现的界面内空荡荡的,需要我们上传htm文件,但是论坛禁止ftp上传,所以,这里需要一个小技巧

作者: 网雨霏霏    時間: 2016-5-28 09:43

本帖最後由 网雨霏霏 於 2017-3-8 17:09 編輯

3、点击左侧列表内的“模板管理”
在右侧列表中,选择最上面的“默认”,点击最右侧的“详情”
你就会发现,有n个文件
友情提示:这里面的文件可以随意的更改,但是不建议新手更改,否则你的论坛可能崩溃。重要重要

现在,我们要做的就是从这个默认模板内将所需的htm文件复制到自己的模板内。
<1>首先,看看你下载后的风格内的这个文件夹内都有哪些个htm文件:
[attach]75282[/attach]

共有10个。
<2>然后,在网站后台的默认模板内将所需的上述10个htm分别复制到模板内即可。我以css_append.htm为例详解一下:
本帖隱藏的內容需要回復才可以瀏覽


同理,将剩余9个项目逐一操作【没有简单的办法,只能挨个复制】
作者: 网雨霏霏    時間: 2016-5-28 09:53

4、现在可以进入个性模板内操作了
点击左侧列表内的“模板管理”,选择列表内的个性模板的“详情”:

你会发现,不再是空荡荡的了,所需的10个配置文件都已就绪
挨个点击“编辑”,
同时在自己电脑硬盘上,用记事本打开相应的htm文件:
[attach]75281[/attach]
将里面的代码全选复制
然后粘贴到网站后台内
作者: 网雨霏霏    時間: 2016-5-28 09:59

接下来的才是本教程的核心

图文教程真心费劲。不知不觉一个钟头就过去了。下午再继续写吧
作者: 无界    時間: 2016-5-28 10:06

支持教程贴
作者: 网雨霏霏    時間: 2016-5-28 11:32

本帖最後由 网雨霏霏 於 2016-5-28 11:34 編輯

5、准备图片素材

打开你的ftp软件,登录随意贴,然后在ftp软件内:
[attach]75336[/attach]

如上图,在右侧新建一个文件夹,假设名为yiyahui,双击进入
然后,在左侧,定位到本地的素材文件夹,全选



[attach]75339[/attach]

上传。


6、现在可以关闭ftp软件了。打开网页,进入随意贴,登录账号
点击“管理图片”



[attach]75340[/attach]

然后如上图操作,可以得到其访问地址。我的是:
http://f1.freep.cn/564667/yiyahui/top1.jpg
将最后一个斜杠后面的删掉,只保留:
http://f1.freep.cn/564667/yiyahui/
将其复制下来备用
作者: 网雨霏霏    時間: 2016-5-28 11:40

本帖最後由 网雨霏霏 於 2017-3-8 17:10 編輯

7、本教程精华部分。
进入论坛后台,界面--风格管理:
本帖隱藏的內容需要回復才可以瀏覽


无需挨个修改图片的地址,轻松实现个性风格的提交。

教程结束。快试试看吧。我已经成功应用了4款个性风格了
作者: 4rphotoclub    時間: 2016-5-28 15:38

等我好好收下來学习学习!
作者: qianyin    時間: 2016-5-28 23:41

原来如此,适用于自带图片却又失效的风格,如果风格包里有原图片就可以用这个方法
作者: 无界    時間: 2016-5-29 00:16

回復 11# 网雨霏霏

你现在用的风格主页上有两处bug,如图:
[attach]75407[/attach]
[attach]75408[/attach]

修正后是否应该这样?
[attach]75409[/attach]
作者: day    時間: 2016-5-30 10:11

我来支持一下,虽然没有用过FTP
作者: qa76590148    時間: 2017-7-19 16:42

支持教程贴
作者: bonimon    時間: 2017-7-28 00:06

很不错的教学贴!

同时建议大家可以使用论坛介绍的免费空间,将风格包上传至新建的文件夹里。
我的经验是新建一个style文件夹,将风格包里的图片上传到style文件夹里,剩下的按照楼主方法继续安装即可。
作者: t9540513    時間: 2017-8-3 10:19

我來學習如何更改論壇風格,謝謝分享。
作者: 11dot6percent    時間: 2018-3-4 13:40

新手來學習一下 謝謝樓主詳細的解說
作者: 舞动    時間: 2018-3-5 15:49

很不错的教学贴! 现在免费空间多,用论坛的基本没有以前多了,
作者: 無名.    時間: 2018-6-2 01:23

虽然我的是自费论坛,但看看学习下也无妨。
作者: 始作俑者    時間: 2018-6-3 05:10

很不錯的教學~
作者: jmfs    時間: 2018-6-6 20:27

回復 6# 网雨霏霏


    66666666666666
作者: jmfs    時間: 2018-6-6 20:44

回復 6# 网雨霏霏


    1111111111111
作者: jmfs    時間: 2018-6-6 21:11

[attach]78875[/attach][attach]78876[/attach][attach]78877[/attach][attach]78878[/attach][attach]78879[/attach][attach]78880[/attach][attach]78883[/attach][attach]78882[/attach][attach]78881[/attach][attach]78884[/attach][attach]78885[/attach][attach]78886[/attach][attach]78887[/attach][attach]78888[/attach][attach]78889[/attach][attach]78890[/attach]
作者: K366    時間: 2018-6-8 01:28

本帖最後由 K366 於 2018-6-8 04:07 編輯

你说的那个我不知道怎么远程连接,连接不得
作者: 网雨霏霏    時間: 2018-6-8 07:08

回復 26# K366


    随意贴?只免费一个月,当初我不知道,以为永久免费,所以用随意贴做的教程。后来才知道被随意贴套路了,因此才抛弃随意贴。但是没有将剩下的步骤进行修改,因为太费劲。
大致步骤并不会有问题,稍微琢磨一下就可以搞定(用我推荐的英文相册)
作者: 0467    時間: 2018-6-21 03:20

真厉害,我咋就学不会呢
作者: w7831w7831    時間: 2018-6-29 02:38

本帖最後由 w7831w7831 於 2018-6-29 03:24 編輯

請問如果用photobucket的話要怎麼貼網址呢?
作者: 网雨霏霏    時間: 2018-6-29 12:27

回復 29# w7831w7831

去掉最后一个斜杠后面的字符即可
作者: nanmengxi    時間: 2018-7-10 15:35

回復 6# 网雨霏霏


    -----------
作者: panpan    時間: 2018-7-22 19:39

感谢分享
作者: macheng    時間: 2018-7-24 21:53

支持一下
作者: macheng    時間: 2018-7-24 21:59

回復 27# 网雨霏霏


    老铁,除了随意贴还有类似免费的吗?现在正在学习你的教程装风格
作者: 网雨霏霏    時間: 2018-7-25 00:14

回復 34# macheng


    随意贴很辣鸡,只免费一个月,请不要用。
国内的暂时没发现,国外的只接触过一个【个别地区还无法访问】,所以很纠结。

暂时没法子,只好将素材图片传到自己的论坛,获取绝对地址后,在模板文件内逐个替换。
作者: AOEdesign    時間: 2018-10-10 14:13

來看教程!!!!
作者: 始作俑者    時間: 2018-10-11 04:14

来个支持学习
作者: loole    時間: 2018-11-5 20:39

对新手来说还是有点儿难度。
作者: 今天好啊    時間: 2018-11-29 15:41

这都要隐藏啊……
作者: 52diy    時間: 2018-12-17 13:34

看看 ,感谢分享
作者: zhu0753    時間: 2018-12-25 17:07

谢谢分享
作者: qq623505057    時間: 2019-3-15 12:45

提示: 作者被禁止或刪除 內容自動屏蔽
作者: Magnificent    時間: 2019-6-7 17:07

学习一下 看看怎么安装
作者: 网雨霏霏    時間: 2019-6-8 08:15

本帖最後由 网雨霏霏 於 2019-6-8 08:40 編輯

回復 42# qq623505057


    因为帖子修改了。修改的原因在3楼。
所以后面的与前面的不符【重新编辑太费劲了,而且认真看完就能掌握方法,举一反三。所以没有修改后续回复】

近期我再重新编辑一下吧,因为非常耗费时间,可能要好几天才能修改完毕
作者: syyeri    時間: 2019-7-23 13:46

谢谢分享
作者: 恒小杰    時間: 2019-8-6 21:23

不错呀感谢分享
作者: 恒小杰    時間: 2019-8-6 21:23

学习了!!
作者: 恒小杰    時間: 2019-8-6 22:07

学习了!!
作者: 云惠果果    時間: 2019-12-23 21:42

学习了
作者: dragonhuang    時間: 2020-1-17 12:03

感谢分享
作者: 东窗凝月    時間: 2020-8-14 10:11

感谢分享
作者: superman1024    時間: 2020-8-18 10:27

感謝熱心分享
作者: Shinikiri    時間: 2020-9-4 12:19

感谢楼主分享
作者: 5ii    時間: 2020-9-29 16:11

我要好好收下來学习学习!
作者: 5ii    時間: 2020-9-29 16:15

教你如何"快速应用个性风格
作者: britanyo    時間: 2021-5-11 21:15

感谢分享
作者: 965911983    時間: 2021-9-5 22:27

回復 6# 网雨霏霏
作者: ryanbb1212    時間: 2021-10-15 13:15

感謝分享!! idc data center
數據中心
數據中心香港
香港數據中心
data center asia pacific
data center services
tier iii+ data center
區塊鏈應用
enterprise private network
global mpls vpn
managed private network
mpls
mpls network
mpls vpn
mpls vpn network
mpls vpn services
mpls專線
private network services
Remote access solution
sd wan network
企業網絡
ip vpn
sd wan
sd wan solutions
sdwan
遙距辦公
作者: annawong1001    時間: 2021-10-21 11:46

感謝分享!! 要在中/大學留下美好回憶就當然少不了一件優質的班衫!Inbudget Printing 印衫公司具備豐富經驗,提供印製班衫班tee社衫等印衫服務,更附有不同班衫設計參考,可透過whatsapp傾談中,逐一解答當中疑問,幫助同學們簡易地訂購班衫,實現各種可行的設計!




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