迷你部落格

WP 3.1 Admin Bar

Mar 9th, 2011网络

Comments

WPAdminBar, 有些同学喜欢, 有些同学不喜欢. 在某个自己设计的主题中, 我不是很喜欢它的位置, 想把它放在最底下, 于是, 主题css添加...

div#wpadminbar{top:auto;bottom:0px;}
#wpadminbar .quicklinks .menupop ul, #wpadminbar .shortlink-input {bottom:28px;}

第一行,绝对定位到下面
第二行,弹出菜单上移到bar上面

去掉? 3个方法.
1.主题css添加(不治本)

div#wpadminbar{display:none;}

2.主题function.php添加

remove_action('init', '_wp_admin_bar_init');

3.后台->用户->我的资料->显示管理工具栏勾勾去掉.

< css,wordpress >

腾迅微博界面修改油猴脚本

Jan 24th, 2011网络

Comments

这是一个油猴脚本,可以用油猴加载.
对腾讯微博的界面做了一些小小的修改,圆角,透明神马的.
并且对热门话题,可能认识模模块进行了屏蔽.

下面是js代码,大家可以自己修改css,记得行末尾加上"\"用来转义换行.
复制,保存成UTF-8格式,扩展名.user.js就可以了.

// ==UserScript==
// @name	腾讯微博界面修改器
// @namespace	http://minidr.com/
// @include	http://*t.qq.com/*
// @description	修改腾讯微博的界面,去掉边上的"热门话题"和"可能认识"
// ==/UserScript==
 
GM_addStyle("\
#mainWrapper{background-color:rgba(210,210,210,0.5);}\
.main{background-color:rgba(0,0,0,0);}\
.side{background-color:rgba(0,0,0,0);}\
.navArr{opacity: 0.5;}\
#talkBox{background:none rgba(0,0,0,0);}\
#msgTxt{background:none rgba(255,255,255,0.8);}\
.homeTab{margin:-1px auto auto 5px;}\
#talkList li,.homeTit,.AL .newsBox{-moz-border-radius:10px;border-radius:10px;border:0 none;margin:10px auto;background-color:rgba(255,255,255,0.8);}\
#talkList li.hover{background-color:rgba(255,255,255,1);border:0 none;}\
.side .SC:nth-child(4){display:none}\
.side .SC:nth-child(5){display:none}\
");
 
//18行是对热门话题模块的屏蔽
//19行是对可能认识模块的屏蔽

我对HTML5的看法

Dec 19th, 2010网络

Comments

HTML, HyperText Markup Language OR How To Make Love 的缩写, 被用来编写网页.
HTML 的版本发展得很快, 现在的最新版本是 HTML5了. 很多人都发表了对 HTML5 的看法,我也来说说我对HTML5的看法,以及和XHTML的比较.
我说的 HTML5 是狭义HTML5, 也就是那个标记语言,而不是那些可以火拼 Flash 的特效.

先来看看淘宝网的头部.

<!doctype html>
<html>
<head>
<meta charset="gbk" />
<title>淘宝网 - 淘！我喜欢</title>

对比下支付宝.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>支付宝 - 网上支付 安全快速！</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

这里就是个标准的 HTML5 的开头.
可以看到,淘宝代码简洁了许多~淘宝网就是 HTML5 的页面了.

HTML5 新功能: 新的标记代码.
HTML 的任何一个标记,基本由3部分组成.<容器属性="属性值">. HTML5 里面提到了新的容器,属性,属性值.当然,属性和值有时候可以省略.

容器:HTML里出现了新的容器如 header, nav, hgroup, article 等, 这些容器其实就是个普通的div, 换个名字. 对于手机, 便携阅读器等设备更有语义的好处.也提高了可读性.至于别的容器如 details, datagrid, menu, command 等提高了页面的交互能力. 当然, 不支持的浏览器默认当成普通容器来处理了.

属性:淘宝的charset就是一个新属性. 而在XHTML 里面, charset 是作为 content 的一个属性值出现的.在浏览器支持方面, 不支持浏览器碰到新属性, 它会把新属性当作代码错误而修复, 或者直接忽略. 总之, 在IE6下, 会把页面设别为gbk编码格式的.

属性值:给个例子吧.两个搜索框.大家可以试试.

XHTML版本的

<input type="text" value="XHTML" />

HTML5

<input type="search" value="HTML5" />

我把下面的框的 type 定为 search. 认识 search 的浏览器会在样式中给个小处理, 如 Chrome, 输入字符后会出现一个叉的图标,点击可以清除输入内容. 不认识的浏览器会当作代码写错, 设置成默认属性, 也就是 text. 这样, 就上下兼容了.
除了这些新的代码以外, HTML5 对代码的规范也不是严格了.

