STAGES

♥掛件說明♥

這各記事公告欄剛好可以打上一各禮拜的事情
請將滑鼠移至公告欄右下方按下
每按一各即可看其他的事件喔!
反正就有七各就對辣
寬高為170x120


第一款:

<embed src="http://img69.imageshack.us/img69/5223/seven.swf" wmode="transparent" flashvars="t1=第一件事情&t2=第二件事情&t3=第三件事情&t4=第四件事情&t5=第五件事情&t6=第六件事情&t7=第七件事情" width="170" height="120"></embed>

第二款：

<embed src="http://img69.imageshack.us/img69/71/seven2.swf" wmode="transparent" flashvars="t1=第一件事情&t2=第二件事情&t3=第三件事情&t4=第四件事情&t5=第五件事情&t6=第六件事情&t7=第七件事情" width="170" height="120"></embed>

第三款：

<embed src="http://img69.imageshack.us/img69/8049/seven4.swf" wmode="transparent" flashvars="t1=第一件事情&t2=第二件事情&t3=第三件事情&t4=第四件事情&t5=第五件事情&t6=第六件事情&t7=第七件事情" width="170" height="120"></embed>

第四款：

<embed src="http://img69.imageshack.us/img69/4244/seven5k.swf" wmode="transparent" flashvars="t1=第一件事情&t2=第二件事情&t3=第三件事情&t4=第四件事情&t5=第五件事情&t6=第六件事情&t7=第七件事情" width="170" height="120"></embed>

我做了部落格的样式哦~
第一次做的说~
原本还以为...不会有人套用!!
可是现在才刚做第二天...
套用数已经有76个咯~
好有成就感的说~
我自认不是做得很好~
但是对于我来讲已经很棒了~
毕竟是一次嘛~
我会更加努力的
做出另一个比现在更棒的样式~
可能这个我还会更改~

来个预览图吧~

要套用的话~请前往这里↓
http://panel.pixnet.cc/theme/blog/6642
        或
copy下面的语法
放进自定样式>CSS 原始码编辑

