草根站长交流平台 - 我爱设计http://www.seanloo.cn/用心才能做到最好 - RainbowSoft Studio Z-Blog 1.8 Walle Build 100427zh-CNCopyright © 2009-2010 Seanloo.cn All Rights Reserved. | 鄂ICP备09022523号 | 赞助商:酷趣科技Thu, 09 Sep 2010 21:02:37 +0800什么是TrackBack引用通告lx-super@163.com (seanloo)http://www.seanloo.cn/post/zblog_TrackBack.htmlMon, 23 Aug 2010 09:59:40 +0800http://www.seanloo.cn/post/zblog_TrackBack.html　　刚看到有人留言询问站点信息里面的引用数是表示什么，我也只有简单的了解！

　　在zblog中有个叫做TrackBack（引用通告）地址的东西。也许你对它还不是很熟悉。其实不光zblog，现在有很多博客上的文章都提供了,TrackBack（引用通告）地址,但是能够熟练地利用它来进行网站推广的人还是很少,但是在国外已经是非常流行运用这种方法来对别人的日志发表自己的观点与看法!具体如何使用呢,我们往下看。

1、什么是"引用通告"呢!

　　简单地说"引用通告"就是:在你自己的博客上对网络上的某一文章发表了观点或者见解,然后利"TrackBack地址"发送一个引用报告到你所评论的那一篇文章,告诉对方你产文章被我引用了.而对方的文章里就会出现一个你评论文章的地地址!

　　这样博客与博客就能更好交流,既然在对方的文章里成生了自己文章的地址,而且还能突破对评论字数的限制。不就是一次很好的推广了吗!!

2、如何使用引用通告?

　　（1）找到你要评论的Blog日志的“引用通告”地址，一般在日志下方有“TrackBack引用地址 ”项，点击进入后可以看到地址，或者有的Blog直接在日志下方显示，把地址复制下来；

　　（2）进入自己的Blog发表新日志，在下方有“引用通告”栏目，将要评论的Blog的“引用通告”地址粘贴在这里。每行您可以粘帖一个。

　　（3）发表自己的日志后，系统会自动向目标地址发送引用申请，之后你会在要评论的Blog中看到你的Blog日志地址。

　　引用通告并不神秘和复杂，您可以先和朋友互相试验一下，相信您很快就会发现引用通告给您带来的全新感受。

]]>我爱设计http://www.seanloo.cn/post/zblog_TrackBack.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=296http://www.seanloo.cn/cmd.asp?act=tb&id=296&key=044eaa17整理一下Jquery选择器lx-super@163.com (seanloo)http://www.seanloo.cn/post/jquery_select.htmlFri, 20 Aug 2010 23:15:55 +0800http://www.seanloo.cn/post/jquery_select.html　　JQuery选择器是JQuery里面很实用的一个功能，可以快速的针对特定的元素进行设计，它支持使用CSS选择器、子选择器、容器选择器、特性选择器、位置选择器以及JQuery自定义的选择器等多种选择器在Html文档中选择Doms。之前找到过一个很全面的，但是现在找不到了，当时应该就记录下来的，没办法，这里整理出了一部分，在慢慢完善吧，看来，以后找到有用的东西就要马上记录下来，养成好习惯，不多说了：

1、JQuery基本Css选择器

　　*：匹配任意元素　

　　E：匹配标签名为E的所有元素,比如说$('a')会选出所有链接元素；

　　#id：通过元素id进行选择，比如说$("#form1")会选择id为form1的元；

　　.class：通过元素的CSS类来选择，比如说$(".boldstyle")会选择CSS为boldstyle类的元素；

　　标签名#id.class：通过某类元素的id属性和class属性来选择，如：$(a#blog.boldStyle)会选择id为blog并且CSS类型为.boldStyle类型的链接元素(<a id='blog' class='.boldStyle'>)；

　　父标签名 子标签名.class：通过选择父标签下的某种CSS类型的子元素，如：$(p a.redStyle)会选择p段落元素中的链接子元素a，且其css类型为.redStyle；
parent > child:child必须是parent的直接子元素。

　　select1,select2,select3：将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。

2、JQuery位置选择器

　　:first：默认情况下是相对整个页面来说的第一个，如：li:first表示整个页面的第一个li元素，而ul li:first表示整个页面的第一个li元素，并且是在ul下的子元素；

　　:last：同上了，只是是最后一个而已；

　　:first-child：为每个父元素匹配第一个子元素，如li:first-child返回每个ul的第一个li元素。可以这样理解，页面中的元素有相同的父元素的，并且里面又包含li元素的，那么就取第一个li元素，每个子类集合都要进行判断，直到找出所有符合要求的li元素；

