教学 ♥ 特别的状态②
16 June 2012 @ 6:11 PM



转帖请留言和附上链接 ♥






效果图 ( 静止的内容 ) :



Blogger Template

步骤一

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


步骤二

选择 & 添加以下代码 :

① 静止的内容的代码

<center style="text-align: left;"><img src="图片网址"/><span style="color:#ffc0cb;"> Status</span></center><div style="width:250px;background:#FFFFFF; padding:5px; border:2px solid #000000; color:#7b7b7b;"><center>YOUR TEXT GOES HERE</center></div>


② 会移动的内容

<center style="text-align: left;"><img src="图片网址"/><span style="color:#ffc0cb;"> Status</span></center><div style="width:250px;background:#FFFFFF; padding:5px; border:2px solid #000000; color:#7b7b7b;"><center><marquee>YOUR TEXT GOES HERE</marquee></center></div>

更多移动字体的效果 请参考这篇教程


步骤三

保存 Save .


解释 :





紫色的 是 " status " 的颜色 .

粉红色的 是状态内容的背景颜色 .

红色的 
分别是状态内容的框框粗细度 ; 框框的种类 ; 框框的颜色 .

橙色的 是状态内容的字体颜色 .






Blogskin

步骤一

Template - Edit Html

* 找你要放的位子 把代码加进去 *


步骤二

选择 & 添加以下代码 :

① 静止的内容的代码

<center style="text-align: left;"><img src="图片网址"/><span style="color:#ffc0cb;"> Status</span></center><div style="width:250px;background:#FFFFFF; padding:5px; border:2px solid #000000; color:#7b7b7b;"><center>YOUR TEXT GOES HERE</center></div>


② 会移动的内容

<center style="text-align: left;"><img src="图片网址"/><span style="color:#ffc0cb;"> Status</span></center><div style="width:250px;background:#FFFFFF; padding:5px; border:2px solid #000000; color:#7b7b7b;"><center><marquee>YOUR TEXT GOES HERE</marquee></center></div>

更多移动字体的效果 请参考这篇教程


步骤三

保存 Save .


解释 :





紫色的 是 " status " 的颜色 .

粉红色的 是状态内容的背景颜色 .

红色的 
分别是状态内容的框框粗细度 ; 框框的种类 ; 框框的颜色 .

橙色的 是状态内容的字体颜色 .







额外的 :

把你要的效果的代码加在 style=" 的后面 .


字体有影子效果 代码请参考这篇教程

框框有圆角效果 代码请参考这篇教程

小图片的例子 :



http://www.geocities.jp/choco_asa/img/icon/neko/01/03-1.gif



http://www.geocities.jp/choco_asa/img/icon/kotori/01/03-3.gif



http://www.geocities.jp/choco_asa/img/icon/kotori/01/01-1.gif



任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (:







版权所有 翻印必究. ♥