Drupal7中解决IE6的png透明问题

做前端的朋友都知道,png32的透明图片在IE下显示会带有一种兰色背景色一样,为了处理这样的兼容问题,我想大家都很头痛,以前只在静态页面下通过DD_belatedPNG的js来处理过这样的bug,但在Drupal下fix这样的bug还是第一次,因此也是费了很久的时间,还多亏朋友帮忙,才解决这样的一个兼容问题。

jQuery的选择器——内容过滤选择器

前面我们一起探讨过了jQuery的选择器中的基本选择器层次选择器和过滤选择器中的的基本过滤选择器,今天我们一起来学习和探讨一下jQuery选择器的过滤选择器中的内容过滤选择器

CSS3的圆角Border-radius

前面系统总结了CSS3GradientRGBA的用法,今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中,大家都碰到过圆角的制作。

jQuery的选择器—基本过滤选择器

前面我们初步介绍了jQuery选择器中的基本选择器层次选择器,今天我们在一起探讨和学习一下jQuery的另一种选择器的方法:过滤选择器中的基本过滤选择器。

jQuery的选择器—层次选择器

前面有一篇《jQuery的选择器—基本选择器》主要介绍了几种jQuery选择器的最基本方法,也是最常用的方法,今天继续规纳一下jQuery的第二种选择器方法——层次选择器。在DOM元素之间的层次关系主要包含元素的后代元素、子元素、相邻元素和兄弟元素等,那么我们在通过选择DOM元素之间的层次关系来获取我们想要选择的元素时,这种层次选择器对我们选择元素来说是一种特棒的选择方法。为了更好的学习,我们在这里统一个HTML结构:

CSS3 RGBA

前面我们一起探讨了一下CSS3 Gradient(css3 渐变),今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生,他就是红色R+绿色G+蓝色B,那现在我们所说的RGBA又是什么呢?说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说,大家就跟着我一起往下看吧。

CSS3 Gradient

CSS3发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3在web中的应用,为了不被淘汰,我也开始向CSS3进发,争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3的应用,和大家一起分享,今天我们首先要看的就是:CSS3: Gradient─CSS3渐变。

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主流内容主要有Mozilla(Gecko)(熟悉的有Firefox,Flock等浏览器)、WebKit(熟悉的有Safari、Chrome等浏览器)、Opera(presto)(Opera浏览器)、Trident(讨厌的IE浏览器)。本文照常忽略IE不管,我们主要看看在Mozilla、Webkit、Opera下的应用,当然在IE下也可以实现,他需要通过IE特有的滤镜来实现,在后面会列出滤镜的使用语法,但不会具体介绍如何实用,感兴趣的可以搜索相关技术文档。那我们了解了这些,现在就开始今天的主题吧。

jQuery的选择器—基本选择器

初学jQuery,为了更好的系统学习好jQuery,今天特意把自己学习心得归纳一下,贴上来与初学者共进退,今天我主要总结的是jQuery的基本选择器。

Drupal7中设置用户头像

前几天碰到一个制作用户头像的东西,也就是当用户登录后需要打印其头像,如下图所示

虽然在drupal6中做过类似的东西,但是换到drupal7中就不会有效果了,几经寻找,今天终于给弄出来了。稍做整理后放上来跟大家一起共享。

首先来看看其在drupal6的实现方法,主要分两大步,第一就是在template.php中修改

function yourthemename_preprocess_page(&$vars) {
 //code
}

 

我们在上面这个函数加入下面的代码:

jQuery制作go to top按钮

每每看到网友Blog的页面底部或中间有一个按钮回到页面顶部,羡慕死人了,但自己就是做不出这样的效果。后来在google和baidu搜寻了一下,仔细思考,并不像当初想象的那么复杂。经过整理贴到blog中与大家一起分享一下。

我们先来看看效果图吧:

这个效果是“点我加到页面顶部”按钮在页面底部,当然还有一种效果就是这个按钮在页面中间,我就不在示例了。这也是最简单的效果,还有一种效果就是页面一开始不显示这个按钮,当滚动条向下移动时,到一定的距离才显示(也就是垂直滚动条距顶部有一定的距离时这个按钮才显示)。

我总结了几种方法,现在从简单到复杂依次看看几种实现效果的方法:

DEMO一:

这种效果是最原始的,也是最简单的。当页载入时,这个按钮就存在,并固定在页面的底部,页面垂直滚动条离顶部有一定的距离时,点击“点我回到页面顶部”按钮时,页面就会回到顶部。那就一起看看其实现过程吧:

HTML 代码:

页面

返回顶部