X 先生的夏日茶屋 ::

Textcube/Optimization2010/02/17 03:50

添加这个图片的展示花了几天的时间，刚开始插件是能个正常在风格文件里面进行调用的。但是图片都不能显示，折腾了几天突然记起还要修改一个参数。

冂

把安装方法记录一下，留作以后的使用备份。

这个图片展示是使用jquery+xml进行调用展示，原来是在WP中使用的，不过貌似自己在TC也能调用成功。

首先下载下面的程序文件：

latest.zip

首先修改js/jqslideshow文件，将URI处修改为自己的网站地址，var slideConfigURL处修改为自己网站的slide.xml文件地址（这里使用相对路径）

1. 如何安装

首先解压缩并且上传所有文件到你的网站空间上。

然后在你的页面的HTML代码的<head>段里导入以下文件：

style/style.css

js/jquery.js

js/jqslideshow.js

例如, 如果你在使用WordPress博客程序，并且你把刚才解压的文件上传到了‘wp-content/jqslideshow'目录下。

那么你可以在你的页面中加入如下的代码：

最后在你的页面里添加标签'<div id="jqSlideShow"></div>'到任何你想要的地方，添加过标签的地方就会出现这个幻灯浏览器

2. 如何配置

有两个部分需要你进行配置

首先是配置文件的路径。在文件'js/jqslideshow.js'里面，你可以在前面几行找到如下代码：

var slideConfigURL = '/wp-content/jqslideshow/slide.xml';

你需要将他设置为slide.xml文件所在的路径。

然后, 所有的选项都保存在'slide.xml'文件ilmian。你可以通过这个文件配置如下选项：

在 'configuration' 段:

* Fading time 图像淡入淡出的时间

* Sliding time 图像切换的时间

* Number of thumbs 导航条上缩略图的数量

* Thumb change time 导航条上缩略图移动速度

在 'slideItems' 段

* Link 每个图像的链接

* Image path 每个图像的路径

* Thumb path 每个缩略图路径

* Description 每个图像的描述

1. How to install

First, unzip and upload the files to you web site space.

Second, import the files below into the <head> segement of your page's code

style/style.css

js/jquery.js

js/jqslideshow.js

For example, if you using a WordPress weblog application and you put all the files you just unzipped at

'wp-content/jqslideshow'. Then you should add these code into your page:

Third, put the tag '<div id="jqSlideShow"></div>' at any place you want in your page. After that this tag

will become the amazing slide show!

2. How to config

There are two parts you need to focus on.

Fisrt, the path configuration file. Look in the file 'js/jqslideshow.js', you will found the code below at

the first servral lines:

var slideConfigURL = '/wp-content/jqslideshow/slide.xml';

What you need to do is just to make sure the path is validate for the 'slide.xml' file.

Second, the options of this slide show are all saved in file 'slide.xml'. You can use this file to config

these options below:

In 'configuration' segement:

* Fading time The time of fading in and out

* Sliding time The time of the auto sliding

* Number of thumbs The number of thumbs on the navigator

* Thumb change time The thumb moving speed

In 'slideItems' segement

* Link The link of each picture

* Image path The path of each image

* Thumb path The path of each thumb image

* Description The description of each image

Posted by X先生

TAG jqSlideShow, jquery, 优化, 图片, 展示, 茶屋

No Trackback No Comment

댓글을 달아 주세요

Textcube/Optimization2010/01/27 21:35

这个版本就是X先生正在使用的版本，适合使用PHP语言架设博客的博友们。现在放出来共享给大家吧！这个程序源码是在情缘工作室那里拿到的，感谢橘子的分享。

程序的界面有点难看，不过功能是有的的，知道编码的童靴可以自己美化一下界面，X先生的侧边栏的那个是经过自己修改的，改的不是很好，将就用着先吧！角落畫圈圈

代码拿来后配置完后台传到自己的FTP发现自己的空间不能使用。
囧............不知道是什么愿意，结果只能把程序放在免费的空间进行调用，经过研究发现，国外的主机是不可以的，大概是数据要提交到国内飞信服务器的缘故吧！而且空间服务器是使用Window 2003架设的才可以不要啊

X先生测试过了国内的cPanel面板的空间也可以使用，不过在接收信息的话中文是不能够显示滴。

废话不多说把程序放出来给大家，首先下载下面的程序

fetionphp.rar

然后用记事本打开fetionphp文件夹中的dxly.php文件，修改$sms->phone_num选项为自己的手机号码、$sms->password为自己的飞信密码。
如下图：

配置完后加密dxly.php文件，防止飞信的帐号和密码泄漏。建议使用PHPCodeLock，加密不要设定太复杂，不然的话服务器是打不开dxly.php文件文件滴
最后将程序框架到自己的博客页面就OK啦！
可以使用如下代码

