教学 ♥ 在部落格左上角添加状态
01 January 2012 @ 4:57 PM



给 W . Er 的

转帖请留言和附上链接 ♥




这篇教学就是教你如何弄好像我的状态 : ( 看下面 )


2012 hello hello :D



我知道你想学所以特地写的 leh 快点讲 thank you xD

哈哈 没有啦 废话一大堆 -.-

把眼睛睁大一点 okay ?

如果不明白 我就打你屁股 :P




Design - Edit layout - Add a gadget - Html/JavaScript

2 把以下 code 放进去 :
注: gadget 的标题不要填写 .

<div style="display:scroll;position:fixed;top:40px;left:40px;"><div style="width:200px;height:35px;"><div style="background:#ADADAD;border-radius:8px;border:2px solid #000000;color:#FFFFFF;">你要写的字在这里</div></div></div>




如果背景你要放图片的话 那你的代码就是 :

<div style="display:scroll;position:fixed;top:40px;left:40px;"><div style="width:200px;height:35px;"><div style="background:#ADADAD;border-radius:8px;border:2px solid #000000;color:#FFFFFF;">你要写的字在这里</div></div></div>




解释 :

红色的 是状态的背景颜色/图片url

橙色的 是状态框框的圆角度

青色的 是状态框框的粗细度

蓝色的 是状态框框的款式

紫色的 是状态框框的颜色

褐色的 是状态字体的颜色

灰色highlight的 是状态的宽度

白色highlight的 是状态的高度




如果你要字体会移动的话 ,

那你就在字的前面加 :

<marquee>

然后在字的后面加 :

</marquee>

关于移动文字 ( marquee effect ) 的教学可参考 :
Click here !




如果你要状态不会跟着 scroll 的时候移动 ,

那你就把代码中的  :

position:fixed;

换去 :

position:absulote;

就可以了哦 :D




有问题的话可以留下评论问我

或者是在 Tagboard 那里留言给我哦 (:


版权所有 翻印必究. ♥