　　:last-child：这个也与上面相对了，只是取的是最后一个；

　　:only-child：返回所有没有兄弟节点的元素，注意，文本元素不是，也就是说类似这样的<div>hello<a href="">jquery</a></div>，对于这段会选出<a>元素；对于$(”label:only-child“)会选出是label元素，同时它是它父类唯一的子元素的label元素；

　　:nth-child(n)：返回第n个子节点，n从1开始，如果n取0，那么就会选择所有的元素。如：[*]li:nth-child(2)返回li元素，并且该元素是其父元素的第二个子元素；

　　:nth-child(even|odd)：返回偶数或奇数的子节点；

　　:nth-child(An+B)：返回满足表达式An+B的所有子节点，比如3n+1返回所处位置为父节点子元素的是3的倍数加1的那个子元素；

　　:even：页面范围内的处于偶数位置的元素，如：li:even返回全部偶数li元素；

　　:odd：页面范围内的处于奇数位置的元素；

　　:eq(n)：第n个匹配的元素(n从0开始)，如：li:eq(3)返回整个页面的第四个li元素，ul li:eq(1)返回页面中第一个ul元素下的第二个li元素，注意：只匹配一次就返回了；

　　:gt(n)：第n个匹配元素(不包括)之后的元素(n从0开始)，如：ul:gt(2)返回从第3个ul开始的所有ul元素(含第三个)；

　　:lt(n)：第n个匹配元素(不包括)之前的元素(n从0开始)，如：ul:lt(2)返回从第0个和第1个ul元素；

3、JQuery自定义选择器

　　:button：选择任何按钮类型的元素，包括input[type=submit]等等；

　　:checkbox：选择复选框元素；

　　:file：选择所有文件类型元素，即input[type=file]；

　　:image：选择表单中的图像元素，即input[type=image]，注意此处和前面根据标签名img选择图像有点不同哈；

　　:input：选择表单元素，如<input>,<select>,<textarea>,<button>等；

　　:radio：选择单选按钮元素；

　　:reset：选择复位按钮元素，如input[type=reset]，button[type=reset]；

　　:submit：选择提交按钮元素；

　　:text：选择文本字段元素，即input[type=text]；

　　:animated：选择当前处于动态控制下的元素；

　　:contains(hello)：选择包含文本hello的元素；

　　:header：选择标题元素，如<h1>；

　　:parent：选择拥有后代节点(包括文本)的元素，而排除空元素；

　　:selected：选择已选中的选项元素；

　　:visible：选择可见元素；

　　:enable：选择界面上已经可以使用的表单元素；

　　:disabled：选择界面上被禁用的表单元素；

　　:checked：选择已选中的复选框或单选按钮；

　　以上都是比较常用的开发使用的选择器，目前也只找到这么多，以后再有就慢慢添加完善吧！

]]>我爱设计http://www.seanloo.cn/post/jquery_select.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=292http://www.seanloo.cn/cmd.asp?act=tb&id=292&key=607df5aa关于本站的滚动新闻效果的实现lx-super@163.com (seanloo)http://www.seanloo.cn/post/290.htmlThu, 19 Aug 2010 09:09:54 +0800http://www.seanloo.cn/post/290.html　　昨天在首页添加了单行的滚动新闻效果，目的也是为了突出一些重要的信息，亦或者打打广告之类的，效果还不错的，现在在这里教大家怎么添加！

　　不知道大家有没有看到论坛里面的一个滚动新闻的特效效果下载，可以到这里看看效果预览，高手们自然一看就知道怎么用了，这里还是介绍一下实现方法！

　　首先需要jquery的框架支持（这点博客已经具备了jquery的环境，可以不管），在你想要添加效果的页面里面的<head></head>之间添加如下功能函数：

JavaScript代码
  1. <script type="text/javascript">
  2. function AutoScroll(obj){
  3.         $(obj).find("ul:first").animate({
  4.                 marginTop:"-25px"
  5.         },500,function(){
  6.                 $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
  7.         });   
  8. }
  9. </script>

　　这个就是滚动函数，里面的 marginTop:"-25px" 这个25px为你定义的每一行新闻的高度，一般默认就行！然后再页面中任何位置，就是你想要实现滚动新闻的位置添加新闻的代码：

