有人問所以我來發教程了。簡體字的開始代表我的教程已經開始了！
到代码的编辑处。按Ctrl+F寻找</style>，找到后请把以下代码copy and paste在</style>前面。

#status{
width:230px;color:#000;height:auto;padding:5px;overflow:auto;border:1px solid #000;}
.icon{
color: #000;}
.time{
color: #000;font-family: arial;font-size:10px ;padding-right:7px;padding-bottom:3px;padding-top:3px;padding-left:7px;background:#f7f7f7;}
.date{
color: #000;font-family: arial;font-size:10px ;padding-right:7px;padding-bottom:3px;padding-top:3px;padding-left:7px;background: #f7f7f7;}

说明：

#status是那个状态的代码，.icon是那个红色心形的代码，.time和.date就是时间和日期。（看第二张图）

浅青（width）= 宽度【值越大就越宽】
深紫色（color）= 字体的颜色
蓝色（height）= 高度【auto是自动，那么你就不用担心写短写长】
浅紫色（border）= 框 【px的值越大框就越粗、solid可以改，如：dashed/inset/dotted等、#000是框的颜色，可以改。】
浅褐色（font-family）= 字体的名称【可以改，如：tahoma，courier等】
深褐色（font-size）= 字体的大小 【值越大字体就越大】
红色（background）= 背景的颜色，可以改。
深红色的所有代码很难解释，不可以删除，所以也别乱改，除非你懂它们的意思和存在意义。

*你还可以自己加代码，比如：letter-spacing、background-url、text-shadow，等等的代码。

还没结束，接下来请把以下代码copy and paste到你想这个status放在的地方。比如我想放在我的sidebar，所以我就回到我sidebar代码那边置放以下代码。

<div id="status"><span class="icon">显示的图案，如：☆、○、●等。</span> >> 要显示的状态。
<br/><div style="float: left;margin-top:5px;"><span class="time">时间</span></div><div style="float: right;margin-top:5px;"><span class="date">日期</span></div><br/><br/><span class="icon">显示的图案，如：☆、○、●等。</span> >> 要显示的状态2。
<br/><div style="float: left;margin-top:5px;"><span class="time">时间</span></div><div style="float: right;margin-top:5px;"><span class="date">日期</span></div></div>

你也可以在加多几段↓

<span class="icon">显示的图案，如：☆、○、●等。</span> >> 要显示的状态。
<br/><div style="float: left;margin-top:5px;"><span class="time">时间</span></div><div style="float: right;margin-top:5px;"><span class="date">日期</span></div>

那么你就可以一次过写5个或6个状态。

繁體字出現了！尾聲了。如果有什麽不明白可以留言發問，請記得，成功或不成功都要告訴我。

P/S: 以上教学是博主辛辛苦苦一字一字编出来的
要转帖请告知并附上本blog的大名/鏈接,请别copy : )

版权所有归葆薏優閣 ♥

Copyrighted © 09.12.2012 BaoYogurt

Labels: bs

有人問所以我來發教程了。簡體字的開始代表我的教程已經開始了！
到代码的编辑处。按Ctrl+F寻找</style>，找到后请把以下代码copy and paste在</style>前面。

#status{
width:230px;color:#000;height:auto;padding:5px;overflow:auto;border:1px solid #000;}
.icon{
color: #000;}
.time{
color: #000;font-family: arial;font-size:10px ;padding-right:7px;padding-bottom:3px;padding-top:3px;padding-left:7px;background:#f7f7f7;}
.date{
color: #000;font-family: arial;font-size:10px ;padding-right:7px;padding-bottom:3px;padding-top:3px;padding-left:7px;background: #f7f7f7;}

说明：

#status是那个状态的代码，.icon是那个红色心形的代码，.time和.date就是时间和日期。（看第二张图）

浅青（width）= 宽度【值越大就越宽】
深紫色（color）= 字体的颜色
蓝色（height）= 高度【auto是自动，那么你就不用担心写短写长】
浅紫色（border）= 框 【px的值越大框就越粗、solid可以改，如：dashed/inset/dotted等、#000是框的颜色，可以改。】
浅褐色（font-family）= 字体的名称【可以改，如：tahoma，courier等】
深褐色（font-size）= 字体的大小 【值越大字体就越大】
红色（background）= 背景的颜色，可以改。
深红色的所有代码很难解释，不可以删除，所以也别乱改，除非你懂它们的意思和存在意义。

*你还可以自己加代码，比如：letter-spacing、background-url、text-shadow，等等的代码。

还没结束，接下来请把以下代码copy and paste到你想这个status放在的地方。比如我想放在我的sidebar，所以我就回到我sidebar代码那边置放以下代码。

<div id="status"><span class="icon">显示的图案，如：☆、○、●等。</span> >> 要显示的状态。
<br/><div style="float: left;margin-top:5px;"><span class="time">时间</span></div><div style="float: right;margin-top:5px;"><span class="date">日期</span></div><br/><br/><span class="icon">显示的图案，如：☆、○、●等。</span> >> 要显示的状态2。
<br/><div style="float: left;margin-top:5px;"><span class="time">时间</span></div><div style="float: right;margin-top:5px;"><span class="date">日期</span></div></div>

你也可以在加多几段↓

<span class="icon">显示的图案，如：☆、○、●等。</span> >> 要显示的状态。
<br/><div style="float: left;margin-top:5px;"><span class="time">时间</span></div><div style="float: right;margin-top:5px;"><span class="date">日期</span></div>

那么你就可以一次过写5个或6个状态。

繁體字出現了！尾聲了。如果有什麽不明白可以留言發問，請記得，成功或不成功都要告訴我。

P/S: 以上教学是博主辛辛苦苦一字一字编出来的
要转帖请告知并附上本blog的大名/鏈接,请别copy : )

版权所有归葆薏優閣 ♥

Copyrighted © 09.12.2012 BaoYogurt

Labels: bs