免費論壇 繁體 | 簡體
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

感谢分享




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