CSS3 基础知识

本文将普及一些新属性的基本知识: text-shadow, box-shadow, and border-radius. 这些CSS3属性经常被用来增强页面布局, 并且很容易理解.

RGBA

前三个数值是 RGB 颜色的值, 最后一个数值指代的是元素的透明度 (0 表示透明, 1 表示不透明)
1_rgba

(更多…)

jQuery:使用 JavaScript 让 WordPress 边栏滚动起来

见于淘宝彩票投注页面,搜一下,有三种方法实现类似的效果,这里贴出 JavaScript(jQuery) 方法,也是本站所使用的方法,CSS方法请看原文http://css-tricks.com/scrollfollow-sidebar/

步骤很简单,代码也很简洁:

$(function() {

    var $sidebar   = $("#sidebar"), 
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        } else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
    
});

(更多…)

世界杯,我也“参与”了

人懒,世界杯也看多了,昨天买了20,丢进沟里了,今天又十几块了,为什么我就是没运呢。囧。看球最搞笑的就是假摔了,几乎每人一部摄录机跟踪着,咱能很容易就看到这些影帝表演。目前为止最影帝的就是科特迪瓦的那个谁(我真不知道),而金骅童鞋喜欢的卡卡就是悲剧帝了。

言归正传,四年一度的盛事当然要参与,这也是我第一次“参与”世界杯,过往只是看着别人参与。那个谁说几块钱这么少你也玩,我个人觉得呢,玩玩就好,意思意思,看起来那个劲就是不一样,可惜今晚全场关注的平局没有挨到最后,在瑞士坚持到几乎结束的时候消失了,我蛋疼了。稍微紧张我就喊出声,或者是叫出来。咔咔。

一支“独木”想说的

我已经厌倦了做‘独木’,厌倦了别人搭便车。当小组中每个人都优哉游哉的而我却要扛起那些‘拯救世界’的责任。当汪江童鞋的签名貌似表达了这股‘怨气’后,我忍不住了,我也要。人们课不上、不自学、逃避技术活,能懂吗?不能吗?能吗?不能吗?不能吗?能吗?不能,一句“我不懂啊”就把责任丢过来了,大佬们,想想我感受吧。一次半次不难受,很自豪,两次三次我就吃不消了。我也是百度谷歌过来的,谁一生出来会搞这些那些?这些人们太不负责任了。鄙视你们然后感谢搜索引擎。再恨自己的和蔼可亲。
我有能耐发牢骚的,谨以此文出个气。

在 WordPress 中用 CSS 定义图标区分为外链与内链

把博客外部链接加上小图标,让访客更加容易的分辨外部链接,而且也美观好看。
大家先看看这个效果:百度 注意到了吧?它在外部链接旁边加一个小图标,而且对于离站链接的图标已经出现了一种约定:一个框加一个箭头。

实现这种效果最容易的方法是在所有外部链接上加一个类,然后将图标作为背景图像应用。

.external{
	background: url(images/externalLink.gif) no-repeat right center;
	padding-right:12px
}

(更多…)

考试愿望

明天CET-6纯”人品流”。今晚买了个25块的耳机准备听力,后来才发现我有一个买PSP送的耳机!浪费了,而这都是把原来的耳机忘记在家里导致的。

exam

WordPress 模板常用函数

WordPress 基本模板文件

一套完整的 WordPress 模板应至少具有如下文件:

style.css : CSS(样式表)文件
index.php : 主页模板
archive.php : Archive/Category模板
404.php : Not Found 错误页模板
comments.php : 留言/回复模板
footer.php : Footer模板
header.php : Header模板
sidebar.php : 侧栏模板
page.php : 内容页(Page)模板
single.php : 内容页(Post)模板
searchform.php : 搜索表单模板
search.php : 搜索结果模板

当然,具体到特定的某款模板,可能不止这些文件,但一般而言,这些文件是每套模板所必备的。

(更多…)

19 条 WordPress SQL 查询语句

原文地址:http://paranimage.com/19-wordpress-sql-hacks/

不要轻易折腾你的SQL。但有的时候 ,使用SQL能大大提高你的办事效率,或者有的时候,你不得不用 SQL 来改变一些东西,比如把让你老是觉得不安全的 admin 这几个字换成其它的,比如你想收集所有留言者的邮箱地址来实现你的垃圾营销目的,比如把帕兰映像站内所有含链接的留言完全删掉。

