生活或许总有遗憾,但未来依旧美好。
欢迎访问...
Category › 第2页

Category: 爱搞机

////2016年3月5日02:45:30 更新 一个很好的css属性:object-fit:cover 设置好宽度和高度,图片会自动居中显示,占满宽度和高度并且不变形~ 在电脑chrome和苹果上显示正常,但是安卓4.4好像有些问题~ ------------------------------------------------------------- 经常会用到图片缩略图要居中显示,不然要么自适应宽度,要么自适应高度。遇到宽度比较大的,自适应后高度可能有空白。用max-width的方法不太好用。网上很多用jquery实现图片居中的略麻烦,这里用css3来解决这个问题。同样可以用到div的水平垂直居中,在一些遮罩层经常用到! div容器的css样式 width: 80px; height: 80px; overflow: hidden; img标签的css样式 width: auto; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 实例:最终效果图 对比:这个是宽度高度auto的 对比:这个是固定宽度高度的 对比:这个是宽度高度最大80px的

今天没那么忙,试试用Markdown编辑笔记然后发布到WordPress的效果。本来是比较看好代码编辑那一块的,结果有些失望! 图一:在为知笔记中添加一份结尾是.md的文档,用Markdown语法写文字。图片直接复制进去就可以了。 图二:保存笔记时,在为知笔记里看到的效果。 图三:发布时候选择用Markdown语法渲染。 图四:发布到博客后看到的效果,代码部分把一些标签也显示出来了。 图五:更换一个主题试试,标签没显示出来了。但还没达到我想要的效果。可能是要另外添加css高亮代码? 图六:一些不喜欢的东西。编辑文章,图片会重复上传,如果是一篇文章很多图片,那么编辑几次媒体库要爆了! 最后贴出发布文章到WordPress后的代码: 使用pre标签,跟现在这个主题的代码高亮功能有冲突。并且自带class所以肯定要加高亮css代码的,我没找到!~

就像七牛宣传的一样,这是个很好的时代。 之前用的时候是五毛钱1G的,现在好了,七牛降到两毛九了。 11月降的价,那个广告也在我面前晃了好几十次,今天才无聊点进去看。 下面是原文截图: 邀请注册地址:https://portal.qiniu.com/signup?code=3lito7e5uj51u 注册后实名登记可以获得每个月10G的免费流量噢。

不是帮极客学院做广告,就个人而言,我是更喜欢慕课网多一点的。昨天收到一份极客学院的广告邮件,今天有空点来看看,于是就出现下面那些截图。 [1024程序员节福利]我刚在极客学院抢了1012天VIP的红包,必须一级棒!送你一半,速度领取。。。。。。。。。 又称按键精灵普及活动,虽然更宣传的差异很大,偷换概念的虚假宣传很坑,但毕竟给我多加了79天会员,过程也好玩。 一开始我是点了330次的,鼠标都点烂了,玩过游戏的都会用一些小工具,按键精灵是这种点击活动的首选。 选择左键连点器,启动热键是F10,但是中止热键好像无效!!!!有点失控! 最后1024下是妥妥的。然后,居然提示作弊!1024是上限,但刚刚好1024是不行的。   于是我点了1012次。 然后我去分享,从分享链接进去领VIP。发现,跟330天的差不多啊,每次刷新的数字都随机变,但怎么变都是那个范围。 最后领了个79天的VIP。不玩了。