XML/HTML代码
  1. <div id="scrollDiv">  
  2.   <ul>  
  3.     <li>这是滚动新闻的第一行</li>  
  4.     <li>这是滚动新闻的第二行</li>  
  5.     <li>这是滚动新闻的第三行</li>  
  6.     <li>这是滚动新闻的第四行</li>  
  7.     <li>这是滚动新闻的第五行</li>  
  8.     <li>这是滚动新闻的第六行</li>  
  9.     <li>这是滚动新闻的第七行</li>  
  10.     <li>这是滚动新闻的第八行</li>  
  11.   </ul>  
  12. </div>  

　　注意，这里的 id="scrollDiv"是必须的，最后针对这个div框架添加滚动的效果，就是在页面的最底部，或者<head></head>之间添加：

JavaScript代码
  1. <script type="text/javascript">   
  2. $(document).ready(function(){   
  3. setInterval('AutoScroll("#scrollDiv")',1000)   
  4. });   
  5. </script>  

　　这里的AutoScroll就是开始添加的功能函数，括号里面的”#scrollDiv“就是滚动新闻的div的id名称，可以自由设置，但这2个地方一定要保持一致！

　　最后对这个div添加css样式代码：

CSS代码
  1. <style type="text/css">   
  2. ul,li{margin:0;padding:0}   
  3. #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}   
  4. #scrollDiv li{height:25px;padding-left:10px;}   
  5. </style>  

　　这样就完成了，更新一下首页即可看到效果了，在给出的效果预览里面还有多行滚动，还有可控制上下滚动的效果，大家可以多尝试一下其他的效果！代码不多，但是效果蛮不错的！可以有很好的用户体验效果！

]]>我爱设计http://www.seanloo.cn/post/290.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=290http://www.seanloo.cn/cmd.asp?act=tb&id=290&key=3b5d2ad2新一代的web标准 HTML5lx-super@163.com (seanloo)http://www.seanloo.cn/post/280.htmlThu, 12 Aug 2010 09:30:41 +0800http://www.seanloo.cn/post/280.html　　正如我所说的，技术在不断的更新换代，真的是跟不上脚步了，新一代的html又出炉了，这下又要花时间去研究和学习了，哎~~~无休止啊......

　　初步了解了下，html5的确是功能强大啊，我想这将又会是一场web的大改革，而且近期发现百度有些异常，估计也是为了针对html5的新标准在调试算法吧，个人观点！下面简单说说html5的一些特性和功能吧！

什么是 HTML5？
　　HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

　　HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

　　HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 是如何起步的？
　　HTML5 是 W3C 与 WHATWG 合作的结果。

　　编者注：W3C 指 World Wide Web Consortium，万维网联盟。

　　编者注：WHATWG 指 Web Hypertext Application Technology Working Group。

　　WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

为 HTML5 建立的一些规则：

　　新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
　　减少对外部插件的需求（比如 Flash）
　　更优秀的错误处理
　　更多取代脚本的标记
　　HTML5 应该独立于设备
　　开发进程应对公众透明

新特性
　　HTML5 中的一些有趣的新特性：

　　用于绘画的 canvas 元素
　　用于媒介回放的 video 和 audio 元素
　　对本地离线存储的更好的支持
　　新的特殊内容元素，比如 article、footer、header、nav、section
　　新的表单控件，比如 calendar、date、time、email、url、search

浏览器支持
　　最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

]]>我爱设计http://www.seanloo.cn/post/280.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=280http://www.seanloo.cn/cmd.asp?act=tb&id=280&key=a2f9e2c2对下一个作品有一个很疯狂的想法lx-super@163.com (seanloo)http://www.seanloo.cn/post/277.htmlTue, 10 Aug 2010 16:09:44 +0800http://www.seanloo.cn/post/277.html　　阿诺对下一个作品的制作有一个很疯狂的想法，几乎是前无古人，后无来者，我敢保证绝对是zblog有史以来绝对没有人这么做过的，但是目前还有点技术上的问题没有突破，一旦突破，那么结果是很令人期待的哦！

]]>我爱设计http://www.seanloo.cn/post/277.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=277http://www.seanloo.cn/cmd.asp?act=tb&id=277&key=94d46537搜集的40个最新的大型图片背景网站lx-super@163.com (seanloo)http://www.seanloo.cn/post/273.htmlMon, 09 Aug 2010 09:00:42 +0800http://www.seanloo.cn/post/273.html　　随着越来越多的用户现在选择高分辨率显示器和高速互联网接入，越来越多的网站设计者也都开始使用大量的图片作为页面背景。利用大型图片或插图作为你的网站的背景，可以令你的网站设计添加一个大气的视觉效果。下面就是搜集的一些最新的效果不错的大型网站背景图（共40个） 。

1. The Pixel Blog

2. Copimaj Interactive

