存档

‘折腾’ 分类的存档

闲得蛋疼于是乎将主题导航栏改为支持自定义菜单

Aug 19th Mon, 2013/JiaJieChan/折腾/2,792 阅读/没有评论

太闲了,就改了一下导航栏,使它支持wordpress自带的自定义菜单,以后修改菜单的功夫也都省了。

以前大家在弄导航栏的时候是不是都在用那个页面来做导航栏菜单呢? 想改为链接就用插件将那个页面重定向另一个网址。不过这样的方法也太扯了,花了好几个步骤才弄好那么一个链接。何不修改主题致使支持自带的自定义菜单功能呢,要添加个链接或什么页面的直接按添加即可,再也不用重定向或修改代码了。
20130819023643

Read More...

Nginx中实现if多重判断写法

Aug 9th Fri, 2013/JiaJieChan/折腾/1,529 阅读/没有评论
写Nginx.conf的朋友也会经常用到if判断,这里的格式跟php里的有点不同。以下是多重if判断的书写格式方法。特意转回来给路过的朋友看看,顺便做个归档已备用日后参考。自己从中理解使用方法吧。有一点基础的都应该看得懂的。

使用nginx的朋友可能都知道nginx的if语法比较严格,并且还没and && || 这类写法,如果你想多重判断我们就只能想其它办法了,下面我来给大介绍一种投机倒把另外想办法实现多重判断,方法介绍有需要了解的朋友可参考。

[code lang="xml" title="代码片段一"]
if ($request_uri ~ "xxx.php?xxx") {
set $iftmp Y;
}
if ($http_user_agent ~ "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; SV1)") {
set $iftmp "${iftmp}Y";
}
if ($iftmp = YY) { return 400;}
location / {
proxy_pass https://172.0.0.11;
}

重点一 set $iftmp Y 将iftmp设置为Y,set命令是一个大大的亮点
Read More...

分类: 折腾 标签: , ,

CSS3 transition过渡动画

Aug 1st Thu, 2013/JiaJieChan/折腾/1,506 阅读/4 comments

在写网页里一些简单的动画可以使用css完成,一个常用的功能就是transition,JiaJieChan今天就对博客的几个地方加入了这个效果。它可以将不同宽度、颜色、字体、形状的元素与另一元素之间的:hover变化过程加入动画过渡效果。具体也可以看看本博边栏我的头像的区域,鼠标悬停在拉出按钮上可以看到有一段过渡的动画效果,是不是很好看,下面就看看transition的一些使用方法以及格式。

W3C标准中对css3transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”

使用格式

使用方法很简单,transition: 元素 持续时间s; 这个就是格式,也可以看看下面的例子。 Read More...

Javascript中常见的一个鼠标悬停离开BUG

Apr 5th Fri, 2013/JiaJieChan/折腾/2,206 阅读/7 comments
daima_6598135193424684709

在文章的开端先要说一下,JiaJieChan其实也不懂得Javascript(以下简称JS),不过接触的时间长了,一些文件合并、加载也是知道的。一看JS就头疼,贼长的代码且对这些代码不认识,就像昨晚把菜单栏修改为支持WP自定义菜单、参照mg12的文章修改菜单栏为多级无限菜单,真是把我头都搞大了。我比较喜欢滚动效果,可是目前的JS里面没有这个滚动效果的代码,希望高手能帮我加上去。

今天要说的是一个鼠标事件的bug,也不知道算不算是bug,应该算是一个书写错误吧。我最近都在很多blog网站等看到过这种bug。症状体现为鼠标悬停到某一元素,会弹出一个悬浮层,当鼠标离开它就会消失,当鼠标重复快速的做此动作时,弹出消失的事件就会不停的重复,直至达到刚才鼠标悬停离开的次数。普片出现在菜单栏(二级菜单),其实陈家杰BLOG早前的QR文章二维码也有这个情况(已修复),到今天又看到其他BLOG有这个问题,特意将它记录下来以备不时之需。
Read More...

解决LNMP导致WordPress后台不显示其他已上传主题

Mar 31st Sun, 2013/JiaJieChan/折腾/5,916 阅读/7 comments

这个问题是前几天才发现的,进入后台主题,只看到一个正在使用的主题,而其余已经上传的主题一个也看不到,包括默认的主题。造成这个问题的原因也是LNMP的危险函数,只要将相应被禁用的函数取消即可。

经过测试是由于scandir函数被禁用,所以不能显示其他主题。

解决方法来自@小简博客,解决方法如下;

进入ssh,root登录;

输入命令;

sed -i 's/,scandir//g' /usr/local/php/etc/php.ini

还是那句话,方法可以用在其他的安装包上,具体请修改php.ini的路径即可。

最后把Lnmp重启一下即可。

/root/lnmp restart

