pagemaker

WP-Syntax代码高亮插件的美化和难选中修复

星期三, 一月 14th, 2015 | html5, pagemaker, wordpress | 没有评论

上次发了一个服务器安装的配置脚本信息,由于脚本比较多,发现浏览的时候用鼠标很难选择一直不知道是什么原因;

期间尝试了去除ad广告部分和统计的js代码,可是问题依旧,无意间更换了wp-syntax的css文件竟然解决了此问题;

也不太想深究其中原因,只把美化后的css代码贴出:
这一段代码替换wp-syntax/css/wp-syntax.css里的内容即可
› Continue reading

Tags: ,

网站访问102错误信息和chrome下查看dns信息

星期二, 五月 20th, 2014 | pagemaker | 没有评论

网站更改dns域名解析的时候,之前在chrome下访问过该网站,IP解析地址一直都没有变;

1.可以通过chrome://net-internals/#dns 查看chrome 的dns 缓存信息,清除这里的缓存并不能改变 系统的dns缓存信息

2.在cmd下输入 ipconfig /flushdns ,进行dns刷新 (才会最终生效新的地址)

小计:Mozilla Firefox 和IE 可以直接刷新(可能和我之前没有用这两个浏览器访问过该网址有关),具体原因不详,还是要清除下系统的才有效

Tags: ,

div点击隐藏和展示代码

星期一, 四月 21st, 2014 | html5, pagemaker | 没有评论

直接上代码了:

<script type="text/javascript">
    function showorhiddenme(){
        var t_div = document.getElementById("test");
        if (t_div.style.display == "block") {
            t_div.style.display = "none";
        } else if (t_div.style.display == "none") {
            t_div.style.display = "block"
        }
    } 
</script>

Tags:

解决子级用css float浮动 而父级div没高度不能自适应高度

星期三, 十月 30th, 2013 | pagemaker | 没有评论

解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。
当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因。