HTML5新功能: 代码弱规范.

<input type=search>
<input type="search">
<input type=search />
<input type="search" />

在HTML5中都是合法的.浏览器总不会碰到小错误不表现了吧.
还有...我不知道怎么写了...囧...

< HTML5 >

发布一个 PageCookery 饭否样式主题

Dec 6th, 2010网络

Comments

周末帮朋友定制的一个 PageCookery 的主题,饭否样式.

demo

由于 PageCookery 的 HTML 容器是定死的, 所以css3用得很疯狂, 圆角啊渐变啊阴影啊全部 css3. 还有气泡前的鱼嘴用了 :before伪类, 以及 :before:hover 双重伪类, 所以 IE6 会杯具. 导航栏的元素只有一个容器, 不得不用上 width:-moz-fit-content; , 然后缩减了头部的一些废物, 把空白利用起来, 更加简洁些.

在Firefox 3.6.12, Fedora 14 环境下编写, 没有考虑 IE.

下载: ici

注:PageCookery 是国内首款公开发行的单用户版开源微博程序, 基于 PHP + MySQL 架构, 是一款集安全, 高效和稳定, 以 "分享", "发现" 为理念的 Web 2.0 微博客解决方案. 详细. 可以看作是 Twitter 和 WordPress 的结合体.

< PageCookery >

饭否:钟声依旧?

Nov 12th, 2010网络

Comments

昨天晚上,停止解析492天饭否域名被解析.大家可以看到一个头像墙.
点击鼠标以后可以看到jquery效果的时间慢慢出现.

王兴在新浪微博里说:

微博钟声响起归家的讯号/在他生命里仿佛带点唏嘘/网络带给他的意义/是一生奉献XXXX中/年月把拥有变做失去/疲倦的双眼带着期望/今天只有残留的驱壳/迎接光辉岁月/风雨中抱紧自由/一生经过傍徨的挣扎/自信可改变未来/问谁又能做到.

但是,我觉得,这已经不是原来的那个饭否了.新饭否会被有关部门牢牢制约,虽然可以继续谈生活,话痨什么的,但是,有些东西就不能说了.想想原来的饭否是怎么被关闭的?不要责怪说那些话的人,要怪就要怪有关部门(其实我根本不知道我们国家居然还有"有关部门"这个政府部门).

所以,饭否的回来,象征意义大于其实际意义,虽然王兴让别人去做了,虽然制度化了,不过,作为一个网络产品,它在人际关系确立这方面产生的价值远远超过了产品本身的价值.这就是这个产品的成功之处.我相信,大部分怀念饭否用户还是会回来的.虽然他们可能找到了新家,twitter,雷猴,新浪微博等等等等,但是,这也不妨碍他们继续话痨啊!他还告诉局域网网民,走了的网站还是会回来的,只要耐心等待!

< fanfou >

什么叫尊重用户?

Nov 3rd, 2010网络

Comments

我已经用Linux一段时间了,QQ和360打架什么的我都听说了,天气冷了嘛,掐架能取暖什么的.

今天吃晚饭的时候,腾讯发布了一个"致广大QQ用户的一封信","我们决定将在装有360软件的电脑上停止运行QQ软件".这个行为相当龌龊,已经构成了恶意竞争.这是截图.

接着腾讯又禁止360浏览器访问QQ空间了.这个是很简单的浏览器UA屏蔽.因为没有Windows,我就修改Firefox的UA,为"360SE",接着就..

firebug显示UA为"360SE".

接着腾讯又把webqq给关了.那我不用登录QQ了.
这么傻逼的行为,恐怕只有腾讯能做出来.你这样做只会丢失用户,就像我故意把博客调节得在IE下杯具一样.

如果360联合微软禁止在windows上使用QQ,马化腾你怎么办?什么叫尊重用户?
作为一个Linux社区用户,我谁都不支持,我已经不相信国产的软件了.国产不是软弱无能无耻下流的借口.
最后有一个小小的问题:腾讯如果不扫描用户数据的话,怎么知道用户安装了360?哈?

< QQ >

Mini Dragon's Blog

Archives

WP 3.1 Admin Bar

腾迅微博界面修改油猴脚本

我对HTML5的看法

发布一个 PageCookery 饭否样式主题

饭否:钟声依旧?

什么叫尊重用户?

Recent Posts

Recent Comments

Links

迷你部落格

Mini Dragon's Blog

Archives

WP 3.1 Admin Bar

腾迅微博界面修改油猴脚本

我对HTML5的看法

发布一个 PageCookery 饭否样式主题

饭否:钟声依旧?

什么叫尊重用户?

Recent Posts

Tag

Recent Comments

Links