3. Flourish Web Design

4. Abduction Lamp

5. Morphix Design Studio

6. Final Phase

7. Make Photoshop Faster

8. WebSarga

9. Suie Paparude

10. Duirwaigh Studios

11. BlackMoon Design

12. Sepitra

13. Le Blog de Gruny

14. Piipe

15. Mozi Design Studio

16. Electric Current

17. Lora Bay Golf

18. Life Style Sports

19. ligne triez

20. Oliver Kavanagh

21. World of Merix Studio

22. Le Web Defi

23. How host

24. Productive Dreams

25. Gary Birnie

26. Glocal Ventures

27. GDR UK

28. Absolute Bica

29. Le Nordik

30. Leaf Tea Shop & Bar

31. Paul Smith

32. EwingCole

33. Dolphins Communication Design

34. Danny Diablo

35. Inner Metro Green

36. Matt Salik

37. Revyer

38. Yodaa

39. Dripping in Sunshine

40. Big Break ’09

]]>我爱设计http://www.seanloo.cn/post/273.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=273http://www.seanloo.cn/cmd.asp?act=tb&id=273&key=bb52eb89心诺设计风尚社区开通试运行lx-super@163.com (seanloo)http://www.seanloo.cn/post/260.htmlWed, 04 Aug 2010 10:11:11 +0800http://www.seanloo.cn/post/260.html　　心诺设计风尚社区今天开通啦，目前正在试运行调试阶段，心诺设计风尚社区专注于设计爱好者，草根站长相互交流使用，资源共享，共同进步！坚决杜绝发布违反国家规定的内容，为做SEO发一些没有油盐的内容的人，社区一律不欢迎！一经发现，直接封号！

　　大家有任何问题，都可以在社区提出，我也会在社区进行详细解答，相信也会有更多的人会给予帮助！由于目前网络环境管理非常严格，网监时时刻刻都在检查我们的站点，所以为了保证社区能正常使用，所有注册会员的发帖和回复都将经过审核才能通过！希望大家能理解！

　　阿诺会在这里给大家分享好的资源，好的文章，好的案例，和大家一起成长！

　　草根站长成长的必经之路，欢迎高手们进来多多指点！

]]>我爱设计http://www.seanloo.cn/post/260.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=260http://www.seanloo.cn/cmd.asp?act=tb&id=260&key=b9d585c6ZTI主题文件无法本地导入安装的解决办法lx-super@163.com (seanloo)http://www.seanloo.cn/post/257.htmlMon, 02 Aug 2010 16:15:19 +0800http://www.seanloo.cn/post/257.html　　对于ZTI主题文件无法本地导入安装，这个问题我也没弄明白，我在家里的电脑都是正常安装，环境是winxp的系统，自然是IIS5.0了，硬盘格式就记不大清楚了，没怎么注意，在公司的电脑就是怎么样也安装不上去，起先以为是目录权限问题，把该加的都加上了，还是无法安装，公司是win2003，IIS6.0,硬盘是NTFS格式，然后考虑会不会是硬盘格式问题，我也懒得转格式，换了一台电脑也是win2003，IIS6.0的，这里硬盘是FAT32的，在试，还是不行，郁闷中....

　　确实不知道是什么问题了，左想右想，发现主题管理插件上面有一个功能是【管理主机上的ZPI文件】（里面写的是ZPI，不知道是不是笔误），我找到这个管理功能的文件目录\PLUGIN\ThemeSapper\Export，抱着试一试的心情，将zti文件复制到这个文件夹中，在后台果然看到这个文件，点击恢复到blog，安装成功！

　　虽然不知道为什么，但是总算解决了无法安装的问题！所以这里总结一下：

　　1、本地调试：如无法正常导入安装，则可使用此方法，肯定有效，注意一定要是\PLUGIN\ThemeSapper\Export这个目录下面才识别的到。

　　2、在线安装：如无法正常安装，则可通过FTP工具将zti文件上传到网站的\PLUGIN\ThemeSapper\Export这个目录下，安装方法同上！

　　我相信方法肯定不止一种，希望有其他更好的方法的朋友也一起分享一下！

]]>我爱设计http://www.seanloo.cn/post/257.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=257http://www.seanloo.cn/cmd.asp?act=tb&id=257&key=049eda4dSean_CMS模板bug修复 提供LOGO源文件lx-super@163.com (seanloo)http://www.seanloo.cn/post/256.htmlTue, 27 Jul 2010 13:11:20 +0800http://www.seanloo.cn/post/256.html　　首先感谢大家及时的向阿诺提出在使用中发现的一些问题，说实话，这些问题要不是大家使用了，我还真的没想到那么多，在这里也像大家道个歉，实在是不好意思，没有考虑的那么多！经过几天的问题搜集，现在基本上已经解决！

