查看完整版本: [-- 超详解跨台 --]


开心谷---快乐源泉!人人播撒快乐,快快乐乐每一天!快乐 幽默 图片 美女 影视 原创 开心 新闻 -> □建站资料□ -> 超详解跨台 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

怡然网上 2007-07-28 17:15

超详解跨台[申精]..........................
这里以------------------

提供的风格为例来讲解如果跨台

因为本人看过很多教程,都学不会,讲的并不是很详细,所以我学了两天才学会跨台,
问人家又要等好久,大家都忙,再说细节太多,知道新人不容易,所以我写了一份超详细的给大家鉴用。


写文章的时候,是我写一点自己做一点,跟着做不会错。



如果一点也不会,那么请每一步都跟我做,以免做错了麻烦

1、

首先要有自己的FTP空间,本人是h t t p : / / w w w . t o f o r . c o m申请的

2、

先把这里下载的logo,medal,post,wind四个风格包解压后上传到FTP空间上的wwwroot文件目录下

3、

复制以下代码到CSS里
-------------------------------------------------------------------------------------------------------
body {font-family: Verdana;FONT-SIZE: 12px;MARGIN: 0;color: #000000;background: #ffffff;}
td {FONT-SIZE: 12px;}
textarea,input,select{
font-family: Verdana;
font-size: 12px;
background-color: #ffffff;
}
form{margin:0px; display:inline}
div.quote{margin:5px 20px;border:1px solid $tablecolor;padding:5px;background:$forumcolorone;line-height : normal;}
a { TEXT-DECORATION: none;}
a:hover{ text-decoration: underline;}
img {border:0;}
.banner{background: #84AACE;}
.imglogo {
MARGIN: 0px;
padding: 0px;
TEXT-ALIGN: center;
background-color:#84AACE;
background-image:url(//renjian.68ab.com/image/logo/logo.gif);
WIDTH: 985px;
HEIGHT:260px;
}
.head {color: #FFFFFF;background:url(//renjian.68ab.com/image/logo/bg1.gif);padding: 5px;font-weight:bold;}
.head a{color: #FFFFFF;}
.f_one {background: $forumcolorone;}
.f_two {background: $forumcolortwo;}
.hr {border-top: 1px solid $tablecolor; border-bottom: 0; border-left: 0; border-right: 0; }
.t_one {background: $threadcolorone;}
.t_two {background: $threadcolortwo;}
.r_one {background: $readcolorone;}
.r_two {background: $readcolortwo;}
.cbg { color:#000000;background: #E5E8EA;}
.cbg a{ color:#000000;}
.smalltxt {font-family: Tahoma, Verdana; font-size: 12px;}
.tinytxt {font-family: Tahoma, Verdana; font-size: 11px;}
.cfont { color:#FFFFFF; }
.fnamecolor { color:#003366;}
.index_font{color: #3A4F6C;background-color:#E5E8EA; font-weight:bold;padding: 5px;}
.tpc_title { font-size: 12px;font-weight:bold;}
.tpc_content { font-size: 13px;}
.i_table {BORDER: $tablecolor 1px solid;background:#D6E3EF;}
.tool {color:#84AACE;}
.menu{position:absolute;}

-------------------------------------------------------------------------------------------------------
提交后看下面

4、

打开FTP里wwwroot目录下的wind文件,这里很重要哦,一定要打开wind文件

5、

到后台--论坛核心设置--动态目录设置--使用跨台固定图片链:(不使用请写"N",小型论坛不推荐使用,请不要随意更改)

输入
h t t p : / / k f e u d . 1 2 6 . t o f o r . c o m提交
注:我用自己的域名做试范,别复制了,你用你自己的输进去

6、

把CSS里的第一段红色代码改为下面代码

h t t p : / /k f e u d.1 2 6 . t o f o r . c o m / l o g o . g i f
注:我用自己的域名做试范,别复制了,你用你自己的输进去

7、

把CSS里的第二段红色代码改为下面代码

h t t p : / /k f e u d.1 2 6 . t o f o r . c o m / b g 1 . g i f提交
注:我用自己的域名做试范,别复制了,你用你自己的输进去

8、

头像还是叉叉先下载头像文件这里我有

9、把face,face1,face2全部解压,全部放到一个文件夹里去,命名为face。再上传到wwwroot文件夹中

现在刷新下你的主页看看

10、还有风格里的边框设置如果想和我的完全一样那么请把第一个表格边框设为#OOOOOO

其它全部设为#FFFFFF



查看完整版本: [-- 超详解跨台 --] [-- top --]