<div style="margin-left: 8px;"><iframe src="你fetionphp文件夹下的index.html的地址" frameborder="0"&nbsp; scrolling="no" width="165" height="215"></iframe></div>

宽和高在width、height调试。最后你试发一条信息吧！你的手机就能收到了哟。
呼，终于搞定了，最近猫鱼的Follow5專用 Flash側邊欄的源文件放出来了，正在折腾中，看能不能用嘀咕的API来实现，不过嘀咕的那个在线客服人员也太不专业了。说不到两句话就下线了，上上下下不知道多少次。
囧.............
不理他，先折腾先吧，如果折腾成功了侧边栏不知道臃肿成什么样子怎麼辦

Posted by X先生

TAG 优化, 修改, 免费空间, 嘀咕, 国内, 版本, 飞信

No Trackback Comment 10

댓글을 달아 주세요

露

IP: 222.218.219.***
2010/01/27 23:21 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  欢迎来做客
  IP: 113.15.70.***
  2010/01/28 00:19 [ ADDR : EDIT/ DEL ]
sherry

最后一句话颇正确，简单就是美啊~~
不过爱折腾的一定忽视这句
IP: 123.117.232.***
2010/01/28 11:49 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  囧。又换程序了？
  IP: 116.253.254.***
  2010/01/28 13:28 [ ADDR : EDIT/ DEL ]
拾寒

进来听到猫叫....
IP: 218.13.155.***
2010/01/28 19:23 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  咱們茶屋的貓咪大合唱不錯吧
  IP: 116.253.254.***
  2010/01/28 20:02 [ ADDR : EDIT/ DEL ]
yoco

你的那个短信功能不错。哈哈，等我换了移动的号码再整一个这个东东
IP: 120.33.88.***
2010/01/28 19:49 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  換了再說，換了再說~阿門！
  IP: 116.253.254.***
  2010/01/28 20:03 [ ADDR : EDIT/ DEL ]
吖Bee

音乐还是这么雷人...
IP: 220.242.76.***
2010/01/31 16:07 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  你的站，怎么变成WAP的啦？
  IP: 222.217.3.***
  2010/01/31 23:30 [ ADDR : EDIT/ DEL ]

Textcube/Optimization2010/01/25 21:42

最近都在想怎么能增加茶屋和用户的互动性，要是能给自己的博客加上一个给自己的手机发短信的功能就好了~！在以前用WP的时候，记得就有人开发过一个利用飞信访客在自己的博客留言或者评论后就能给自己的手机发短信的插件。

可惜现在自己不用WP了，就自己寻思着弄一个这样的功能，结果上网上一搜索“飞信接口”、“飞信API”出来的内容全部都是要填写手机帐号和飞信密码的，想着这样直接调用的话自己的飞信会很不安全，密码泄漏以后很容易被人发短信来骗自己的朋友、家人。好不容易找到一个密码填在后台的飞信，很兴奋的配置完文件上传到自己的空间，测试发信息的时候总是卡在“数据处理中”。

忽然间想起自己的空间是纯PHP的的空间，不支持ASP，当场石化~

虽然自己的空间不能用，但是分享出来给大家吧，这个适合使用ASP程序的博友们，像PJ、Z-blog这样的程序。

注意使用此程序必须问移动的手机号码，必须开通有飞信，飞信的具体开通方法请询问当地的移动营业厅或者致电10086咨询。

发信过程中可能会使当前在线的飞信掉线，发信完后即恢复，这个是飞信的登陆协议造成的。请放心！

使用的方法很简单，首先下载下面的文件

fetion.rar

然后使用记事本打开ajax.asp文件进行设置，里面都有说明，直接进行设置就可以了~！设置完成后将整个fetion文件夹上传到你的网站服务器，最后使用如下的代码调用到你的博客的页面就可以了

<div style="margin-left: 8px;"><iframe src="你fetion文件夹下的index.html的地址" frameborder="0"  scrolling="no" width="165" height="215"></iframe></div>

宽和高在width、height调试。最后你试发一条信息吧！你的手机就能收到了哟。最后还是找到了PHP版的程序，（请看侧边栏的SMS模块,╰(￣▽￣)╮）这个X先生到下一篇文章分享给大家

Posted by X先生

TAG 10086, 代码, 优化, 分享, 开通, 飞信

No Trackback Comment 8

댓글을 달아 주세요

1