　　在发布之前还是先大概的统计和说明一下问题：

　　1、添加了自定义的标签，但是看不到显示效果！（这里我在留言回复的时候说明了一下，这里在说说，标签属于模板性质的，模板的更改需要重建文件才能看到效果，相信这点大家很清楚，标签是一样的，你在首页添加了标签，或者内页增加标签，必须要更新首页或者重建文件，至于内容页的标签，有人会说每次都重建会很耗时间或者耗服务器资源，希望可以自动更新，这也可以做到，具体的方法可以参考教你如何使用模板中的动态JS调用功能这篇文章，里面介绍了模板自带的一个强大的js调用自定义标签的更能。这个功能适用于内容页。更新标签后内容页会自己更新，当然前提是要重新打开浏览器，因为缓存里面还是老数据！）

　　首页不用重建文件更新的方法：在后台管理目录里面找到链接管理，打开后直接点击提交，完成后首页就已经更新了！

　　2、置顶文章的路径问题，二级目录的问题，自定义路径问题，这些都已经解决，大家可以任意的在后台设置各自的自定义设置，都能正常显示了！

　　3、幻灯片自定义设置，但是没有显示效果，这个跟第1点是一样的问题，更新一下首页！

　　4、首页的图片滚动，显示的是4个图片，但实际上是5个图片一滚动！感谢【闹团】的细心发现，这里也已经解决，这里为了保证现在大家自己的一些修改，不更新源文件了，只需要更改一个小地方即可，在Seanloo_Cms.css文件中找到.infiniteCarousel .wrapper这一行，如果大家用的工具，应该是在605行；将这里的代码改成如下形式即可：

CSS代码
  1. .infiniteCarousel .wrapper {   
  2. width:600px;   
  3. overflow:auto;   
  4. top:0;   
  5. margin:0 20px;   
  6. }  

　　这次更新不保证在没有其他问题，欢迎大家及时的将问题反馈给阿诺！安装包也同步更新！

　　最新安装包下载地址：安装包

　　LOGO源文件：PSD+字体

]]>我爱设计http://www.seanloo.cn/post/256.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=256http://www.seanloo.cn/cmd.asp?act=tb&id=256&key=c440a8d0教你如何使用模板中的动态JS调用功能lx-super@163.com (seanloo)http://www.seanloo.cn/post/252.htmlWed, 21 Jul 2010 11:37:11 +0800http://www.seanloo.cn/post/252.html　　不得不承认Jquery的确是一个很好的东西，越来越多的大型网站都已经在使用这个框架了，他使得网站用户体验这块更贴心！我非常喜欢！我们zblog也引用了这个框架，这个新的sean_cms模板更新了zblog官方引入的jquery的版本，是目前最新的1.4版本！同时，我还在模板中预留了一个简单灵活的标签ajax调用的功能！本文将教大家如何使用这个功能！

　　功能函数是ShowLabel(c,id,str)

函数参数：

　　c为调用目标元素的标识种类，是CLASS则参数为1，是ID则参数为2

　　id为调用目标元素的标识名称，如class="main",或者id="main"，标识名称就为标识符=号后面的main，这个可以在模板文件中自定义

　　str为自定义标签的名称，就是大家在插件管理中自定义插件的时候填写的文件名称！也就是管理面板中调用代码的后部分
例如调用代码<#TEMPLATE_INCLUDE_PLUGIN_INDEX_MIDDLE_AD#>，则srt就为TEMPLATE_INCLUDE_后面的PLUGIN_INDEX_MIDDLE_AD。

综合举例：

比如在模板中有一个地方的代码为：

<DIV class="ad"></DIV>，你想在这个里面调用PLUGIN_INDEX_MIDDLE_AD这个标签，则调用代码可写为
ShowLabel(1,"ad","PLUGIN_INDEX_MIDDLE_AD")

完整代码为：

JavaScript代码
  1. <script language="JavaScript" type="text/javascript">   
  2. $(document).ready(function(){    
  3. 　ShowLabel(1,"ad","PLUGIN_INDEX_MIDDLE_AD")   
  4. });   
  5. </script>  

将完整代码粘贴到网页<head></head>之间即可！

]]>我爱设计http://www.seanloo.cn/post/252.html#commenthttp://www.seanloo.cn/http://www.seanloo.cn/feed.asp?cmt=252http://www.seanloo.cn/cmd.asp?act=tb&id=252&key=28f95681