双11快到了,给网站加上广告。第一次访问时,点击任何地方都会弹出一个广告窗口。 一般加在首页就好了,不要加在header.php和footer.php这种全站通用的地方。 没有cookie记录的,所以刷新首页继续可以弹出广告窗口。 代码中尽量避免ad这样的字眼,免得被浏览器插件屏蔽掉。 实测是没问题的,刚给99bt.us加上。 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现第一次访问站时点击任何地方都先弹出一个广告页</title> </head> <body> <!--js实现第一次进站时点任何地方都先弹出一个广告页--> <script type="text/javascript"> var showKouss=function(){ //弹出广告操作 //window.location.href='http://kouss.com/1111'; //原窗口打开 window.open("http://kouss.com/1111");//新窗口打开 //alert(1); showKouss=function(){}; } document.onmousedown=function(){ showKouss(); } </script> </body> </html>

我是用多说评论的,可以在后台的小工具那里添加一个“最近访客”头像列表在侧栏显示。 默认宽度是50px,我这里是在后台小工具那里把它改为54px的。 然后我们来给style.css加上一段炫炸的css3代码,让头像转起来。   /*多说侧栏头像旋转*/ .ds-avatar img{margin-bottom: 10px;position:relative;padding: 2px;border:1px solid #ddd;background: #fff;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s;} .ds-avatar img:hover{margin-bottom: 10px;transform: rotate(720deg);-webkit-transform: rotate(720deg);-moz-transform: rotate(720deg);-o-transform: rotate(720deg);-ms-transform: rotate(720deg);}   提交代码,ctrl+f5刷新鼠标移上评论列表图形看一下效果。

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码演示 去年年底,该插件已经改名为Emmet。但Emmet不只改名,还带来了一些新特性。本文就来直观地演示给你。 一、快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>、<head>、<body>等,现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”,然后按Tab键:   html:5 或!:用于HTML5文档类型 html:xt:用于XHTML过渡文档类型 html:4s:用于HTML4严格文档类型 2.  轻松添加类、id、文本和属性 连续输入元素名称和ID,Emmet会自动为你补全,比如输入p#foo: 连续输入类和id,比如p.bar#foo,会自动生成: Html代码 <p class="bar" id="foo"></p> 下面来看看如何定义HTML元素的内容和属性。你可以通过输入h1{foo}和a[href=#],就可以自动生成如下代码: Html代码 <h1>foo</h1> <a href="#"></a>   3.  嵌套 现在你只需要1行代码就可以实现标签的嵌套。 >:子元素符号,表示嵌套的元素 +:同级标签符号 ^:可以使该符号前的标签提升一行 效果如下图所示: 4.  分组 你可以通过嵌套和括号来快速生成一些代码块,比如输入(.foo>h1)+(.bar>h2),会自动生成如下代码: Html代码 <div class="foo">   <h1></h1> </div> <div class="bar">   <h2></h2> </div>   5.  隐式标签 声明一个带类的标签,只需输入div.item,就会生成<div class="item"></div>。 在过去版本中,可以省略掉div,即输入.item即可生成<div class="item"></div>。现在如果只输入.item,则Emmet会根据父标签进行判定。比如在<ul>中输入.item,就会生成<li class="item"></li>。 下面是所有的隐式标签名称: li:用于ul和ol中 tr:用于table、tbody、thead和tfoot中 td:用于tr中 option:用于select和optgroup中 6.  定义多个元素 要定义多个元素,可以使用*符号。比如,ul>li*3可以生成如下代码: Html代码 <ul>   <li></li>   <li></li>   <li></li> </ul>   7.  定义多个带属性的元素 如果输入 ul>li.item$*3,将会生成如下代码: Html代码 <ul>   <li class="item1"></li>   <li class="item2"></li>   <li class="item3"></li> </ul>   二、CSS缩写 1.  值 比如要定义元素的宽度,只需输入w100,即可生成 Css代码 width: 100px;   除了px,也可以生成其他单位,比如输入h10p+m5e,结果如下: Css代码 height: 10%; margin: 5em; 单位别名列表: p 表示% e 表示 em x 表示 ex 2.  附加属性 可能你之前已经了解了一些缩写,比如 @f,可以生成: Css代码 @font-face {   font-family:;   src:url(); } 一些其他的属性,比如background-image、border-radius、font、@font-face,text-outline、text-shadow等额外的选项,可以通过“+”符号来生成,比如输入@f+,将生成: Css代码 @font-face {   font-family: 'FontName';   src: url('FileName.eot');   src: url('FileName.eot?#iefix') format('embedded-opentype'),      url('FileName.woff') format('woff'),      url('FileName.ttf') format('truetype'),      url('FileName.svg#FontName') format('svg');   font-style: normal;   font-weight: normal; }   3.  模糊匹配…

看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的,下面的方法是我感觉比较简单的,其他的要命令什么的感觉太复杂了,经测试是OK的。 先关闭Sublime text 3: 第一步:下载sublime_package_control-master.zip ,解压命名文件夹为Package Control。(注意大小写) 第二步:下载sublime_package_control-python3.zip,解压后覆盖到刚刚的Package Control中,完成插件API函数的更新。 第三步:打开Sublime Text 3,选择菜单:Preference-->Browse Package... 浏览插件 第四步:把package control复制到此目录,重启 Sublime text 3。 然后菜单Preferences就会多了两个Package..的东西如下: Package Control 安装成功 第五步: 点击菜单Preference-->Package Control 点击Install Package 等待几秒后再弹出如下内容,敲键盘emmet,选择如下: 在 Emmet 安装完成后,会显示如下屏幕:然后会自动安装PyV8,安装完成,重启 Sublime Text 3。   搜索框没有emmet相关内容,手动把emmet插件放入第三步打开的文件夹,emmet插件下载>>   测试: 重启之后还会看到左下角再次呈现 Loading PyV8 的提示,待其载入完毕,打开一个新文档最后测试,输入指令(不行就再重启一下) ul#test>li*4 按Ctrl+e 生成--- <ul id="test"> <li></li> <li></li> <li></li> <li></li> </ul>

Amaze UI 是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架, 基于开源社区流行前端框架编写(使用、参考的项目列表)。 跟Bootstrap相比,界面更偏向移动端,JS插件也多,适合新手! 传送门:http://amazeui.org/

树洞外链是一款免费的外链程序,程序使用七牛作为储存空间,提供匿名便捷的文件外链、网盘、文件分享服务。树洞外链2.0版本发布,全新的界面UI,全新的后台管理系统,全新的用户体验! 树洞外链 v2.0 更新记录: Bug修复: 修复手机端无法上传 修复第一次上传出错后无法上传 修复部分注入漏洞 修复部分环境下无法获取Token 修复部分环境下无法上传 功能更新: 新增文件分享系统,可选择公开、私密分享 新增模板系统,自由切换主题风格 新增后台管理中心,管理网站更方便 新增数据统计模块 新增一键更新系统 新增公告管理 支持视频媒体上传 新增严格上传限制,让上传更安全 新增文件管理、查看文件详情 优化文件结构、代码,提高运行效率 全新简洁首页 优化详情页UI 更多细节优化等你发现! 下载地址: http://pan.baidu.com/s/1sjwt60X  建议下载后,在后台--其他--在线升级,更新到2.0.1版本。 界面截图: 首先是首页,首页以简洁为主,去除了图片介绍,只留下能随鼠标飘动的云:然后是上传过程。修复了3大BUG,并且支持了手机端上传:文件详情页:优化了底部的UI,把各个功能整合成工具条,并且新增了文件管理、文件详情、还有文件分享!说道分享功能,没错,文件可以创建分享链接。当然,这个比较烧流量,站长也可以在后台关闭这个功能新增后台管理功能:模板可以自由换了!!目前新模板正在开发中!一键更新,更新真的很容易

什么是字体图标? 在做手机端Web项目中,经常会遇到小图标在手机上显示比较模糊的问题,有很多小的Icon(图标),如分享、回复、赞、返回、话题、访问、箭头等,这些Icon(图标)一般都是纯色的。经过实践发现了一种比较好的解决方案,图标字体化。 使用图标字体的优势和劣势 字体图标除了图像清晰度之外,比位图还有哪些优势呢? 1、轻量性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍图像)要小。一旦图标字体加载了,图标就会马上渲染出来,不需要下载一个图像。可以减少HTTP请求,还可以配合HTML5离线存储做性能优化。 2、灵活性:图标字体可以用过font-size属性设置其任何大小,还可以加各种文字效果,包括颜色、Hover状态、透明度、阴影和翻转等效果。可以在任何背景下显示。使用位图的话,必须得为每个不同大小和不同效果的图像输出一个不同文件。 3、兼容性:网页字体支持所有现代浏览器,包括IE低版本。 除了以上优势之外,当然也有劣势 1、图标字体只能被渲染成单色或者CSS3的渐变色,由于此限制使得它不能广泛使用。 2、使用版权上有限制,有好多字体是收费的。当然也有很多免费开源的精美字体图标供下载使用。 3、创作自已的字体图标很费时间,重构人员后期维护的成本偏高。 如何使用? 把字体目录下载到你的项目中,再引用它的css,以Font Awesome为例。 拷贝 Font Awesome 字体目录到你的项目中。 font-awesome.min.css 文件到你的项目中。 打开你的项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置。  字体路径是相对于你的 CSS 目录的。 在html文档中的 <head> 部分,引入 font-awesome.min.css 文件。 <span class="tag"><link</span> <span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span> <span class="atn">href</span><span class="pun">=</span><span class="atv">"../css/bootstrap.min.css"</span><span class="tag">></span> <span class="tag"><link</span> <span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span> <span class="atn">href</span><span class="pun">=</span><span class="atv">"../css/font-awesome.min.css"</span><span class="tag">></span> 在浏览器中打开页面,检查是否正确启用了 Font Awesome! 下面推荐两款字体图标:   Font Awesome, 为 Bootstrap 而创造的图标字体 http://www.bootcss.com/p/font-awesome/ Iconfont-阿里巴巴矢量图标库——满满的淘宝元素 http://www.iconfont.cn/ 附件列表 1241325123.png  

我想说的是这么一回事。作为射鸡师、前端攻城狮,有一个自用的图床很重要(虽然我都不是)。具体怎么用见仁见智,我一般是在审查元素时,贴图上去看看替换后css背景/img标签效果,或者作为临时用图的地址。一开始我是秉着乐于分享的精神,免费给大家用的,但是sae收费我就做不下去了。请求数太高导致每天要花十几块钱云豆,于是把旧的sae图床做了页面跳转(图片还是保留在的,只是不能再继续上传了而已)。 接着,我又搞了一套七牛的上传图床源码,就是下图之前说过的那个树洞外链。 今天无意看到有人在论坛推荐我的图床,真的很惊讶,这样都能被你找到。 不知是该高兴还是忧伤,如果是免费共享给十来个人用无所谓,但是人一多真的会扑街。尤其是我一开始没规划好,把图床和博客的图片放在同一个空间里面。并且这套七牛上传的源码并没有管理控制功能,无论你上传什么黄图,还是大图刷爆流量,我也没办法去做点什么。 终于可以做一个七牛的付费党了,感觉萌萌哒! 下图是七牛的价格表: 下图是阿里云OSS的价格表: 我觉得他们价格差不多,你们觉得呢?

其实我并不喜欢响应式布局,现在给公司做的主题也是分开PC端和移动端来做。当然也有自己写的代码不够规范,兼容两种平台浏览器容易出问题的原因。 响应式我觉得只是通过css来控制显示和不显示,给予不同分辨率的样式不同,带来的问题比如隐藏元素一样会加载,旧手机访问卡顿等。 继续搬这个教程,即使我不喜欢,但还是要用到的。 做手机端网页需要用到响应式布局,首先需要再HTML文件头声明一下: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 主要目的是宽度控制和禁止用户缩放,具体参数自己GOOGLE一下。 下面是CSS判断是PC端还是移动端 其实很简单,用CSS3的媒体查询就可以非常方便去实现,不需要用userAgent神马的那么麻烦。 /*最小宽度800就是PC端*/ @media all and (min-width: 800px) { #nav { width: 300px; float: left; margin-right: 20px;} #grid { width: 450px; float: left;} } /*最大宽度799就是移动端*/ @media all and (max-width: 799px) { #nav { width: 100%;} #grid { width: 100%;} } 知道了上面2点就可以实现响应式布局了,是不是非常简单? 移动端还有一些特殊的事件(手指滑动)神马的,后续我再专门写篇移动端的JS文章好了。   题外,复制一段代码,判断手机还算电脑访问: <?php function isMobile(){ $useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)>0?$matches[0]:''; function CheckSubstrs($substrs,$text){ foreach($substrs as $substr) if(false!==strpos($text,$substr)){ return true; } return false; } $mobile_os_list=array('Google Wireless Transcoder','Windows CE','WindowsCE','Symbian','Android','armv6l','armv5','Mobile','CentOS','mowser','AvantGo','Opera Mobi','J2ME/MIDP','Smartphone','Go.Web','Palm','iPAQ'); $mobile_token_list=array('Profile/MIDP','Configuration/CLDC-','160×160','176×220','240×240','240×320','320×240','UP.Browser','UP.Link','SymbianOS','PalmOS','PocketPC','SonyEricsson','Nokia','BlackBerry','Vodafone','BenQ','Novarra-Vision','Iris','NetFront','HTC_','Xda_','SAMSUNG-SGH','Wapaka','DoCoMo','iPhone','iPod'); $found_mobile=CheckSubstrs($mobile_os_list,$useragent_commentsblock) || CheckSubstrs($mobile_token_list,$useragent); if ($found_mobile){ return true; }else{ return false; } } if (isMobile()) echo '手机登录m.kouss.com'; else echo '电脑登录www.kouss.com'; ?>

今天在张戈的博客看到一个《百度站长平台已开放网站移动适配的属性设置功能》,于是我也进入百度站长平台看了下,发现以前都没有留意的东西!站长平台:传送门>>>       在站点管理界面,选择管理站点--站点属性管理。 进入了这个站点属性的界面。分别有站点中文名、站点类型、站点LOGO等可以供站长设置。 设置站点的类型,比如像我这个主题,是PC端自适应移动端的,所以我应该选自适应。 设置站点LOGO,需要提交三种分辨率的图片。分别是121*75,75*75,84*52。 按我的理解,百度搜索界面的文章配图就是121*75这个分辨率。而75*75可能是用做一些手机浏览器收藏夹上面的图标,84*52暂时不知道什么鬼! 当然不是设置了这个LOGO,搜索界面就会出现你设置的LOGO。你问我这有什么卵用,「然而并没有什么卵用」。谢谢观看!(2015年7月14日更新)原来真的有卵用!

一个很简单的小应用,应用场景是我要新建全国各省份的excel文件,并且想要有设定的内容时,用到的一个批处理。 先新建一个1.txt文件,输入以下内容,再另存为1.bat文件。 @echo object_id post_title guid>>6_贵州.xls @echo object_id post_title guid>>7_湖南.xls @echo object_id post_title guid>>8_江西.xls @echo object_id post_title guid>>9_浙江.xls @echo object_id post_title guid>>10_四川.xls @echo object_id post_title guid>>11_重庆.xls @echo object_id post_title guid>>12_湖北.xls @echo object_id post_title guid>>13_安徽.xls @echo object_id post_title guid>>14_江苏.xls @echo object_id post_title guid>>15_上海.xls @echo object_id post_title guid>>16_西藏.xls @echo object_id post_title guid>>17_青海.xls @echo object_id post_title guid>>18_甘肃.xls @echo object_id post_title guid>>19_陕西.xls @echo object_id post_title guid>>20_河南.xls @echo object_id post_title guid>>21_山东.xls @echo object_id post_title guid>>22_宁夏.xls @echo object_id post_title guid>>23_山西.xls @echo object_id post_title guid>>24_河北.xls @echo object_id post_title guid>>25_天津.xls @echo object_id post_title guid>>26_北京.xls @echo object_id post_title guid>>27_辽宁.xls @echo object_id post_title guid>>28_吉林.xls @echo object_id post_title guid>>29_黑龙江.xls @echo object_id post_title guid>>30_内蒙古.xls @echo object_id post_title guid>>31_新疆.xls 新建的excel文件 excel文件里面创建的字符  

演示地址:http://pic.kouss.com/ 七牛注册地址:https://portal.qiniu.com/ 界面就大概长得这样吧,用过那么多个图床,说说这个的缺点。 我使用图床大多数是临时用图,分享图,替代html里的图看效果等,需要批量拖拽上传、快速获得链接等。 而这一款图床工具是上传完跳转到另一个界面去让你复制地址,下图是我以前用的图床工具——图派。虽然界面很丑,但是操作很高效。 图派演示地址:http://tupi.sinaapp.com/ 因为SAE停止了中级开发者的云豆赠送,以前每月有100元的云豆的,现在云豆完全不够用。于是就跟SAE拜拜了,投奔七牛。 树洞外链是一款免费的外链程序,程序使用七牛作为储存空间,提供匿名便捷的文件外链、网盘服务。 树洞外链1.1版本发布,本次版本只针对七牛哦! 升级细节: 1.使用Javascript方式上传 2.更完整的错误反馈 3.新的界面UI 4.支持拖拽上传、上传进度显示 5.上传完成后可获取二维码 6.优化文件结构 7.全新安装向导(针对1.0版本升级补丁近期放出!) 更多细节优化。。。。 2015-08-13 更新2.0版本下载地址:http://pan.baidu.com/s/1cC2AU

ProcessOn 是最近很热门的在线作图工具,它提供了一个完全免费、简洁高效的流程图在线创作工具和协作环境,可以轻松绘制各类图形,包括流程图、UML 图、组织结构图、事件过程链图、企业价值链图、维恩图等等。 ProcessOn 基于 HTML5 Canvas 技术开发,运行起来非常地快速稳定,我试用了下,感觉非常实用。虽然是网页版作图工具,但同样提供了强大的编辑环境,可以高效完成绘图。 它使用的是类似 Google Docs 的编辑界面,内置了很多类型的图形组件,可以直接拖放出来,并添加连接线,作图过程非常简单、流畅。 ProcessOn 还提供了历史版本功能,绘图过程中的每一步操作都被记录下来,方便回放及恢复。 支持实时协作绘图也是 ProcessOn 的重要功能,通过邀请协作者,可以实现多人同时绘制,并实时同步修改。 最后完成的图形有多种分享方式,如创建公开浏览链接: 或直接下载为图片以及 PDF、POS 文件: 有了 ProcessOn,就完全不用动用复杂的 Visio、Edraw、MindManager、或 Axure 等这样的作图软件了,也比之前的介绍的在线思维导图工具都要好用,直接打开浏览器就开始制作流程图,而且提供了完善的协作、分享与导出机制,很是方便,推荐大家使用。 其实 ProcessOn 不仅仅是在线作图工具,更是一个流程图创作与分享的社交平台,有兴趣的可以多多探索: 立即注册体验:ProcessOn 免费在线作图、实时协作 > > 安装到 Chrome:ProcessOn Chrome 扩展程序 > >

我们建站的时候,都想要网页响应迅速,打开顺畅轻便。除了考虑代码优化,图片大小对页面优化来说,影响也是不可忽略的,优化好图片也可以为你节省一部分的服务器流量费。 第一款是在线工具:TinyPNG – Compress PNG images while preserving transparency 可以对JPG和PNG图压缩,效果还是不错的。 把图片拖到中间即可压缩,压缩完后再下载图片。 缺点是不能调整参数,比如尺寸、图片质量等。 第二款是个exe软件:JPG-C v3.0 把图片拖到里面,再按下面三角形就弹出设置 可以选择是否覆盖原图、重命名保存、图片质量、图片尺寸等,如果选择图片尺寸,填写宽度后高度留空,高度会按比例缩减。 优点是单文件、小巧483K,免安装,不会产生临时文件。 缺点是在Windows XP系统上运行,需要安装Microsoft .NET Framework。如果是办公族在旧电脑上用,就比较麻烦。  

文章标题我已经尽量缩短了,但还是那么长。我们都知道万网免费主机的控制面板功能很有限,不支持绑定子域名操作的。实际上只有150的并发数,做那么多子域名也没什么卵用。但今天在贴吧看到有人在谈这件事,我试了一下是可以的。可能是因为不会写.htaccess,或者其他问题,WordPress安装上去了,没办法使用。 首先我们用FTP在网站根目录创建一个二级目录,如“zhe”这个文件夹,把WordPress程序上传上去。 我们使用阿里云的解析,用隐性URL方式,把子域名 zhe.kouss.com 解析到 http://kouss.com/zhe   隐性URL:与显性URL类似,但隐性转发会隐藏真实的目标地址。意思就是用http://zhe.kouss.com 可以访问到http://kouss.com/zhe 这个路径,但在浏览器地址栏仍然是现实http://zhe.kouss.com的。 然后访问 http://zhe.kouss.com ,安装WordPress。如图,这是可以正常访问的,正常安装的。 安装完后,问题就出现了。进不去后台,地址仍然是 http://kouss.com/zhe/wp-admin,点击是无反应的。 看了下数据库,把站点和首页URL修改为 http://zhe.kouss.com ,问题更加严重。 先不纠结这个问题,只好先用香港主机了。今晚已经把 zhe 这个子域名的解析改回来了。      

前段时间E团网热卖的全景通旗舰版系统,官方报价9800元,极具商业价值的系统,在这里完全免费分享出来。 演示地址:全景效果 后台地址:进入后台 什么是全景软件 很多童鞋并不了解全景通是个啥玩意,也不清楚具体做什么用的,但这套系统商用起来还是非常不错的。下面介绍是转载过来的: 《全景通》应用行业:政府、房产、旅游、汽车、家居、装修、家电、酒店、KTV、商场、饭店、校园、医院、酒行、旅行社、博物馆、展览馆、展会、婚礼、、、、、 1.什么是全景软件:全景软件的主要作用是生成三维实景:数码相机实景拍摄--照片导入全景软件处理---生成网络三维实景(flash) 2.全景制作需要哪些软硬件:数码相机+全景镜头+全景云台+三脚架+全景通。 3.拼接软件用哪一款好:建议用PTgui拼接,可以购买正版,也可以下载共享版。 全景通功能介绍 1.完全可视化操作(独家) 全景通已实现完全可视化操作界面,如QQ空间一般,只需简单配置即可做出专业级的全景项目。 2.支持多场景漫游 全景通已实现多个场景之间的漫游互动,同时可在后台设置热点样式及漫游切换样式,效果更炫 3.支持缩略图导航 全景通内置多款缩略图导航样式,一键切换,样式美观操作简单。 4.支持360°物体展示(独家) 全景通已集成独家开发的360物体软件,该功能可全方位展示物体外观,电商方面应用广泛 5.支持产品图集展示(独家) 全景通独家研发图集热点功能,比如您点击一个衣橱,可以通过相册的形式展示衣橱里的每件衣服。 6.支持电子商务扩展(独家) 全景通可实现商品的细节图展示,通过功能扩展可实现在线支付,亦可直接链接到淘宝 7.支持鸟瞰图热点设置(独家) 全景通独家研发首页鸟瞰图导航功能,通过热点配置链接到各场景,一目了然。 8.支持导航地图 全景通支持自定义导航地图,可对楼盘户型,商场区域,景区景点等实现地图导航 9.支持楼层多地图 全景通专门针对多层楼宇开发了多地图功能,1F,2F,3F,每层都可单独配导航地图 10.支持地图雷达 全景通支持在地图上标注实时雷达视角,通过和场景关联配置,提高用户体验 11.支持罗盘功能(独家) 全景通独家开发罗盘功能,效果绚丽,趣味无穷。生成罗盘程序免费提供。 12.支持光晕功能 全景通可以使场景中得光源(太阳,电灯等)发出光线,美轮美奂的光晕效果,使人感觉身临其境。 13.支持添加热点 全景通可在场景中的任何坐标添加热点,点击热点可实现各种扩展功能 14.支持添加热区 全景通可把场景中得规则物体圈定为热区,点击热区可实现各种扩展功能 15.支持可视化抓取坐标 全景通定位场景坐标无需添加数值,只需拖动定位符即可自动获得位置坐标 16.支持背景音乐添加 全景通支持为各场景添加背景音乐,只需在软件后台上传音频文件即可 17.支持背景解说添加 全景通支持为各场景添加解说音频,该功能犹如在线导游,实时讲解景区特色 18.支持添加视频热点 全景通支持视频热点添加,支持优酷土豆等主流视频网站,亦可内置企业宣传片,广告片等 19.支持全景主持人(独家) 全景通支持全景主持人功能,利用视频富媒体技术宣传企业文化。 20.支持切片防盗图 全景通通过切片技术可有效保护版权,别人如果盗图,下载下来的是碎片,无法合成。 21.支持分场景背景解说 全景通可以为每一个场景单独设置背景解说,实现不同场景不同解说。 22.支持热点超链接 全景通可在场景任意坐标设置超链接,可以连接到官网,论坛,商城,视频等 23.支持自定义皮肤 全景通拥有强大的自定义皮肤功能,可以上传LOGO,吉祥物,形象图等 24.支持右键版权设置(独家) 全景通支持版权设置,右键点击场景可以显示您的公司名,官方网址等版权信息 25.支持html5 全景通支持html5多终端技术,一次生成全面兼容,各种设备都可以访问html5版全景 26.支持iPhone 全景通输出格式完美支持iPhone浏览 27.支持iPad 全景通输出格式完美支持iPad浏览 28.支持离线浏览(独家) 全景通输出的全景项目可以导入iPad,不依赖网络离线浏览,实际应用价值非常大 29.支持重力感应 全景通输出格式支持移动设备自带的重力感应效果,场景随iPad移动而动 30.支持PC移动同步生成 全景通能一次性输出PC格式和移动设备两种格式,自动优化移动全景,提高浏览速度 31.支持浏览设备判断(独家) PC端访问则提供PC版全景,移动端访问则提供移动版全景,提高用户体验 32.支持自定义热点样式 全景通提供数套热点样式,同时支持自己上传热点样式。 33.单机版/服务器版 全景通软件支持两种安装方式,既可以安装在服务器,也可以安装在本地单机 上面介绍为转载过来,具体的请自行下载测试 下面演示图片为我们亲测后做的截图 安装说明 主机必须要支持php+mysql+zend 只能在php5.2版本,开启zend_optimizer才能运行。 而5.2以上的版本,用zend_guard_loader是不行的。 1.用phpmyadmin导入pano360vr.sql 2.修改配置文件app/conf/config.php 3.程序需要配置伪静态环境,如果是iis,则安装压缩包里的isapi_rewrite3_0082.zip 下载后请自行检测安全,在使用过程中出现的任何问题请自行处理,本站不承担任何责任! 在几个环境下测试过了,如安装出错,只能是环境相关问题,请自行查找原因。 另外说明:这套程序导出的是静态网页的压缩包,并非在线浏览的。所以你也可以选择安装在本地,然后上传生成的全景图。 下载地址:百度云 本地php安装,可以参考我前面那篇文章《图解:PHPnow一键创建本地PHP环境+MySQL数据库》 不少童鞋反应说缺少很多文件,不完整,这种说法是错误的,源码程序需要伪静态支持,伪静态没问题,程序就没什么问题。 如有须要,请联系官方购买正式商业版。

买了新电脑,两台机之间的数据资料让我很蛋疼。今天用PHPnow搭建本地php环境,来修改下WordPress主题,顺便把步骤写下来。 其实现在应该叫ServKit才对,只是PHPnow记习惯了。 安装PHPnow 先访问下面地址,下载最新版。http://servkit.org/download 这里我解压到 C:\PHPnow (注意,该目录不能含有中文),然后双击运行 Setup.cmd(Windows 7、8用户,右键以管理员身份运行),按照界面提示,输入版本前的数字选择Apache和MySQL版本,回车。然后输入 y,自动执行 Init.cmd。 如果有防火墙,则允许访问。 为Mysql设置密码,本地的随便设个123456就行,免得自己忘记。 然后安装完成,弹出一个http://127.0.0.1/的窗口。它所对应的根目录是PHPnow文件夹里的htdocs 本地PHP环境已经搭建成功,PHPnow的安装就到这里结束了。 如果想建多几个虚拟主机的,可以打开PHPnow的目录PnCp.cmd这个文件,面板一目了然。 创建Mysql数据库 我们在安装PHPnow时会看到,127.0.0.1的根目录下还有一个文件夹phpMyAdmin,这是一个MySQL的数据库管理工具。 访问:http://127.0.0.1/phpMyAdmin  ,账号默认是root,密码是刚刚设置的123456,我们给即将要安装的WordPress创建一个数据库。 数据库创建成功了,里面是暂时没有数据表的。我们来安装WordPress这个博客系统。 安装WordPress 访问:WordPress中文官网  ,下载中文版WordPress压缩包。 把压缩包里的文件拖到本地网站的根目录,即htdocs文件夹。 index.php会提示替换。Y。 然后我们再访问http://127.0.0.1 ,就不会出现刚刚装完PHPnow的那个网页了,而是WordPress的安装流程。 把刚刚新建的Mysql数据库资料填进去。分别有数据库名、用户名、密码、数据库主机地址、数据表前缀。 数据库名是刚刚创建的Mysql数据,起名是WordPress; 用户密码是PHPnow中设置的,root和123456; 数据库主机是本地,127.0.0.1和localhost是一样的。 表前缀,用来区分和辨别数据表,留默认就好了。 提交——进行安装,设置站点标题,管理员用户名和密码、电子邮件等,基本没有什么难的了。 然后就,WordPress安装完成。您是否还沉浸在愉悦的安装过程中?很遗憾,一切皆已完成! 🙂 进入后台,又一个WordPress站点。