本文为大家介绍 19 条 wordpress SQL 查询,你可能啥时候就会需要到。

(更多…)

阿里妈妈 UED 谈 CSS Sprites(CSS 雪碧)技术

CSS Sprites简介

通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites 并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现 CSS Sprites 的影子。但 CSS Sprites 并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着 Web 设计向着精致、巧妙的方向发展,设计师们开始考虑使用非 Javascript 的方式制作鼠标滑过、悬停菜单的效果,这时 CSS Sprite 应运而生。

说白了,CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中,再利用 CSS 的 background-image,background- repeat,background-position 的组合进行背景定位,background-position 可以用数字能精确的定位出背景图片的位置。

当页面加载时,不是加载每个单独图片,而是一次加载整个组合图片。这是一个了不起的改进,它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。

(更多…)

又一期 CET

像往常一样我还是没有认真备考,昨天开始意思意思,做了8小题听力我头就晕晕的,进行不下去,今天下午精神挺好,做了一篇快速阅读,感觉不错,只因做过至少三次了……

依然,这次抱有9分的侥幸和1分的努力。不认真的原因有客观和主观的,但归结起来都是主观原因,我想起上一期考前搞lajunk的情景。这一期我没搞什么了,纯粹的懒,真的很懒呀,等下一期和师妹一期考呗~

今天依然躲在家里,实在不想进行什么娱乐活动,因给没有给我动力的漂亮女生,一切都是无趣的,我认为。

ITUAN

几天前的事情了,把爱团模板改得很清爽,如图。有些亟待解决的问题,私运同学说“其实我地都好想参加你个团购,无耐每次产品都唔系好啱”,“你们产品的自由度不够高,每次只有一样,无得选择”,“比如寿司果期,因为各人口味唔同,你可以叫参团者自己搭配”。

考虑:每次提供多样东西供购买,而每样东西的结束时间不同,相差一两天,待最后一样东西结束后,下一期开始,又是几样东西。

LaJunk 闭站啦

说实在的,这是鄙人有史以来存活最久的网站,虽然没什么贡献,没什么新鲜,没什么人气……在这里要谢谢建站之初给予鼎力支持的金骅同学、素仪同学、威囡同学、瞬桩同学、淑华同学、不认识的秋玲同学,以及建站中末期来支持的泳莲同学、只是来玩小游戏的嘉仪小表妹……如果大家有什么信息存且只存在lajunk,请立马登陆取回,谢谢。

终于看完七龙珠漫画版

一时脑热买了台PSP,玩了一段时间觉得没什么意思了,就用PSP看起了漫画。由于小学时买过几本小本的七龙珠,就选了看龙珠。照理来说买书要买整套才能过瘾,但是小孩子是没钱的,而那书店没有全的,好像是买了前六本,看得很过瘾,挺精彩的,难怪当时每个小孩子都讨论着悟空悟饭龟波气功。

而我现在也看得着迷了,几本都是上课看的,看得很忘我,直到有一次计算机网络的老师故意让我回答问题,我才不带PSP去上课,改为去某公司的路上看。就在刚才我终于看完了,不过还有什么外传啊GT啊之类的,就不看了,呵呵。

设置 a、span 等标签的高度和宽度

在仿制最土的模板时遇到一个问题,导航栏的A标签长宽设置无效,一度使用 padding 代替,这样导致不同浏览器效果不一致……后来终于找到解决方法,方法很简单,在 CSS 加上 display:block; 成为块元素就可以了。

二等奖

两天,二等奖,好像很投入产出比很高,但是其实能做得更好,而且和第一名就差那么1点几分,有点可惜。张开源竟然会这么紧张,太神奇了,我考虑过我上的,但是还是有点害怕,又要正装什么的,所以还是把责任推给王明镜和张开源。奖金120元,除以5……吃个宵夜吧。

大半个学期过去了

还是害怕,还是拖拉。害怕什么?与陌生人交流,为什么害怕?我说不清。因为害怕,所以拖拉。我现在拖拉着多少个网站了?1、2、3……人怕出名猪怕壮,又不好拒绝。