以下是语法~

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } pre { font-size:1em; } .article-content { _height:1%; overflow:hidden; _overflow:none; line-height:22px; letter-spacing:0; font-size:13px; margin-top:20px; } .article-content p { margin-bottom:1em; } body { font-family:Arial, Helvetica, sans-serif; color:#8c8c8c; letter-spacing:1px; background:#000; background-image:url(http://pic.pimg.tw/joyce96/4b679cb760bd5.gif); background-color:transparent; background-position:undefined; } br { letter-spacing:0; } a { color:#505050; text-decoration:none; } a:hover { color:gray; } select { font-family:verdana; font-size:13px; } #authority { text-align:center; background:#000; color:#FFF; font-size:13px; line-height:30px; } #authority a { color:#FFF; margin-right:15px; border:1px #FFF solid; padding:2px 10px; } #authority a:hover { background:#333; } #container { width:100%; overflow:hidden; margin:0 auto; } #header { position:relative; height:300px; background:url(http://pic.pimg.tw/modo/4acb620f96e76.jpg) no-repeat top center #fff; background-image:url(http://pic.pimg.tw/joyce96/4b679cb760bd5.gif); background-color:transparent; background-position:bottom left; background-repeat:repeat-x; } #login-bar { font-size:13px; text-align:right; padding-top:5px; padding-right:10px; color:#fff; } #login-bar a { color:#fff; } #banner h1 { position:absolute; width:153px; height:155px; left:119px; top:8px; } #banner h1 a { width:100%; height:100%; text-indent:-9999px; display:block; } #banner h2 { display:none; } #banner .skiplink { display:none; } #banner #blog-category { display:none; } #banner #blog-category a { color:#FFF; } #navigation { position:absolute; top:280px; left:8%; } #navigation li { float:left; display:inline; border-left:1px #FFF solid; padding:0 4px; } #navigation a { display:block; font-size:13px; color:#FFF; } .skiplink { display:none; } #main { _height:1%; overflow:hidden; _overflow:none; width:200%; line-height:150%; padding:0; } #content { width:48%; overflow:hidden; float:left; padding-top:30px; background-color:transparent; } #spotlight { position:relative; z-index:500; margin:0 26% 20px; } #spotlight h5 { padding-top:12px; margin-bottom:10px; height:40px; font-size:15px; color:#fff; } #spotlight-text { font-size:15px; color:#999; } .article-area-title { margin:0 auto; padding:0 5px; } #display { margin:0 auto 20px; padding:0 5px; } #article-area { position:relative; z-index:500; margin:0 26%; padding:7px; } .article { margin-bottom:30px; padding-bottom:20px; border-bottom:1px #aaa dotted; } .article-head { _height:1%; margin-bottom:10px; height:70px; position:relative; border-bottom:1px #343434 solid; } .publish { font-size:11px; padding-top:10px; color:#555; } .title { font-size:15px; position:absolute; top:40px; left:0; } .title a { color:#fff; line-height:22px; } .article-body { line-height:23px; color:#999; margin:0; } .bookmark { font-size:13px; } .author,.author a { font-size:11px; margin-top:5px; color:#999; } .article-content .more a { font-size:12px; color:#fff; } .fans-club { margin:50px 0 0; } .forward { font-size:10px; border-left:3px solid #ccc; padding:0 0 0 7px; } .forward a { font-weight:normal; } .article-footer { font-size:11px; color:#999; } .article-footer a { font-weight:normal; } .refer { _height:1%; overflow:hidden; _overflow:none; text-align:left; } .refer img { display:none; } .back-to-top { display:none; } .main-list table { width:100%; font-size:13px; margin-bottom:10px; } .main-list th { padding-bottom:5px; color:#FFF; } .list-num { width:40px; text-align:center; } .list-date { width:120px; text-align:center; } .main-list td { padding-bottom:5px; } #user-post { padding:0; } .user-post-box { font-size:13px; } .user-post-title { line-height:25px; clear:both; margin-top:10px; font-size:15px; color:#fff; padding-top:5px; padding-left:10px; } #trackback-box #trackback-url { padding:10px; } .post-comment { text-align:center; margin-bottom:10px; padding:10px; } #content .post-comment a { color:#666; font-size:15px; font-weight:bold; } .single-post { position:relative; background:#222; margin-bottom:10px; _height:50px; min-height:120px; border-bottom:1px #444 solid; padding:10px; } .post-info { color:#666; font-weight:bold; } .post-photo { float:left; margin-right:5px; display:inline; margin-top:10px; } .post-text { margin:0 0 0 105px; padding:0; } .post-text br { letter-spacing:1px; } .post-text p a,.post-text p { color:#0a9acc; } .post-text p img { display:none; } .reply-text { color:#fff; border-left:1px dotted #666; margin:10px 0 0 105px; padding:0 0 0 10px; } .reply-text p { font-size:10px; text-align:left; color:#aaa; margin:5px 0 0; } .secret { _height:20px; min-height:20px; } .secret .post-text,#trackback-text .post-info,#trackback-text .post-text { margin:0; } #comment-form { background-color:transparent; margin:10px auto; padding:5px; } #comment-form p { color:#666; text-align:right; margin:0 10px; } #comment-form table { width:100%; border:none; } #comment-form table tr.comment-form-title { display:none; } #comment-form table td { vertical-align:top; border:none; padding:3px 5px; } #comment-form table th { color:#666; vertical-align:top; width:80px; border:none; padding:3px 5px; } #comment-form table th font { display:none; } #comment-form input.radio { width:15px; border:none; } #comment-form input#send-comment { width:50px; height:23px; color:#505050; background:#cbe2ea; border:1px solid #909090; } #comment-form input#blogcommenttext_name { width:90%; } #comment-form input { width:97.5%; height:18px; font-size:12px; border:none; border-bottom:1px solid #bbb; background:none; background-color:transparent; } #comment-form textarea { width:97%; height:100px; font-family:verdana; font-size:12px; color:#333; line-height:18px; border:1px solid #bbb; background:#fff; background-color:transparent; padding:1%; } .page { font-size:13px; height:30px; text-align:right; margin-top:20px; padding-top:5px; } .page a { color:#666; margin-right:5px; padding:0 5px; } .page SPAN,.page a:hover { border:1px #666 solid; color:#fff; background:#666; padding:0 5px; } #links { position:relative; left:-50%; width:50%; float:right; _height:1%; overflow:hidden; _oveflow:none; background-color:transparent; margin:0; padding:0; } #links-row-1 { float:left; width:25%; padding-top:30px; } #links-row-2 { float:right; width:25%; padding-top:30px; } .box { width:215px; font-size:12px; clear:both; margin:0 auto 20px; padding:0; } #links-row-1 .box { float:left; clear:both; margin-left:10px; } #links-row-2 .box { float:right; margin-right:10px; } .box-title { height:28px; padding-top:3px; padding-left:10px; font-size:13px; color:#fff; background:url(http://pic.pimg.tw/modo/4acd54c097565.jpg) no-repeat; margin:0; } .box-text { margin-top:10px; font-size:13px; line-height:18px; margin-bottom:15px; color:#888; padding-left:20px; } .box-text a { color:#888; } .box li { list-style:disc; } #box468923 .box-title { background:none; padding-left:0; } #category li { list-style:none; } #search li { display:block; list-style:none; float:left; } #search input#search-target { width:110px; margin-right:5px; } #counter li { list-style:none; color:#888; } .box-more { font-size:12px; text-align:center; margin:10px auto 0; padding:3px 0; } .box-more a { font-weight:normal; color:#333; border:1px solid #b0b0b0; background:#e8e9ea; padding:3px 5px; } .box-more a:hover { color:#505050; background:#cbe2ea; border:1px solid #909090; } #subscription .box-text a,#latest-trackback .box-text a,#latest-comment .box-text a { display:block; } #headshot .box-text li,#powered .box-text li { background:none; } #broadcast .box-text ul { _height:1%; overflow:hidden; _overflow:none; border-bottom:1px solid #bebba2; margin:0; padding:5px 0; } #broadcast .box-text ul li { border:none; background:none; } li.broadcast-photo { float:left; margin-right:8px; } li.broadcast-photo a { border:none; } li.broadcast-photo img { width:40px; height:40px; border:1px solid #bebba2; } #broadcast .box-text li.broadcast-time { height:17px; overflow:hidden; padding:2px 0; } li.broadcast-time a { color:#333; } li.broadcast-time span { display:none; } li.broadcast-text { max-height:34px; overflow:hidden; margin:0; } li.broadcast-text a { _width:99%; } #crumb .box-text ul,#visitor .box-text ul { _height:1%; overflow:hidden; _overflow:none; padding-left:0; } #crumb .box-text ul li,#visitor .box-text ul li { float:left; display:inline; width:40px; height:40px; overflow:hidden; border:none; margin:0 2px 2px 0; padding:0; } #crumb .box-text ul li a img,#visitor .box-text ul li a img { width:38px; height:38px; border:1px solid #bebba2; } #crumb .box-text ul li a,#visitor .box-text ul li a { display:block; width:100%; height:100%; border:none; padding:0; } #calendar .box-text { line-height:200%; } #calendar .box-text table { width:100%; } #calendar .box-text th { text-align:center; background:#333; border:1px solid #000; color:#FFF; } #calendar .box-text th a { color:#FFF; } #calendar .box-text td { text-align:center; background:#666; border:1px solid #000; color:#fff; } tr.weekday { display:none; } #calendar .box-text td a { display:block; border:none; background:#fff; } #footer { clear:both; height:140px; text-align:center; margin-top:10px; color:#fff; } #footer a { color:#fff; border-right:1px #fff solid; font-size:95%; padding:0 3px; } #footer p { line-height:22px; font-size:13px; } #bottom { clear:both; text-align:center; line-height:22px; font-size:13px; padding-top:115px; }http://panel.pixnet.cc/theme/blog/6642<br />http://panel.pixnet.cc/theme/blog/6642<br />http://panel.pixnet.cc/theme/blog/6642<br />

＜黑板板＞

＜黑板板＞

毕业快乐篇

蔓越莓果醬

巧克力蛋糕

<embed src="http://img21.imageshack.us/img21/7874/wishchocolatecake.swf" width="200" height="240" flashvars="v_t=2008/12/21&t1=第一個心願寫在這&t2=第二個心願寫在這&t3=第三個心願寫在這&t4=第四個心願寫在這&t5=第五個心願寫在這" wmode="transparent">

草莓蛋糕

<embed src="http://img99.imageshack.us/img99/7214/wishstrawberrycake.swf" width="200" height="240" flashvars="v_t=2008/12/21&t1=第一個心願寫在這&t2=第二個心願寫在這&t3=第三個心願寫在這&t4=第四個心願寫在這&t5=第五個心願寫在這" wmode="transparent">

蓝莓蛋糕

<embed src="http://img232.imageshack.us/img232/2692/wishblueberrycake.swf" width="200" height="240" flashvars="v_t=2008/12/21&t1=第一個心願寫在這&t2=第二個心願寫在這&t3=第三個心願寫在這&t4=第四個心願寫在這&t5=第五個心願寫在這" wmode="transparent">

芒果蛋糕

<embed src="http://img99.imageshack.us/img99/1483/wishmangocake.swf" width="200" height="240" flashvars="v_t=2008/12/21&t1=第一個心願寫在這&t2=第二個心願寫在這&t3=第三個心願寫在這&t4=第四個心願寫在這&t5=第五個心願寫在這" wmode="transparent">

奇异果蛋糕

<embed src="http://img5.imageshack.us/img5/2716/wishkiwicake.swf" width="200" height="240" flashvars="v_t=2008/12/21&t1=第一個心願寫在這&t2=第二個心願寫在這&t3=第三個心願寫在這&t4=第四個心願寫在這&t5=第五個心願寫在這" wmode="transparent">

♥語法說明♥

漂浮公告欄可以自由變換你想要的圖片~
但是圖片檔只支持.jpg的相片檔格式
如果阿~
嫌公告欄太大
也可自行再調整公告欄寬度與高度
不過建議不要調太小 因為字會看不清楚呦~
要上傳的圖片大小 不用再更改了!
但是 建議選擇直式的圖片檔
這樣才會水水的喔!!!

第一款:

<p align="center"><embed src="http://img696.imageshack.us/img696/8812/photos.swf" width="175" height="300" flashvars="gogo=可以打上62各字呦&dt_go=圖片網址" wmode="transparent"></embed>

第二款:

<p align="center"><embed src="http://img39.imageshack.us/img39/7382/photos1.swf" width="175" height="300" flashvars="gogo=可以打上62各字呦&dt_go=圖片網址" wmode="transparent"></embed>

第三款：

<p align="center"><embed src="http://img193.imageshack.us/img193/367/photos2.swf" width="175" height="300" flashvars="gogo=可以打上62各字呦&dt_go=圖片網址" wmode="transparent"></embed>

第四款：

<p align="center"><embed src="http://img63.imageshack.us/img63/1635/photos3.swf" width="175" height="300" flashvars="gogo=可以打上62各字呦&dt_go=圖片網址" wmode="transparent"></embed>

♥語法說明♥

1.記算事件日期請輸入日期
例如:2009/1/1<--改成你的日期
記得!!
請不要打上國字喔!!

2.輸入要倒數計算的事件
例如:
我要計算的事件<---改成我的生日還有幾天
等等之類的

3.掛件寬高請設成180x180不然掛件沒辦法完全顯示


4.建議將語法複製之後 再去修改 你的計算事件跟日期
比較不會亂掉~

5.千萬不要打上國字!!

6.公告欄加上井字號 可做無線分段呦!

7.將滑鼠移至邊邊的轉轉愛心 可以看見你所計算的事件!

<embed src="http://img709.imageshack.us/img709/9379/heart.swf" width="180" height="180" flashvars="t1=第一各計算日期&txt1=第一各計算事件&t2=第二各計算日期&txt2=第二各計算事件&MyTxt=第一段話#第二段話#第三段話" quality="high" wmode="transparent"></embed>