今天截图,发现按F11全屏,仍然无法实现Google Maps的全屏化。

百度之,方法如下:

全屏源码:

javascript:(function(){function $(i){return document.getElementById(i);}

for(var i=0,a=["gbar","guser","header","links"],l=a.length;i<l;i++){$(a[i]).style.display=”none”;}})();void(0);

使用方法:
打开Google地图,将压缩的源码复制粘贴到浏览器地址栏(替换原地址)。回车即可。

如果无效,把源码为中文的引号或者括号,改为英文。

后台编辑器明明是英文的标点的,结果前台显示却成了中文,无解啊。

文章参考:http://hi.baidu.com/aa65535/blog/item/8ddad3540f66185c574e0073.html 。特此感谢。

今天以为的发现了个非常强大的CSS格式化工具,其他的暂时就不说了,以后仔细折腾以后在,再改这篇文章。

就把这个CSS格式化工具地址给发上来吧,Format CSS Online

是老外写的,界面全部为英文,但实在强大,特推荐。

html5

前言:这几天稍微瞅了一下大热的HTML5,发表下自己小小的见解,大家见仁见智。

1.HTML5 去插件化

HTML4中要实现视频、音乐、图片幻灯等效果,往往都需要Flash插件辅助,系统没有安装flash还无法预览,而且针对IE、非IE平台还有两种不同flash版本。而HTML5中video、audio等标签的出现,让Flash插件没有存在的必要。前一段时间,苹果的平台不再支持flash,很大可能是因为HTML5在苹果平台得到了大量应用吧。

2.HTML5标签语义化

HTML4中如果某个标签下的内容有某种“身份”含义,网页制作者往往都喜欢通过CSS中的class属性值来辅助说明。但HTML5中出现了大量新的语义标签,如header、footer、details、figure、summary,其标签名已经表示了其包含内容的“身份”,无需多言。这种方式好处不言而喻,但坏处也特明显——增加了大量的新标签,给新入门的人带来很大的难度。对于老手而言,又感觉标签按功能地位划分过于细化,不方便。至少在我看来,其标签过于细分化、语义化是最大败笔。

3.HTML5互动化

HTML5中除键盘触发的事件外,其window 对象触发的事件、表单内部的动作触发的事件、由鼠标触发的事件均比HTML4增加了很多。尤其值得一提的是增加了媒介事件这一新大类事件,即由视频、图像以及音频等媒介触发的事件,而且多达22种。新增加的事件有onplay、onended、ondrag、onformchange等一大批。

由此可见,HTML5将通过JavaScript和用户产生更多的互动,让浏览器响应更多的鼠标行为成为可能,而不是仅仅停留在只能响应onclick、ondblclick之类的简单鼠标行为的层次上。

另外,canvas标签(画布标签)的出现,有可能让HTML5和JavaScript的交换更加频繁。因为HTML5 的 canvas 元素是使用 JavaScript 在网页上绘制图像,而图像对于一个网站来说往往都是必不可少的。

4.HTML5去格式化

HTML4中支持的很多内置格式属性,比如width、height、textalign、align等,在HTML5中均不再支持。可见,HTML5对于标签功能定位很明确,即与样式相关的工作都应该交给CSS负责,而不应该在HTML标签中增加有关格式显示的属性。有一点值得提一下,在 HTML 5 中,虽然仍然有style标签,但所有元素都不支持 style 属性,如需为一个元素添加样式,请在 style 元素中使用 scoped 属性。

5.HTML5去框架化

框架一直是被诟病的一组标签,而HTML5中已经去除了框架标签,即所有和frame相关的标签均不再支持,包括iframe、frame、noframes等。此点不详述。

6.HTML5表单复杂化

HTML5新出现了大量的表单类型,如email、url、number、range、search,表单类型名表示出了表单应该输入的数据类型,比如email 类型用于应该包含 e-mail 地址的输入域。但我没有弄清楚,是不是这意味着这些表单数据的检查,已经在HTML5中完成,而不需要相关的JavaScript、服务器脚本配合检查。还是说,仅仅是多了几个表单类型表示下表单作用,而你该检查还是得继续用JavaScript和服务器脚本。

总结:最大好处了去flash插件,最大败笔是标签过分细分。总体而言,应该是要比HTML4进步很大的吧,不然老外怎么可能折腾这么久呢,嘿嘿……

PS:很好的HTML5教程:http://www.w3school.com.cn/html5/index.asp

写在最前:一开始刚做博客的时候,曾经想过通过独立博客导航寻找朋友,但因为后面逐渐靠博客的友链或评论链接访问博友,也就没有特别关注这个东西了。今天突然心血来潮,想看一下到底国内是否有比较合适的博客导航网址。于是开始搜索,贴出几个(待续),也许能够方便到那些当初和我一样希望通过博客导航找到朋友的人,或者仅仅是为了增加外链的朋友。资源如下:

1)独立博客大全

网址:http://www.lusongsong.com/daohang/

站长:卢松松

简介:Google搜独立博客导航排名第一,链接之前需要先加松松博客或者博客大全链接。不过凭松松在博客圈的名气、博文质量、精辟且多的评论,即便不为他的导航收录,自觉加个链接也属正常。其博客收录以地区分类,可方便查看各地的独立博客,现收录有博客约800个。其提交入口为 点击

2)独立博客目录

网址:http://tcshsm.com/

站长:小强

简介:此兄在很多博客留过很诚恳的言,推广其独立博客目录,所以也就印象非常深了。而且其不需要回链,把自己博客通过邮箱或者留言的方式告诉小强,小强会很热心的添加上。其博客默认也是按地区分类,同松松,现收录网站不是很多,因为刚起步不久,希望大家也多多支持。其提交入口为 点击

3)独立博客联盟

网址:http://www.duliblog.com/

站长:李福华

简介:其博客显示按主题分类,和松松、小强的不同。其提交地址好隐蔽,藏身于网站最下方,汗,点击进入。另外,提前通过之前,需要先把其导航的链接“中国博客联盟”加上。现收录博客估计200左右,因为其首页很多地方还是空的。

4)精品博客

网址:http://jingpin.org/blogs-collection/

站长:未知,http://jingpin.org/

简介:其导航形式很独特,博客均列在一篇篇文章里面。导航按博客主题分类,有中外的博客链接,但其导航文章并不多,而且其收录要求貌似比较严格,比较符合其“精品博客”的名号,至于是否真正其收录的都是精品就未一一考究了。提交只要在他的博客留言即可,没有专门的提交页面。

5)博客大全

网址:http://www.93blog.com/

站长:未知,其qq:524808635

简介:模板和松松的一样,先反链再收录,收录网址有300多个。提交地址为 点击进入

6)个人博客导航

网址:http://www.gerenboke.com/

站长:未知

简介:ALEXA排名≤200万位的个人博客,可以不做本站链接即可申请 ;ALEXA排名高于200万位的博客建议做好本站链接后申请;
宝宝成长类博客、家庭博客、情侣博客无条件收录!
本站按来路自动排名,建议在您的博客加上本站的链接,并自己点一次,会根据后台数据提前审核您的博客!先反链再收录。博客按主题分类。提交地址为 点击进入

7)迷失博客导航

网址:http://www.74438.cn/nav/

站长:迷失博客

简介:按主题分类,界面比较清晰,在博主博客留言即可,点击进入

8)王准之博客网址大全

网址:http://www.wangzhunzhi.com/blog-daohang.html

站长:王准之

简介:朋友做的静态页面,访问其博客,请求添加就问题不大。

9)博客网址导航

网址:http://www.321u.cn/

站长:未知

简介:要求最高的一个收录站点,除了先反链外,还要求PR>4,而且要求ICP备案号、每日更新……我感觉做到这么牛逼的博客也不稀罕在这个导航站的外链了。所以现在这导航收录的博客并不是特别多,基本都是大站居多。你的博客够牛逼,而且还在乎这个外链,可以尝试申请

10)待续

总结:国内的专门为独立博客导航的网站并不是特别大,仅仅收录了800多个独立博客的松松导航站在百度谷歌相关关键词均排名第一,可见一斑。侧面反映国内独立博客群并不是特别大,或者其流量分配并不主要靠博客导航,不然大家一定非常热衷于提交博客到这样的网站。在我看来,独立博客圈的内部流量主要还是靠友情链接,外部流量来源那就不说了……某些名博又在内部流量二次分配中作为中转站,比如说,卢松松。今天我这个小博居然有六个IP来自于松松博客,是不是可以说明呢,嘿嘿。

PS: 大家有什么好的网址,就发在评论上吧,嘿嘿,人多力量大呀,一个人真的精力不足啊。希望文章真的对人有用,我佛慈悲…………哈哈

今天兴冲冲的跑去国外买域名,进入Godaddy,选择域名后进入了支付宝支付页面,才想到支付宝不支持chrome,然后就直接把支付页面的网址拷贝进IE6。

IE6里面网址居然没有跳回Godaddy,我就想应该这样支付了没有问题的吧(可以继续鄙视,想偷懒,而且头脑简单)。然后一路Next,装什么支付宝的数字证书、浏览器插件等等,搞到最后终于把钱给付出去了。结果页面跳转时,没有跳到Godaddy域名管理界面,而是提示没有什么Session or  Cookie,然后就跳到了一个错误页。

我就想Godaddy那边应该收到钱了吧,登陆一看,域名提示还没有付钱呢。呜呜,悲剧的人生。然后,开始试着联系Godaddy,结果看了一遍又一遍(六级过了有鸟用,英语还是那样的差),都没有发现有一个类似于国内聊天交互的功能。放弃。