网页设计大赛进决赛,说实在的我挺有自信的,在创意方面,而能不能得前三名,想了下主题“祖国在我心目中的形象”,好像也很符合,不花俏,符合佬的口味,应该还行吧。还有我对广商普遍的技术也不太高,除了个别。

这此去三水决赛,去三水为主,决赛为次。上个学期自个去过三水,这个和几个佬过去,为什么就没有女伴呢?原因之一是我没有去找。

好久没管这里,新鲜感是很容易丢失的,对于我来说。

我的寒假就此结束

写在候车处

打了很多边炉最后打到欢欢家通宵泡k房在洋快餐店听同一首歌到作呕等天光然后为寒假划上顿号。没有悠长的感觉,好像瞬间搞完这个寒假,很多煽情性感感动感性的语言让我藏于心底独享。

想起朋友,然后想到什么才是朋友,以前陈小玲还是谁说过,加上自己的意见,大意就是高中以后的友谊才是真挚的宝贵的,当然,不一定,自己理解吧。我喜欢那么一个字形容朋友,真。

为什么我特别喜欢和女性一起玩耍,我想啊想,并不是异性相吸这么肤浅的答案,也不是取向方面的问题,只是,很自然的事情就让它顺其自然。

写在宿舍内

就像预期一样我坐在宿舍的书桌前,但是跟想 象中的感觉不一样。我想象的是自己独自一人,享受一个人的无拘无束,但是实际是,一个人觉得很寂寞,特别是离乡别井,从一个极端到另一个极端,真的有点受 不了,有点像第一次出外读书那时的心情,责怪自己为什么到这里来,思家恋家。

以我现在的心情完全可以哭腔打电话回家说我不干了我不干了我要回家然后收拾一下明天早上就回家。

但是我成年了,不只,还成年好几年了,不能像小孩那样不想什么就不什么。现在是不能往后退了,只 能一直走,就像那个什么,开始了就没得停止了。因为这阶段是我所选择的道路必经的,而这种感觉只是在这特殊的时期产生。

一直提醒自己思想要 积极向上。

冷就一个字,我重复了无数次

今天正月初二,明天正月初三。——题记
天气是节假日最关系的问题之一,春节就更不用说了。今年过年很冷,而且还会继续降温,报纸上说“冷空气赶到中山过年”。

初七要回校了,为了那个实习,当时大多数是假期最后一天,我害怕人潮……

话说这个所谓实习,还挺期待的,一个人建一个牛仔品牌官网,希望我能做好而不是应付(就是说希望他们要求低一点)。工资我不在乎多少,我要学一回东西,为成为社会青年作准备。

我不想出去玩,就算是呆在家里没事干,因为家里有人,多陪陪家人,就算各自呆在房间,呵。

和表弟堂弟们吃饭说笑时发现几年前我使用的那些说笑伎俩我也曾经用过,顿时发现我比他们大,比他们老,比他们更高级。

PS:(2010/06/16)实验证明,我只是改版网站,但我觉得我可以另建一个网站,而且我发现他们之前找其他人建的站,很不负责任,产品展示用的html,很明显是建好就不管的心态。

收了三个月的工钱,每个月300,减去车费,没多少了;不懂沟通这个毛病依然有,也许有一点点改善吧,毕竟那里才几个人,而且都是男的,也不好聊……

W3C CSS 验证服务

w3c css

W3C CSS验证服务是由W3C制作的一个免费软件,用于帮助Web设计者检查层叠样式表(CSS)。你可以在W3C提供的免费在线服务中使用,也可以下载后作为一个 Java程序或者Servlet运行在自己的机器上。

25条 CSS 编程提醒及小技巧整理

1、ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值。

2、同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次;对一个标签同时使用 class 和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效,是因为 ID 的权值要比 CLASS 大。

3、一个兼容性调整(IE 和 Mozilla)的笨办法:
初学可能会碰到这样一个情况:同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来。
临时解决方法:选择符{属性名:B !important;属性名:A}

4、如果一组要嵌套的标签之间需要些间距的话,那就留给位于里面的标签的 margin 属性吧,而不要去定义位于外面的标签的 padding

5、li 标签前面的图标推荐使用 background-image,而不是 list-style-image。

6、IE 分不清继承关系和父子关系的差别,全部都是继承关系。

(更多…)