没弄好你也要发封日志啊
IP: 110.52.71.***
2010/01/26 10:12 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  已经弄好了的呀，不过X先生的空间是PHP的，这个版本我用不了，不过我已经测试在ASP的空间上是可以正常使用的，X先生用的是其他的版本。虽然不能用，发出来和大家共享也有错吗？还有今天收到两条含有111的短信是不是你发的
  IP: 74.222.0.***
  2010/01/26 12:13 [ ADDR : EDIT/ DEL ]
1

当然有错撒
整天发些鸡毛蒜皮的事
IP: 110.52.64.***
2010/01/27 14:26 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  你的话太冷了，呼！好冷，个人的博客不发鸡毛蒜皮的事你想记录什么？你太有才了
  IP: 113.15.70.***
  2010/01/27 20:33 [ ADDR : EDIT/ DEL ]
snakespider

这样的功能都有@@这个只是给中国电信公司的吗？
IP: 60.53.103.***
2010/01/27 20:01 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  只有中国移动可以，不过貌似听说去年的12月份飞信也可以联通，电信非移动手机号码也可以注册了，不知道是不是真的？？你们的国家的手机没有相关的通信软件吗？？
  IP: 113.15.70.***
  2010/01/27 20:35 [ ADDR : EDIT/ DEL ]
- snakespider
  
  根本没有看过类似的东西>_<
  IP: 60.50.58.***
  2010/01/30 11:43 [ ADDR : EDIT/ DEL ]
- X先生
  
  這個，不是吧~！
  IP: 113.15.68.***
  2010/01/30 13:53 [ ADDR : EDIT/ DEL ]

Textcube/Optimization2010/01/07 13:06

大家看到茶屋的Random模块里面的对话是不是很有意思呢！那是茶兔和茶鹿
<(￣▽￣)> 哇哈哈…

下面X先生来教大家如何实现吧！
首先下载下面的压缩包，里面有所需要文件

茶兔&茶鹿的对话.rar

压缩包的文件夹里面有四个文件。分别是cya_blog.png，cya_blog_black.gif，cya_blog_black.gif，talk.html四个文件，其中talk.html是对话的文件。对话的内容、对话的快慢、对话的字体颜色都可以编辑这个文件进行增加和修改；其他三个文件都是茶兔和茶鹿的对话图片，png的是支持透明通道的，支持透明背景适合火狐、IE8等高级的浏览器，gif不支持透明通道的，是适合IE6浏览器。大家可以选择适合自己风格的图片进行上传，上传talk.html文件和茶兔和茶鹿的对话图片到你的网站目录，记下两个文件的绝对地址。

然后在自己的网站的风格文件加上如下代码

<div style="width:150px;height:260px;border:0px;background-color:#FFFFFF;background:url(<A href="http://www.xtea.org/blog/skin/monolog/images/cya_blog_black.gif">http://www.xtea.org/blog/skin/monolog/images/cya_blog_black.gif</A>) no-repeat;margin:0px;padding-top:1px;"><div style="margin:30px 15px 115px 10px;"><iframe src="<A href="http://www.xtea.org/blog/skin/monolog/talk.html">http://www.xtea.org/blog/skin/monolog/talk.html</A>" frameBorder="0" width="128" scrolling="auto" height="118"></iframe></div></div>

注意请将代码上的两个地址换成自己的茶兔和茶鹿对话的图片和自己对话文件的地址，当然你也可以直接使用上面的代码进行添加到自己的博客，不过建议还是使用自己的好！

OK!成功，最后看效果，很有趣嚛︿(￣︶￣)︽(￣︶￣)︿飞.飞.飞.

源码来自：貓魚的狗窩

Posted by X先生

TAG 代码, 优化, 对话, 茶兔, 茶屋, 茶鹿, 风格

No Trackback No Comment

댓글을 달아 주세요

Textcube/Optimization2009/12/23 22:54

这篇文章也算用来做一个茶屋优化的存档吧！这个代码也是今天刚刚从白裤衩那里拿到的。

首先下载下面的文件夹，解压后看到preview.swf和AC_RunActiveContent.js两个文件，把这两个文件上传到自己网站里的目录。

Time.rar

最后在自己风格合适的位置贴上下面的代码即可（注意将代码里面的preview.swf和AC_RunActiveContent.js两个文件的地址换为自己的地址，如果不想下载文件包的话也可以直接使用下面的代码，调用本站的文件）
<div style=" margin-left:-10px; padding:0"> <script src="<A href="http://www.xtea.org/blog/attach/1/AC_RunActiveContent.js">http://www.xtea.org/blog/attach/1/AC_RunActiveContent.js</A>" type="text/javascript"></script> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','240','height','134','src','http://www.xtea.org/blog/attach/1/preview','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','http://www.xtea.org/blog/attach/1/preview' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<A href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0">http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0</A>" width="240" height="134"> <param name="movie" value="<A href="http://www.xtea.org/blog/attach/1/preview.swf">http://www.xtea.org/blog/attach/1/preview.swf</A>" /> <param name="quality" value="high" /> <embed src="<A href="http://www.xtea.org/blog/attach/1/preview.swf">http://www.xtea.org/blog/attach/1/preview.swf</A>" quality="high" pluginspage="<A href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash</A>" type="application/x-shockwave-flash" width="240" height="134"></embed> </object></noscript></div>