转而开始写E-MAIL给Godaddy。我发誓,这真是我人生第一次这么有诚意的写一篇英语文章,把我喊daddy的力气都给用出来了。发了给其邮箱,希望能够收到回复吧。

经此一役,可鄙视点如下。

1)   平常用chrome、火狐用爽了,都忘记了国内大多数应用都只针对IE的这个国情。

2)   使用IE6。昨天升级IE8。可是,装了两次居然都没有成功,悲剧,人品真不行啊。

3)   英语没有学好,不解释。

4)   偷懒。做事不经过大脑。不解释。

今天早上,为自己制作的WordPress主题的 style.css 添加主题相关信息后,chrome浏览器突然渲染不了CSS了,郁闷。

IE6,IE7,火狐下均显示正常,偏偏chrome字体各方面非常之特别。怀疑是缓存,清除chrome缓存后仍无解。然后卸载了chrome,再重装chrome效果仍然没有改变。

细细想会不会是style.css的问题,然后查看css文件。添加主题相关信息后,CSS第一行文字不再是编码声明,而是主题相关信息。

于是,把   @charset “utf-8″;    这一句重新 移动style.css第一行,主题相关信息排在编码声明之后。重新刷新chrome页面,CSS突然就渲染了,效果恢复正常。

总结,chrome对标准的要求看来真的比一般浏览器都高。FF都能渲染编码声明不在第一行的CSS,而chrome却不支持。

本人电脑装的XAMPP集合软件,其一键安装PHP+MySQL+Apache非常方便。但其安装以后,网站的根目录默认在XAMPP的子文件夹htdocs下面,平常想要在电脑上快速打开该目录非常不方便。毕业后没有怎么弄网站,不觉得繁琐,现在开始折腾WP,一天开个几次这个目录,觉得实在耐心不行了。于是把网站根目录修改了,其流程如下。

第一,打开httpd.conf文件。其位置位于XAMPP安装目录下面的“apache\conf”文件夹里。

第二,修改代码。在httpd.conf文件中找到如下两行代码,并进行修改。(C:/xampp/htdocs为我本人网站原始根目录)

DocumentRoot “C:/xampp/htdocs”

<Directory “C:/xampp/htdocs”>

将两个目录更改为你所希望的目录即可,如我修改如下:(C:/Web为我本人新的网址根目录)

DocumentRoot “C:/Webs”

<Directory “C:/Web”>

第三,重启Apache。将网站文件拷贝至新的网站目录,重启Apache,一切OVER。

后记,其实大学里面都不知道过修改过多少次网站根目录了,但重来都没有想过写文字记录,所以每次更改还是不得不靠搜索。好记性不如烂笔头,特记。

(因为容器宽度限制了显示,所以本文截图较小,点击图片即可打开大图片)

第一,godaddy是国外著名的域名空间服务商,按其官方介绍,其是全球最大域名注册商 ,全球最大域名提供商。而且其支持支付宝。 

第二,国内域名备案除了繁琐的手续还外加至少一个月的拖延时间,再者还要把哥的“玉照”献给“有关部门”,叫我情何以堪。 

因为上述两个原因,我不远万里隔江过海来到了godaddy。其官方网址为www.godaddy.com,暂时没有被墙,但也许哪天有关部门神威震怒,认为godaddy抢了神仙饭碗,我等P民需翻墙也未可知。godaddy注册域名流程大抵如下: 

首先:注册个人账号。 

godaddy注册账号的地址为:点击进入。 进去以后可以看到和大多数注册账号的页面类似,看不懂英文关系也不大。其中表单后面为“*”的是必须填的,其中尤以Login Name和Email最为重要,其名已表嘛。而Password Hint和Call-in PIN为其特殊的表单,按其给出的解释,Password Hint类似于密码提示之类的,供忘记密码时使用,而Call-in PIN为四个简短易记的数字,有确认身份等作用。其他的表单就比较普通了,比如Address 1、State/Province、City之类的,可以随意填写。其部分界面图如下: 

支付宝godaddy国外买域名--注册账号 

然后:选择域名。 

在godaddy任何Search对话框输入你想要的域名(其首页搜索框最明显,哈哈,而且还有个火辣的MM),godaddy会自动帮你查看该域名各个后缀是否已经被注册,并显示出该域名的价位。截图如下: 

支付宝 godaddy 国外买域名---搜索域名 

总结来说其流程可以分为  Search => Select => Add => Continue to Registration 。 

支付宝 godaddy 国外买域名---选择域名 

当第一次 点击Continue to Registration时会出现一个 非常诱惑人的对话框,诱惑你选择相关域名一起购买,提示你可以节约多少之类的。如果没有兴趣,点击 No thanks 就可以忽略,如果有意向一起购买,那就点击  ADD  吧。 

