08

css3 Transition 效果的使用

DIV+CSS, 英文网站建设

今天看到一个英文的网站的链接鼠标经过状态是有一个过渡效果的,看了一下是用的transition属性,特地查了一下具体的使用

先看一下在下面元素中的鼠标效果

transition
css3

这里是a属性鼠标经过切换颜色的过渡效果

a:link,
a:active,
a:visited {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color[......]
No comments | read more »
16

万维网联盟的HTML5规范验证页面

SEO/网站推广

万维网联盟的HTML5规范验证页面Markup Validation Service(Check the markup (HTML, XHTML, …) of Web documents)
可以以此来验证下自己设计的页面是否符合标准。http://validator.w3.org/

address地址栏输入网址,check就可以看到你的网站是否很完美。

2 comments | read more »
29

手动升级WordPress步骤

SEO/网站推广

由于服务器一直不支持ftp, WordPress的升级只能采用手动升级的方法了,网上看了好多方法,这个方法自己试了一下,还是很好用的,比较简单,步入正题:

手动升级WordPress步骤

第一步、备份程序文件和数据库。最好将你的网站所有文件备份以下。

第二步、手动升级 WordPress 之前最好先登录后台关闭所有插件,当然不关闭影响也不大,不过全部关闭要好点。

第三步、到 WordPress 官方网站下载最新的 WordPress 版本程序。

第四步、解压安装包更新数据。将网站根目录下 wp-admin 和 wp-includes 两个目录中的文件换成最新下载的[......]

No comments | read more »
27

WP-UTF8-Excerpt——wordpress首页自动显示摘要可保留文章格式

DIV+CSS, 最新软件更新

这里推荐一个wordpress首页自动显示摘要并且可保留文章格式的插件WP-UTF8-Excerpt

主要特点:
1,支持多字节语言(如中文),不会产生乱码。
2,摘要可保留文章中的格式标签,如字体、颜色、链接、图片等(需保留的标签可在后台设置)。
3,首页每篇文章显示300字,存档页面每篇文章显示150字(字数可设置)。

安装:
1,解压到/wp-content/plugins/目录
2,在插件页面激活插件即可!
如果不能工作,请检查主题的index.php文件,把

改成

注意:有些主题在the_content()中还有一些字,比[......]

No comments | read more »
24

css下拉菜单小三角形箭头的写法

SEO/网站推广

直接用css写出一个向下指的小三角行,以后就不用切图那么麻烦了

主要代码就是:

border-color: #666 #fff #fff;
	border-style: solid;
	border-width: 4px;

具体的演示
如图显示

代码:

.site {
	width:auto;
	height:auto;
	background-color:#fff;
	position:relative;
}
.site b {
	border-color: #666 #fff #fff;
	border-style: solid;[......]
1 comment | read more »
19

在线生成 CSS3 圆角代码——Border Radius

SEO/网站推广

CSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。

CSS3圆角只需设置一个属性:border-radius(含义是”边框半径”)。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。

border-radius可以同时设置1到4个值。如果设置1个值,表示4个圆角都使用这个值。如果设置两个值,表示左上角和右下角使用第一个值,右上角和左下角使用第二个值。如果设置三个值,表示左上角使用第一个值,右上角和左下角使用第二个值,右下角使用第三个值。如果设置四个值,则依次对应左上角、右上角、[......]

No comments | read more »
17

导航条固定置顶+背景渐变+投影的css代码

SEO/网站推广

实现效果导航条固定置顶,导航背景渐变,并且有个投影。
今天看了qq for mac 界面的一个导航条固定置顶,并且背景颜色渐变,还有一个阴影,对于浏览器的兼容也做的不错,就copy下来了,留做备用。看效果:

上代码:

.top {background:#fff;
	background:#FBFBFB;
	background:-moz-linear-gradient(top, #FBFBFB 0%, #DADADA 100%);
	/* FF3.6+ */

	background:-webkit-gradient(linear, left top, left bot[......]
No comments | read more »
17

css position属性relative相对定位与absolute绝对定位的区分

SEO/网站推广

w3school 对其值的描述

absolute

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

relative

生成相对定位的元素,相对于其正常位置进行定位。(记住这点就能明白相对定位)
因此,”left:20″ 会向元素的 LEFT 位置添加 20 像素。

下面是网上找到一段详解,应该是比较清楚一点的

Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配[......]

No comments | read more »
28十二

更改comment_form()函數表单顺序,名称,电子邮件,网站排序

SEO/网站推广

修改评论框上面,名称,电子邮件,网站与输入框的位置,

WordPress 3.0 新增的表单生成函数 comment_form()来控制的,修改文件comments 是没有效果的。

先用图片说明问题,先看原来3.0之前的评论样式:

使用表单函数 comment_form() 生成的评论样式:

从上面2个图片可以看出,昵称、邮箱、网址的标签跑到前面来了,对于很多主题来说不太雅观,其实可以用正则来“挪位”

下面是方法

把下面的 php 函数加在 <?php comment_form(); ?>  前面就能实现 input 挪到前面鸟[......]

No comments | read more »
20十二

wordpress后台添加摘要文本框

SEO/网站推广

安装wordpress 3.1正式版之后,添加新文章界面,少了许多选项,以前的添加摘要不见了。一直认为自己选的模板的问题,上网查代码,看了片文章才发现是版本隐藏了。

升级到3.1 摘要没了是因为这个版本 自动默认隐藏了,先点开后台侧栏的“添加新文章”,在这个编辑文章页面的右上部有个 “ 显示选项 ” ,打开,把“摘要”勾选出来即可。

有些主题不支持摘要功能,即便你自己手工编辑好摘要,但保存后,首页的文章还是全文输出。

同时wordpress 3.1的作者选项,自定义栏目选项由以前的可见,都设置成了隐藏,这里要注意下

No comments | read more »