效果请查看本站的侧边栏Time模块，可以在width（宽）和height（高）处修改Flash的大小。

Posted by X先生

TAG 代码, 优化, 时钟, 白裤衩

No Trackback Comment 2

댓글을 달아 주세요

某熙

生蛋快乐~~背景音乐好吵囧
IP: 124.228.105.***
2009/12/25 17:09 [ ADDR : EDIT/ DEL : REPLY ]
- X先生
  
  喔,今天已经到了耶稣蛋生的日子啦!
  IP: 218.204.29.***
  2009/12/25 19:13 [ ADDR : EDIT/ DEL ]

Textcube/Optimization2009/12/23 12:31

这篇文章只是用来做一个存档，方便以后调阅。

首先我们先下载Flash播放器的文件，注意此文件只能播放mp3格式的音频文件，其他格式的还没有试过，有心的朋友可以自己试试。

player.rar

下载后解压上传到自己网站自己喜欢发目录，然后复制播放器的地址留着备用。

修改skin.html风格文件，在风格文件中搜索</s_t3>在下面加入如下代码，如果找不到</s_t3>也可以在</body>上添加。
<object type="application/x-shockwave-flash" data="<A href="http://www.xtea.org/blog/attach/1/player.swf?son=http://www.xtea.org/down/01.mp3&autoplay=1">http://www.xtea.org/blog/attach/1/player.swf?son=http://www.xtea.org/down/01.mp3&autoplay=1</A>" width="0" height="0" bgcolor="#ffffff"> </P> <P><param name="movie" value="<A href="http://www.xtea.org/blog/attach/1/player.swf?son=http://www.xtea.org/down/01.mp3&autoplay=1">http://www.xtea.org/blog/attach/1/player.swf?son=http://www.xtea.org/down/01.mp3&autoplay=1</A>" /> </P> <P><param name="bgcolor" value="#ffffff"> </P> <P></object>
将代码中的播放器地址换为自己上传的播放器地址，当然如果你懒得换的话可以直接使用本站的播放器地址；最后修改一下音乐地址为自己喜欢的歌曲地址保存skin.html文件后上传覆盖原来的风格文件，在后台清除一下缓存返回博客就可以看到效果了。

Posted by X先生

TAG BGM, 代码, 优化, 博客, 存档, 隐藏式

No Trackback No Comment

Mr. X mini-viki

'优化'相关日志共 6篇

TRACKBACK http://www.xtea.org/blog/trackback/130

댓글을 달아 주세요

TRACKBACK http://www.xtea.org/blog/trackback/113

댓글을 달아 주세요

TRACKBACK http://www.xtea.org/blog/trackback/112

댓글을 달아 주세요

TRACKBACK http://www.xtea.org/blog/trackback/103

댓글을 달아 주세요

TRACKBACK http://www.xtea.org/blog/trackback/98

댓글을 달아 주세요

TRACKBACK http://www.xtea.org/blog/trackback/97

댓글을 달아 주세요

日志分类

标签

最新日志

最新回复

AD

月份

달력

链接

Mr. X mini-viki

'优化'相关日志共 6篇

prettyFont("茶屋优化 jqSlideShow");

TRACKBACK http://www.xtea.org/blog/trackback/130

댓글을 달아 주세요

prettyFont("茶屋优化 给博客加上短讯息功能 PHP");

TRACKBACK http://www.xtea.org/blog/trackback/113

댓글을 달아 주세요

prettyFont("茶屋优化 给博客加上短讯息功能 ASP");

TRACKBACK http://www.xtea.org/blog/trackback/112

댓글을 달아 주세요

prettyFont("茶屋优化 茶兔and茶鹿的对话");

TRACKBACK http://www.xtea.org/blog/trackback/103

댓글을 달아 주세요

prettyFont("茶屋优化 时钟");

TRACKBACK http://www.xtea.org/blog/trackback/98

댓글을 달아 주세요

prettyFont("茶屋优化 隐藏式BGM");

TRACKBACK http://www.xtea.org/blog/trackback/97

댓글을 달아 주세요

日志分类

标签

最新日志

最新回复

AD

月份

달력

链接