LNMP0.9 SMTP发信错误Could not connect to SMTP host

Mar 21st Thu, 2013/JiaJieChan/折腾/2,243 阅读/3 comments

ymmail使用VPS的童鞋都应该知道LNMP这个环境,使用这个一键安装包能够非常容易的配置好服务器的环境。然而为了安全LNMP默认会禁止掉一些函数,今天就要给大家说说pfsockopen、fsockopen函数,这两个函数涉及到SMTP发送(外部SMTP服务器),如果这两个函数被禁止了,就会出现类似“An error was encountered while trying to send the test e-mail.SMTP Error: Could not connect to SMTP host.”的错误。

下面说说解决方法,传统的方法就是编辑php.ini,把相关的屏蔽命令取消掉。今天就教大家个简单的方法,直接两条命令就可以把这些屏蔽的命令取消。

进入SSH,输入命令;
Read More...

多说评论CSS样式, 在其他博客看到的Copy回来

Jan 19th Sat, 2013/JiaJieChan/折腾/3,586 阅读/5 comments

duoshuo

昨天@Cysime在他的博客分享了一个多说的自定义CSS效果,实现圆角头像,鼠标移上时旋转的效果,就是下面的效果八。因为看了那个玩意儿觉得很有意思,所以才萌生了写这篇技术文的想法。我想很多多说的用户都会需要的。我今天写到的CSS3效果是之前在网上找到收藏的代码素材,现在应用到多说上。

 

正文开始

各种效果我都做成了GIF动态图,光光截这些图都花了我好长的时间。大家可以很直观的看到效果。毕竟是图片,实际效果当然会更好的多。

将代码粘贴到多说评论-个性化设置-自定义CSS 里,刷新即可看到效果。 Read More...

朋友做了一个LAMPF一键安装包有需要的看看

Dec 16th Sun, 2012/JiaJieChan/折腾/5,496 阅读/没有评论
话说我的一个博友最近做了一个LAMPF的一键安装包,集合 Apache、MySQL、PHP[FastCGI]、phpMyAdmin,特意转了回来,给需要配置FastCGI又不想折腾的朋友。

什么是 LAMPF?

LAMPF 一键安装包是一个用Linux Shell编写的可以为 CentOS/RadHat VPS或独立主机安装 LAMPF (Apache、MySQL、PHP[FastCGI]、phpMyAdmin) 生产环境的Shell程序。

它的用途?

编译安装需要输入大量的命令,如果是配置生产环境需要耗费大量的时间而且LAMP+FCGI 架构配置并不容易,
不会Linux的站长或Linux新手想使用Linux作为生产环境……

优势:

无需一个一个的输入命令,无需值守,编译安装优化编译参数,提高性能,解决不必要的软件间依赖,特别针对VPS用户进行了优化。

安装哪些组件?

Apache 2.4.3

PHP 5.4.9 (FastCGI)

PHPMyadmin 3.5.4

MySQL 5.5.28

Read More...

老掉牙的技术 从CSS sprites重视background

Dec 2nd Sun, 2012/JiaJieChan/折腾/2,102 阅读/5 comments
这个是老掉牙的技术了,最近看到博客有很多凌散的小图片,于是就把它们用csss prites合在一起了。下面这篇文章只是介绍一下相关的优势和用法。相关的技术文都已经是几年前的了,所以干脆就找一篇比较好理解的文章转回来算了。

 

关于CSS sprite技术的详解,小弟在这里就不赘述了,因为伟大的英特网上有一篇伟大的技术文档介绍。请移步http://css-tricks.com/css-sprites/

在CSS sprite中最重要的就是关于background这个属性的理解,所以本文比较详细的介绍了background这个属性,如有错误,劳请指教。

background的集合有:'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', 和 'background'。

在介绍background特性之前首先要明确background的作用范围,background是在padding box之内有效,所以背景色和背景图片都在此范围内。 Read More...

解决在Chrome下不能加载带WMP的网页

Nov 24th Sat, 2012/JiaJieChan/折腾/5,910 阅读/1 comment


现在使用WMP(“WindowsMediaPlayer”以下简称WMP)的网站还是有一部分的,而在Win7下Chrome自动提示安装的那个wmp插件即使安装了也不能使用,导致某些音乐、视频不能播放。下面说说使用chrome扩展的解决方法。

这个chrome扩展插件是我在老外的博客里看到的,利用HTML5解析WMP  老外的原文 。 JiaJieChan试用了一下,的确可以解决WMP不能播放的问题,插件下载链接在文章的底部。

Chrome扩展插件使用方法

  1. 打开Chrome
  2. 打开菜单>工具>扩展程序
  3. 把后缀为.crx的文件拖进去

使用插件要求

  • Chrome在8.0或以上
  • 使用Windows 7系统