教你如何"快速应用个性风格"ing
[i=s] 本帖最後由 网雨霏霏 於 2019-7-9 09:07 編輯 [/i][b][size=7][color=#ff0000]【2019年7月9日说明】[/color][/size][/b]
[size=5][color=#0000ff][u]本帖推荐的免费相册photobucket已经全面进入收费时代！[/u][/color][/size]
[size=5][color=#0000ff][u]故本帖内凡是推荐photobucket的地方都作废！因为楼主找不到免费的替代品，故本帖暂告一段落。等找到免费的替代品后再行编辑修改。[/u][/color][/size]
[size=5][u][color=#0000ff]本帖介绍的技巧是不过时的，建议仔细品读[/color][/u][/size]
【本帖正在重新编辑中】[size=12px]耗时比较长，为了让大家看到进度，特作如下设定：[/size]
[size=12px]帖子标题的最后面带有ing字样，意思是正在编辑。当完全编辑结束后，会去掉该字样以及这两行[/size]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[size=7][color=#ff0000][b]写在前面：[/b][/color][/size]
[size=5][color=#0000ff]本教程仅适用于使用sclub免费论坛的朋友[/color][/size]，因为，为了安全起见，sclub提供商关闭了用户的ftp上传功能【收费版的支持FTP，但是收费版太贵了】。
[size=6][color=#0000ff][b]如果您的个人站点支持ftp上传，请不要阅读本文[/b][/color]。[/size]因为可以使用ftp软件直接上传风格，然后应用即可
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
以下帖的风格为例，进行讲解：[url=http://www.sclub.com.tw/discuz/viewthread.php?tid=30881]http://www.sclub.com.tw/discuz/viewthread.php?tid=30881[/url]
先给出我的论坛应用后的效果链接：[url=http://flashroad.joinbbs.net/index.php?styleid=24]http://flashroad.joinbbs.net/index.php?styleid=24[/url]
友情提示：本教程会将全程都截图详解，所以篇幅很长，请耐心阅读。掌握了技巧后，实际操作时很快就可以搞定的~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
本帖目录：【1】在线网络相册推荐
【2】在论坛后台建立模板文件
【3】在论坛后台的风格设置页面添加关键代码
[size=5][color=#ff0000]
[/color][/size] [i=s] 本帖最後由 网雨霏霏 於 2019-7-9 09:02 編輯 [/i]
[size=7][b][color=#ff0000]【一】在线网络相册推荐[/color][color=#0000ff](暂时作废)[/color][/b][/size]
[color=#0000ff]1、为何需要相册？[/color]
基本上，所有的风格，都需要调用图片。图片一般都在风格压缩包里的image文件夹内，需要我们上传到网络，才可以正常调用。
[color=#0000ff]2、为何不在论坛内上传图片？[/color]
discuz自身的设定【？】，所有在帖子内上传的图片（包括其它类型的附件），文件名都被强行更改为“数字和字母混排”，无法直接使用。如果你非要传到论坛，就必须将模板文件挨个打开修改，将图片的网址逐一修改，太费劲了。
[color=#0000ff]3、是不是任意一个在线网络相册都可以？[/color]
不是的。我们选择时要找符合下面两条标准的：
【1】长期有效的
【2】图片上传后，文件名不被篡改
第一条容易满足。但第二条太难了，我试过很多，都被篡改，除非你购买服务。
那么，要免费使用，我只找到一个photobucket，这是其官网：[url=http://photobucket.com]http://photobucket.com[/url]
[b][size=7][color=#0000ff]【2019年7月9日修改】[/color][/size][/b]
[b][size=5][color=#ff00]刚发现，图片限流量了，这是官网的限流说明：[/color][/size][/b][size=12px]
[/size]
[b][size=5][color=#ff0000][img]http://ms.photobucket.com/ga/campaign_images/6274/over-bandwidth-unlimited-monthly.jpg[/img]
[/color][/size][/b]
[b][size=5][color=#ff0000]一个月25M的流量！！！！[/color][/size][/b]
[b][size=5][color=#ff0000]超出后，就在图片上出现水印，如下图所示：[/color][/size][/b]
[b][size=5][color=#ff0000][img]https://i1174.photobucket.com/albums/r606/bosimaofriend/wyff/bbec2df98a41db4dde059ddfccf6977e_zpsgpuktdow.jpg[/img]
[/color][/size][/b]
[b][size=5][color=#ff0000]
[/color][/size][/b]
[b][size=5][color=#ff0000]故此，这个相册也不能用了！本帖暂告一段落。等我找到替代品再继续[/color][/size][/b] [i=s] 本帖最後由 网雨霏霏 於 2017-3-2 11:39 編輯 [/i]
[size=6][color=#ff0000]准备工作：[/color][/size]
1、你需要一个支持图片外链的网站，且该网站支持ftp上传
2、你需要一款ftp上传的软件
3、你的电脑上需要安装解压缩软件【这个应该是标配了】
[hr]【1】推荐photobucket（2017年3月2日修改为photobucket，之前用的是随意贴，谁知道只有一个月的免费时间！所以不再推荐！）
[url=http://s205.photobucket.com/]http://s205.photobucket.com/[/url]纯英文的网站，我免费用了10几年，还一直可用
需要注册一个账号后才可以
【2】如果用的是photobucket，可以网页上直接上传，无需FTP软件
【3】当你从本版下载的风格，发现无法打开时，就需要安装解压软件。
解压缩软件首推winrar，但因为是老外的产品，需要破解版，比较麻烦。大家可用国产的[size=3][color=#ff00ff][b]好压[/b][/color][/size] [size=6][color=#ff0000]教程开始了[/color][/size]
【1】下载自己中意的风格
[url=http://www.sclub.com.tw/discuz/viewthread.php?tid=30881]http://www.sclub.com.tw/discuz/viewthread.php?tid=30881[/url]
这一款瞬间捕获我，所以，就用它为例进行讲解。其它的操作都一样
吐槽一下：上述风格的作者在帖子内提供了三个压缩包附件，第一个好理解，后面的两个令人费解
一开始我以为uft8是简体，gbk是繁体的。后来百度了一下:
[color=Magenta]UTF8是国际编码，它的通用性比较好，外国人也可以浏览论坛，GBK是国家编码，通用性比UTF8差，不过UTF8占用的数据库比GBK大~[/color]
{:13_597:}
【2】解压
我选择的是utf8的压缩包，解压出来。会得到一个xml文件
[attach]75227[/attach]
还有两个文件夹，一个里面放置的是网站配置文件，另一个放置的是素材图片 [i=s] 本帖最後由 网雨霏霏 於 2016-5-28 09:56 編輯 [/i]
[color=Red][size=6]【3】进入自己论坛的后台[/size][/color]
一管理员账户登录论坛的前台，然后点击“管理中心”，再次输入密码，即可进入后台
1、如下图操作：
[attach]75285[/attach]
将楼上下载的xml文件单击选中导入
2、单击左侧列表内的“模板管理”
会出现一个列表，就是你的论坛内所有的模板。这里会多出一个名为yiyaAsh的模板：
[attach]75286[/attach]
就是在步骤1内新添加的模板了，点击它最后面的[color=Blue][b][size=4]详情[/size][/b][/color][size=4][color=#ff0000]
会发现，出现的界面内空荡荡的，需要我们上传htm文件，但是论坛禁止ftp上传，所以，这里需要一个小技巧[/color][/size] [i=s] 本帖最後由 网雨霏霏 於 2017-3-8 17:09 編輯 [/i]
[color=#0000ff]3、点击左侧列表内的“模板管理”[/color]
在右侧列表中，选择最上面的“默认”，点击最右侧的“详情”
你就会发现，有n个文件
[size=4][color=Red][u]友情提示：这里面的文件可以随意的更改，但是不建议新手更改，否则你的论坛可能崩溃。重要重要[/u][/color][/size]
现在，我们要做的就是从这个默认模板内将所需的htm文件复制到自己的模板内。
<1>首先，看看你下载后的风格内的这个文件夹内都有哪些个htm文件：
[attach]75282[/attach]
共有10个。
<2>然后，在网站后台的默认模板内将所需的上述10个htm分别复制到模板内即可。我以css_append.htm为例详解一下：**** Hidden Message *****
同理，将剩余9个项目逐一操作【没有简单的办法，只能挨个复制】 4、现在可以进入个性模板内操作了
点击左侧列表内的“模板管理”，选择列表内的个性模板的“详情”：
你会发现，不再是空荡荡的了，所需的10个配置文件都已就绪
挨个点击“编辑”，
同时在自己电脑硬盘上，用记事本打开相应的htm文件：
[attach]75281[/attach]
将里面的代码全选复制
然后粘贴到网站后台内 接下来的才是本教程的核心
图文教程真心费劲。不知不觉一个钟头就过去了。下午再继续写吧{:9_393:} 支持教程贴 [i=s] 本帖最後由 网雨霏霏 於 2016-5-28 11:34 編輯 [/i]
5、准备图片素材
打开你的ftp软件，登录随意贴，然后在ftp软件内：
[attach]75336[/attach]
如上图，在右侧[size=12px]新建一个文件夹，假设名为yiyahui，双击进入[/size]
[size=12px]然后，在左侧，定位到本地的素材文件夹，全选[/size]
[size=12px][attach]75339[/attach]
[/size]
[size=12px]上传。[/size]
[size=12px]6、现在可以关闭ftp软件了。打开网页，进入随意贴，登录账号[/size]
[size=12px]点击“管理图片”[/size]
[size=12px][attach]75340[/attach]
[/size]
[size=12px]然后如上图操作，可以得到其访问地址。我的是：[/size]
[size=12px]http://f1.freep.cn/564667/yiyahui/top1.jpg[/size]
[size=12px]将最后一个斜杠后面的删掉，只保留：[/size]
[color=#ff0000][size=12px][b]http://f1.freep.cn/564667/yiyahui/[/b][/size][/color]
[size=12px]将其复制下来备用[/size] [i=s] 本帖最後由 网雨霏霏 於 2017-3-8 17:10 編輯 [/i]
7、本教程精华部分。
进入论坛后台，界面--风格管理：**** Hidden Message *****
无需挨个修改图片的地址，轻松实现个性风格的提交。
教程结束。快试试看吧。我已经成功应用了4款个性风格了{:9_379:} 等我好好收下來学习学习！ 原来如此，适用于自带图片却又失效的风格，如果风格包里有原图片就可以用这个方法 [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=270039&ptid=32549]11#[/url] [i]网雨霏霏[/i] [/b]
你现在用的风格主页上有两处bug，如图:
[attach]75407[/attach]
[attach]75408[/attach]
修正后是否应该这样？
[attach]75409[/attach] 我来支持一下，虽然没有用过FTP 支持教程贴 很不错的教学贴！
同时建议大家可以使用论坛介绍的免费空间，将风格包上传至新建的文件夹里。
我的经验是新建一个style文件夹，将风格包里的图片上传到style文件夹里，剩下的按照楼主方法继续安装即可。 我來學習如何更改論壇風格，謝謝分享。 新手來學習一下 謝謝樓主詳細的解說 很不错的教学贴！ 现在免费空间多，用论坛的基本没有以前多了，