blockquote教程

Questions：

×什么是blockquote？
文字换段并左右缩排

以下就是blockquote
想要一个与众不同的blockquote？

首先，找一下的code
.post blockquote {

把以下的code放在下面
 -moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
color:#666666;
border: 3px dotted rgb(34, 34, 34);
background: #ffffff url(http://url.png);
background-position:top left;
background-repeat:repeat;
margin: 4px 4px 4px 4px;
padding: 6px 6px 6px 6px;
font-size: 14px;
line-height:1.4em;
}

将http://url.png
改成你要的图片

http://www.imageshack.us
http://photobucket.com/
http://tinypic.com/ 

在这些网址upload你的图片，
再把图片的direct link paste 进去

如果你的html code没有.post blockquote {
那就放在

/* Posts
-----------------------------------------------
 */

记得一定要加.post blockquote {
exp:
.post blockquote {
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
color:#666666;
border: 3px dotted rgb(34, 34, 34);
background: #ffffff url(http://img686.imageshack.us/img686/2554/th5z3324sgj.gif);
background-position:top left;
background-repeat:repeat;
margin: 4px 4px 4px 4px;
padding: 6px 6px 6px 6px;
font-size: 14px;
line-height:1.4em;
}

-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;

注意上面这个，知道是什么吗？
就是弧度

-moz-border-radius-bottomleft: 15px; （下左）
-moz-border-radius-bottomright: 15px;（下右）
-moz-border-radius-topleft: 15px;（上左）
-moz-border-radius-topright: 15px;（上右）

如果你想要调整着弧度
把15px调整
改得越大，弧度越大，长

border: 3px dotted rgb(34, 34, 34);

http://www.quackit.com/html/codes/html_borders.cfm

可以参考以上的网址，
如果你不想要dotted的border
把dotted改成
exp:
o- dashed
o- solid
o- grooved
o- outset
o- inset
o- mixed
o- double
o- ridged

最后，border的px
也可以改
调得越大，border就越粗
如果不想看到border，只是想看到弧度
那么就把 px 改成 0px

=end=
Easy???
^^

cur,ani,gif教程

Questions：

×什么是cursor？
屏幕上一个可移动的闪烁的标记， 用来指示下一个操作的位置。Defination

×什么是cur？
通常用于鼠标指针（光标），格式和ICO相同。ICO，图标格式，即指英语的「icon」，是一种用于图标显示的图片格式。 Defination

×什么是ani？
动态指针，将多幅图标连接成为动画

×什么是gif？
GIF（Graphics Interchange Format）图形交换格式是一种位图图形文件格式，可以储存２５６种颜色，适于储存图示或是颜色较少的图片，也可制作简单的动画。Defination

怎样将cur,ani,gif放入你的网页
cur 置入方法：
先到一下这几个网址
选cur file
http://www.totallyfreecursors.com/
http://cursors.funutilities.com/
http://www.moocursors.com/
**注意**
cur file 不是animated 的
如果你使用的浏览器（browser）是Internet Explorer，
那才选 animated,
animated cursor=.ani
.ani file 只能在 Internet Explorer呈现

选了后，找它cursor的原本网址
（点击放大）
highlight的地方是cur的原本网址

把以下的codes放入你的html code与之间
<style>body {cursor:url(http://url.cur), url(http://url.cur), auto;) </style><br /> <style> A:hover{cursor: url("http://url.cur") , url("http://url.cur"),auto;} </style><br />

把http://url.cur/改成你要的cur地址

注意以下的code

A:hover
body

有没有发觉不一样？

Body就是你的cursor
A:hover就是当你的cursor移到link的时候，就会呈现与body code不一样的cursor

如果你的body和A:hover 的url
放不一样的，
当然呈现出来的效果显然不一样

ani置入方法：
如同cur的置入方法，
只是这只能呈现在
Internet Explorer。

gif置入方法：
如同cur的置入方法，
虽然gif能呈现在任何的browser
可是当gif放入你的网页是，
有部分浏览器无法将gif完完全全呈现，
变成gif在部分浏览器将gif变成png,jpg类似格式，
并没有animate。

=end=
Easy???
^^