13十二月

网页增加圣诞飘雪效果7 Comments

前面说了给主站添加飘雪效果,但是有很多人问我如何做到的,在这里就给大家如何实现吧,很简单的,在头文件插入以下代码就行里:

1
2
3
4
5
<script src="http://www.crazyfrom.com/js/jsized.snow.min.js" type="text/javascript"></script>        
<script>
var limg = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.crazyfrom.com/js/';
createSnow(limg, 26);
</script>

13二月

CMS主题,终于上线!17 Comments

经过这个假期自己一人的努力,终于在年三十完成了自己第一个CMS主题,暂时取名为Crazyfrom 1.0,因为是为了“网站开发”主站而做的!。说不上100%原创,但是也有80%。主题背景色彩主要仿“affinity”,由于本人当时很喜欢这主题,可是使用它的费用很高,于是就仿了下来!
这主题,本人基本用到了2个最基本的插件,其余的都是用CSS+JS完成(弄的挺累的),唯一不满的地方是,主页的字体(用了很多颜色都找不到满意的)。如果谁有好的意见看法不妨提出来,还有BUG!
在此也祝大家新春快乐,家庭幸福!

主页

book页

about页

分类页

文章页

由于网站某些分类的内容没有加上,如:模板页,模板分类页,特效等。所以暂时看不到效果,详细请访问:http://www.crazyfrom.com
如果要完美看到效果,最好用IE7以上浏览,主题暂时也不提供下载哦!

22一月

CSS换行样式15 Comments

今晚在制作主题时,无意中发现个问题:用长串的英文时,尽然不会自动换行且不会撑破页面,而中文确不会发生这类状况。本以为是wordpress存在的bug!后来发现原来CSS中的word-wrap或word-break样式(很少很少用到)是可以避免此类问题发生的,但是两者有区别和与浏览器兼容的问题!
总结下:
     用word-wrap控制换行,如:word-wrap:break-word

使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。break-word是控制是否断词的。normal是默认情况,英文单词不被拆开。

使用break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。keep-all,是指Chinese, Japanese, and Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)
Continue reading »

08一月

分享40个WordPress漂亮模板!27 Comments

今天在看外文时突然发现很多漂亮站,皮真他妈的好看,把地址分享给大家!其实,说分享也太不厚道了,因为没有提供模板下载哦,吸引眼球罢了!
1.Assault Blog

2.> BestBlogBox

3. >Cheaper Than Therapy

Continue reading »

12十月

WordPress基本函数及其用处2 Comments

今天无聊,整理了下WordPress基本函数及其用处,供自己以后学习方便!废话就不多说了

基本条件判断Tag

is_home() : 是否为主页
is_single() : 是否为内容页(Post)
is_page() : 是否为内容页(Page)
is_category() : 是否为Category/Archive页
is_tag() : 是否为Tag存档页
is_date() : 是否为指定日期存档页
is_year() : 是否为指定年份存档页
is_month() : 是否为指定月份存档页
is_day() : 是否为指定日存档页
is_time() : 是否为指定时间存档页
is_archive() : 是否为存档页
is_search() : 是否为搜索结果页
is_404() : 是否为 “HTTP 404: Not Found” 错误页
is_paged() : 主页/Category/Archive页是否以多页显示

Continue reading »

11十月

为wordpress添加TabPane25 Comments

今天下午出去玩回来,首先看看网站有什么留言。看到自己的“网站导航”、“热议文章”、“最新评论”在边栏里零乱的躺着,延伸得太长了,看着很不爽。于是想到了用TabPane,相信很多人在用它!用它不但可以把零乱的Sidebar内容整合一起,动态地显示出各自内容,节省了空间,页面又变得整洁。
首先:下载代码文件
原地址:TabPane
把它上传到空间里,我把它解压放到themes下。
然后把代码

1
2
<script type="text/javascript" src="X/js/tabpane.js"></script>
<link type="text/css" rel="StyleSheet" href="X/css/tab.webfx.css"/>

复制放到主题模板header.php中的<head>与</head>之间。
注意:X代表你文件的网络地址,如我的为:X=http://www.crazyfrom.com/wp-content/themes
然后再把代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="tab-pane" id="tab-pane-1">
<script type="text/javascript">var tabPane1 = new WebFXTabPane( document.getElementById( "tab-pane-1" ) );</script>
<div class="tab-page" id="tab-page-1">
<h2 class="tab">标题1</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-1" ) );</script>
调用函数1
</div>
<div class="tab-page" id="tab-page-2">
<h2 class="tab">标题2</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-2" ) ); </script>
调用函数2
</div>
</div>

复制到sidebar或single或其它你想要这效果的地方,而我的是sidebar中
注意:如果标题>=2 就是要添加多个Tab,就要把 “tab-page-1″改成”tab-page-x” (x=2,3,4…..)注意按次序改写
如我的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="tab-pane" id="tab-pane-1">
<script type="text/javascript">var tabPane1 = new WebFXTabPane( document.getElementById( "tab-pane-1" ) );</script>
<div class="tab-page" id="tab-page-1">
<h2 class="tab">热议文章</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-1" ) );</script>
 <?php blog_most_commented_posts(); ?>
</div>
<div class="tab-page" id="tab-page-2">
<h2 class="tab">最近评论</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-2" ) ); </script>
<?php include (TEMPLATEPATH . '/simple_recent_comments.php'); ?>
<?php if (function_exists('src_simple_recent_comments')) { src_simple_recent_comments(10, 50, '', ''); } ?>
</div>
<div class="tab-page" id="tab-page-3">
<h2 class="tab">文章分类</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-3" ) );</script>
<?php blog_list_categories('orderby=name&title_li='); ?>
</div>
</div>

调用php函数说明:
<?php blog_list_categories(‘orderby=name&title_li=’); ?>文章分类
<?php random_posts(); ?>随机文章
<?php blog_tag_cloud(‘smallest=8&largest=14&number=30′); ?> 热门标签
<?php blog_most_commented_posts(); ?> 热议文章(插件实现)
……

加什么都可以,只要wordpre跟插件能提供!
最后为了与我主题和谐,我自己把css修改了下!
ok完工,吃饭去!