css3 Transition 效果的使用
DIV+CSS, 英文网站建设今天看到一个英文的网站的链接鼠标经过状态是有一个过渡效果的,看了一下是用的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[......]
万维网联盟的HTML5规范验证页面
SEO/网站推广万维网联盟的HTML5规范验证页面Markup Validation Service(Check the markup (HTML, XHTML, …) of Web documents)
可以以此来验证下自己设计的页面是否符合标准。http://validator.w3.org/
address地址栏输入网址,check就可以看到你的网站是否很完美。
手动升级WordPress步骤
SEO/网站推广由于服务器一直不支持ftp, WordPress的升级只能采用手动升级的方法了,网上看了好多方法,这个方法自己试了一下,还是很好用的,比较简单,步入正题:
手动升级WordPress步骤
第一步、备份程序文件和数据库。最好将你的网站所有文件备份以下。
第二步、手动升级 WordPress 之前最好先登录后台关闭所有插件,当然不关闭影响也不大,不过全部关闭要好点。
第三步、到 WordPress 官方网站下载最新的 WordPress 版本程序。
第四步、解压安装包更新数据。将网站根目录下 wp-admin 和 wp-includes 两个目录中的文件换成最新下载的[......]
WP-UTF8-Excerpt——wordpress首页自动显示摘要可保留文章格式
DIV+CSS, 最新软件更新这里推荐一个wordpress首页自动显示摘要并且可保留文章格式的插件WP-UTF8-Excerpt
主要特点:
1,支持多字节语言(如中文),不会产生乱码。
2,摘要可保留文章中的格式标签,如字体、颜色、链接、图片等(需保留的标签可在后台设置)。
3,首页每篇文章显示300字,存档页面每篇文章显示150字(字数可设置)。
安装:
1,解压到/wp-content/plugins/目录
2,在插件页面激活插件即可!
如果不能工作,请检查主题的index.php文件,把
改成
注意:有些主题在the_content()中还有一些字,比[......]
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;[......]
在线生成 CSS3 圆角代码——Border Radius
SEO/网站推广CSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。
CSS3圆角只需设置一个属性:border-radius(含义是”边框半径”)。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
border-radius可以同时设置1到4个值。如果设置1个值,表示4个圆角都使用这个值。如果设置两个值,表示左上角和右下角使用第一个值,右上角和左下角使用第二个值。如果设置三个值,表示左上角使用第一个值,右上角和左下角使用第二个值,右下角使用第三个值。如果设置四个值,则依次对应左上角、右上角、[......]
导航条固定置顶+背景渐变+投影的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[......]
css position属性relative相对定位与absolute绝对定位的区分
SEO/网站推广w3school 对其值的描述
absolute
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
relative
生成相对定位的元素,相对于其正常位置进行定位。(记住这点就能明白相对定位)
因此,”left:20″ 会向元素的 LEFT 位置添加 20 像素。
下面是网上找到一段详解,应该是比较清楚一点的
Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配[......]
更改comment_form()函數表单顺序,名称,电子邮件,网站排序
SEO/网站推广修改评论框上面,名称,电子邮件,网站与输入框的位置,
WordPress 3.0 新增的表单生成函数 comment_form()来控制的,修改文件comments 是没有效果的。
先用图片说明问题,先看原来3.0之前的评论样式:
使用表单函数 comment_form() 生成的评论样式:
从上面2个图片可以看出,昵称、邮箱、网址的标签跑到前面来了,对于很多主题来说不太雅观,其实可以用正则来“挪位”
下面是方法:
把下面的 php 函数加在 <?php comment_form(); ?> 前面就能实现 input 挪到前面鸟[......]
wordpress后台添加摘要文本框
SEO/网站推广安装wordpress 3.1正式版之后,添加新文章界面,少了许多选项,以前的添加摘要不见了。一直认为自己选的模板的问题,上网查代码,看了片文章才发现是版本隐藏了。
升级到3.1 摘要没了是因为这个版本 自动默认隐藏了,先点开后台侧栏的“添加新文章”,在这个编辑文章页面的右上部有个 “ 显示选项 ” ,打开,把“摘要”勾选出来即可。
有些主题不支持摘要功能,即便你自己手工编辑好摘要,但保存后,首页的文章还是全文输出。
同时wordpress 3.1的作者选项,自定义栏目选项由以前的可见,都设置成了隐藏,这里要注意下