方法一:使用css clear清除浮动
1、加clear效果完整div css代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
对父级div标签闭合</div>前加一个clear清除浮动对象。
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>父div不自适应高度实例</title> 
<style> 
.divcss5{width:500px;border:1px solid #000;padding:10px} 
.divcss5-lf{ float:left; width:220px; height:100px; background:#000} 
.divcss5-rt{ float:right; width:230px; height:100px; background:#06F} 
.clear{ clear:both} 
</style> 
</head> 
<body> 
<div class="divcss5"> 
<div class="divcss5-lf"></div> 
<div class="divcss5-rt"></div> 
<div class="clear"></div> 
</div> 
</body> 
</html> 
此方法需要注意是clear:both加的位置,不是对父级直接加clear样式,而是在父级</div>前加带clear对象盒子。

方法二:对父级样式加overflow样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
此方法非常简单,也可以作为推荐解决父级不能被撑开自适应高度的方法,可以不增加div盒子对象,只需要对父级加一个overflow:hidden样式即可。
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>父div不自适应高度实例</title> 
<style> 
.divcss5{width:500px;border:1px solid #000;padding:10px; overflow:hidden } 
.divcss5-lf{ float:left; width:220px; height:100px; background:#000} 
.divcss5-rt{ float:right; width:230px; height:100px; background:#06F} 
</style> 
</head> 
<body> 
<div class="divcss5"> 
<div class="divcss5-lf"></div> 
<div class="divcss5-rt"></div> 
</div> 
</body> 
</html> 
推荐。此方法为非常简单解决子用float,父div不能自适应高度,不能随父内容多少而自适应高度没有高度。

记录下,以后使用起来直接查找会很方便了.

Tags: ,

js货jsp检测是否是手机等移动端访问

星期一, 七月 29th, 2013 | JAVA-and-J2EE, pagemaker | 一条评论

其他的就不多说了,直接上代码了,
JSP 版本

String ua=request.getHeader("User-Agent").toLowerCase();
if(ua.matches("(?i).*((android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino).*")||ua.substring(0,4).matches("(?i)1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-")) {
  response.sendRedirect("http://detectmobilebrowser.com/mobile");
  return;
}

JS版本:

(function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://detectmobilebrowser.com/mobile');

更多不同语言的版本配置见开源的库: Detect Mobile Browsers | Open source mobile phone detection

Tags: , , ,

常用的ps去除图片文字的方法

星期五, 三月 1st, 2013 | pagemaker | 没有评论

要处理图片总归麻烦,网络上找到的,摘录到自己的站点,方便以后自己翻找.

1、使用仿制图章工具去除文字。
这是比较常用的方法。具体的操作是,选取仿制图章工具,按住Alt键,在无文字区域点击相似的色彩或图案采样, 然后在文字区域拖动鼠标复制以复盖文字。要注意的是,采样点即为复制的起始点。选择不同的笔刷直径会影响绘制的范围,而不同的笔刷硬度会影响绘制区域的边缘融合效果。
使用图章去除文字

2、使用修补工具去除文字。
如果图片的背景色彩或图案比较一致,使用修补工具就比较方便。具体的操作是,选取修补工具,在公共栏中选择修补项为“源”,关闭“透明”选项。然后用修补工具框选文字,拖动到无文字区域中色彩或图案相似的位置,松开鼠标就完成复制。修补工具具有自动匹配颜色的功能,复制出的效果与周围的色彩较为融合,这是仿制图章工具所不具备的。

使用修复工具去除文字
› Continue reading

Tags: ,

css实现html的图文混排

星期五, 十一月 2nd, 2012 | pagemaker | 没有评论

直接上代码吧,看着就明白了

左环绕:<div style="float:left; clear: both;" align="center"><img src=xx.jpg width="600" height="400" alt="1234"><br/>
图像标题</div>
右环绕:<div style="float:right; clear: both;" align="center"><img src="xx.gif" width="176" height="141"><br/>
图像标题</div>
独占一行:<div style="float:none; clear: both;" align="center"><img src="xx.jpg" width="400" height="300"><br/>
图像标题</div>

Tags: , , , ,

iis与apache共存

星期一, 五月 28th, 2012 | pagemaker | 没有评论

在window2003下安装apache出现系统无法找到apache2的解决方案

在window2003 下安装apache出现系统无法找到apache2的解决方案

启动apache时系统找不到指定的文件

(windows)启动apache时 显示:

[error] (OS 2)系统找不到指定的文件。 : No installed

:No installed service named “Apache2″的错误

解决方案:

将IIS停掉(打开services,找到iis服务管理器,停止),重新安装apache;(IIS admin 服务项)

修改默认端口 (/apache2/conf/httpd.conf)

重新启动apache

Tags: , ,

win7下配置IIS7.5支持php

星期日, 五月 27th, 2012 | enterprise, pagemaker | 没有评论

要在iis下支持php应用,在win7的iis7.5版本,在网上找到一个很方便的方法,一试就成功,记录下,方便以后自己重新配置

1.首先确认IIS中启用了CGI功能:

2.IIS 7.5中为了易于PHP程序的安装,增设了PHP Manager模块。只要您简单设定,其它的工作自动到位!下载地址:http://phpmanager.codeplex.com/releases/view/62183,安装。

3.再开启IIS,会发现里面多了一个PHP Manager图标项了。(点击上面的那个图可以发现已经有了)

4.到http://php.net/downloads.php 下载最新的php版本(此处以php5.4.3为例)。我们下载【VC9 x86 Non Thread Safe】这个版本的zip包就好。(顺便说下iis使用的是vc9的,如果是apache现在还要使用vc6的)
然后,解压到E:\PHP5.4.3中就可以了

5.配置文件修改。

将php.ini-development改名为php.ini

修改php.ini 查找data.timezone 修改为date.timezone = “Asia/Shanghai”(这里必须改,不然会出警告)

找到Windows Extensions开启 所需模块,如:php_curl.dll php_mysql.dll php_mysqli.dll php_xmlrpc.dll php_curl.dll 只要去掉前面的 分号 保存就可以了
› Continue reading

Tags: , , , ,

jQuery/html5 的插件turn.js实现的书本和杂志翻页效果

星期日, 五月 6th, 2012 | html5, pagemaker | 没有评论

看到一个很不错的jquery的插件turn.js,在支持html5的设备上(PC,平板,手机等)实现的像很多电子杂志和电子书的翻页效果

turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时 等

更多TURN.JS信息可以去翻阅下列资料:
——————————————————
Github: https://github.com/blasten/turn.js
Reference: https://github.com/blasten/turn.js/wiki/Reference
Website: www.turnjs.com
——————————————————

上贴图:

Tags: , , , ,

Rss

Search

文章分类

Meta