支付宝 godaddy 国外买域名---搭售域名 

再次,完善域名信息。 

完善域名信息分为四步 : Domain Registration Information => Your Domain Settings   => Your Privacy and Domain Protection => Activate Your Domain 。 

Domain Registration Information 为填写个人相关信息。若你已经登录,不用经此步骤。若你已经注册,则输入登录ID或者Login Name ,登录即可 。若是你还没有注册,那只有一个个表单填写好 ,一路 next ,直到注册成功为止。 

Your Domain Settings中 Registration Length 即 选择购买该域名为 多少年。Registration Contact  则显示你个人的一些信息,若不对,可以单击 edit 链接。Certified Domain  即是否选择 域名认证服务(按其解释,应该是在域名显示一个该域名属于你自己的认证东东,属于一个升值服务吧),价位为Just $4.99/yr,默认不选择。 

支付宝 godaddy 国外买域名---设定年限 

 

Your Privacy and Domain Protection为安全升值服务,默认为基本服务。如果不需要其他高级安全服务,之间 点击  next 进入第四步即可。 

支付宝 godaddy 国外买域名---安全升值服务 

Activate Your Domain 为空间 、邮箱搭售,其中选择开通其中任何一项的话,域名只需要1.99$ 。但貌似不论是 空间 还是邮箱 其价格均 不菲。邮箱最少是$1.99 / mo 。这个单位应该算 美元/月吧,神,救救我 的英语,折算过来的话,也就差不多14元/月了。而空间$3.99 / mo SALE,呵呵,还是在做活动,也得 将近 28元/月了,一年也得好几百。反正 我美元这么多人民币就直接点击了  next  ,直接进入了支付界面。 

支付宝 godaddy 国外买域名---空间、邮箱 

最后,支付钞票。 
进入这个界面时,系统会给你一次修改 购买信息的机会,如果发现产品不符合,还可以进行修改。若是没有什么问题,直接 点击 Continue to Checkout 即可,如下所示。

支付宝 godaddy 国外买域名---最后确认

点击 Continue to Checkout 会出现一个支付界面,选择支付方式为 支付宝,然后选择 同意其 条件,最后选择 同意支付,其界面会转至一个支付宝界面(中文)。再接下来就不再截图了,如果大哥你不懂支付宝怎么使用,我深表遗憾,哥不认识火星人。此流程其截图如下:

支付宝 godaddy 国外买域名---支付

忙乎了很久,截图太麻烦了。写博客真的锻炼耐心啊。今天帮朋友买了一个域名,还没有解析,呵呵,尝试写后续解析教程,里面英文更让人头大。呼呼,睡觉去吧,累了。

前天写了篇日志,为WP博客添加ICON图标。但有朋友反应ICON没有效果,我纳闷,自己这里明明不是显示了呀。后面才发现IE下面的确不行,FF,chrome都好的。于是开始查原因。

不显示的原因大抵如下:浏览网页,查看源码,所插入的代码<link rel=”shortcut icon” type=”image/ico” href=”<?php bloginfo(‘stylesheet_directory’); ?>/images/favicon.ico”></link>均在<head></head>内。但通过FireFox的FireBug、IE和Chrome的网站开发工具查看时,这段代码却跑到了<body></body>内部去了。FireFox、Chrome可以支持icon显示,但IE就不行了。

至于为什么通过网站开发工具查看Html,这段代码会跑到<body></body>里面去,我弄了大半天都还没有弄明白,呜呜,我估计是模板问题。但我的header.php明明是把这段代码加入<head></head>内部的啊。疯……

求解……神仙大哥,救救我吧!(是不是我真的要换个主题了啊)

我现在使用的主题CKSKY VER1.0貌似被我更改过好几次了,越改越没有我一开始喜欢的那种感觉了,折腾……博客一直没有ICON。于是自己搜来了一些图片做素材,P出了我现在的这个icon,是一只鸟。为网站(博客)添加ICON的方法如下:

首先制作一个ICON。打开PS,新建一个16px*16px文件,制作完成后保存为favicon.bmp(其他格式未尝试),然后更改其后缀名为icon。

然后,上传favicon.icon至服务器,在网站的<head></head>标签加入如下代码。
<link rel=”shortcut icon” type=”image/ico” href=”/favicon.ico”></link>。(favicon.ico默认上传到网站根目录)
若是把 favicon.ico上传至某个主题下面的images文件夹下,添加以下代码即可。
<link rel=”shortcut icon” type=”image/ico” href=”<?php bloginfo(‘stylesheet_directory’); ?>/images/favicon.ico”></link>,其中<?php bloginfo(‘stylesheet_directory’); ?>即服务器上WordPress当前主题的目录。

最后,刷新。

© 2011 听说 Suffusion theme by Sayontan Sinha