心動時刻系列加色版+底圖表格語法教學 @ § 鏡‧空間 §

鏡空間小公告，盼您遵守

Jul 24 Thu 2008 15:15
心動時刻系列加色版+底圖表格語法教學

沒想到上次的『心動時刻-系列數字時鐘』受到不少朋友的喜愛，

也接到一些朋友詢問是不是可以設計其他色系，還有詢問如何讓心動配合表格背景圖？

所以這次就來個『加色版』+『表格背景圖的語法使用教學』

先來分享這次的加色系列與其語法

	心動時刻（草綠怦怦）★（星右鍵可下載檔案） <embed src="http://blog.prb999.net/0711/c_heart04.swf" width="160" height="160" wmode="transparent">
心動時刻（粉橘怦怦）★（星右鍵可下載檔案） <embed src="http://blog.prb999.net/0711/c_heart05.swf" width="160" height="160" wmode="transparent">
	心動時刻（紫粉紅怦怦）★（星右鍵可下載檔案） <embed src="http://blog.prb999.net/0711/c_heart06.swf" width="160" height="160" wmode="transparent">
心動時刻（紫色怦怦）★（星右鍵可下載檔案） <embed src="http://blog.prb999.net/0711/c_heart07.swf" width="160" height="160" wmode="transparent">
	心動時刻（灰色怦怦）★（星右鍵可下載檔案） <embed src="http://blog.prb999.net/0711/c_heart08.swf" width="160" height="160" wmode="transparent">

接下來是如何像下面的範例這樣，

把心動時刻放在你喜歡的照片前面『怦跳個不停』

★ 首先，準備一張底圖，寬跟長都必須大於160，因為這是心動時刻時鐘的長寬大小，

以我的灰臉小孩來當範例的話，我的底圖是160x320

★ 接下來，將妳的底圖上傳到相簿以後，找出他的網址，我們就要開始套用了喔！

<table border="0" width="160" cellspacing="0" cellpadding="0" id="miro01" background="底圖網址" height="320">
<td valign="bottom"><p align="center">心動時刻時鐘語法</td>
</table>

★ 第一段我用淡黃色底色的部分就是表格的語法，width是這個表格的寬度，

他必須要跟你的底圖寬度一樣，如果你的底圖寬度是200，那表格一定也要設200，

才不會將部分的圖切掉。而height就是你的底圖高度了，也必須跟你的底圖高度一樣。

★ 而在心動時刻時鐘語法前面的兩個指令<td valign="bottom"><p align="center">

是指把掛件置中且與表格的底部對齊。

相信上面的語法並不會很困難吧？^_^

引伸文章：

A. 如何在Pixnet部落格首頁插入小插件

B. 如何在樂多日誌首頁插入小插件

C. 如何在天空網誌首頁插入小插件

D. 無名-資料夾-名稱裡輸入語法 / 面版顯示不完整問題請至無名討論區

E. 如何在MSN Space放小掛件

F. 奇摩：官方目前限制公告

G. 其他：請利用搜尋引擎尋找所使用之部落格小掛件插入教學，問我不如自己找，因為我也是要找啊。

Posted by prb999 at 痞客邦 PIXNET Comments(154) Trackback(1) Hits(16943)

Shorten Url

Recommend to Front page Forward by E-mail Forward to Guestbook

Global Category:Design
Personal Category:→ 我的設計
Previous post in this category: 心動時刻-系列數字時鐘
Next post in this category: 橋的彼端系列掛件

Posts on this date

2007: 星光第二波迷你型播放器面版（最後一波）預告

▲top

Trackbacks (1)

#1 by 強強‧滾の充電站 at 23 August, 2009 22:51
心動時刻系列加色版+底圖表格語法教學

Comments (154)

Post Comment

#1 AppleAppleDouble on 2008/07/24 20:39
好美吶
鏡子:
我可以再帶回家分享嗎XD
都好好好好漂亮喔(瞪大眼XD)
當然可以
這次我只有灰色的有放樣本
其他都只是截圖
可以直接複製語法使用也可以下載檔案再使用。
prb999replied on 2008/07/24 20:43

#2 miublog on 2008/07/24 20:43
鏡子出第一版的時候就很喜歡了呀XD
超粉的~而且愛心又不會太單調！
還有壓花印捏！整個就很愛>////<
囧rz...
我這一次的沒壓花耶
這樣是...被妳發現嗎？XD
prb999replied on 2008/07/24 20:53

#3 AppleAppleDouble on 2008/07/24 20:46
好美吶
鏡子:
我會另存目標上傳到我空間的 :D
謝謝吶。
OK ，沒問題:)
prb999replied on 2008/07/24 20:54

Private Comment

#5 kagaya on 2008/07/24 21:03
謝謝><
我取了灰色的XD
很感謝您~
真的作的很漂亮喔>/////<
嗨嗨，歡迎kagaya：
我也喜歡灰色的耶^^
prb999replied on 2008/08/01 17:54

#6 smileforyou on 2008/07/24 21:09
有我最愛的紫色耶︿＿︿
鏡子姐貞的好好喔～＞／／／／＜
改天有時間再來換時鐘（抱）
^_^ 有時間來換時可以再抱一下，科科
prb999replied on 2008/08/01 17:57

#7 miublog on 2008/07/24 21:16
對啊這次沒有ㄟ><！
我是說第一版有啦~
粉紅色那版的~我比較愛呀>0<
看來我以後不能偷懶，都會被發現XD
prb999replied on 2008/08/01 17:58

Private Comment

Private Comment

#10 elaine625 on 2008/07/24 22:08
我帶粉橘走喔~
謝謝^^
沒問題，歡迎拿啦^_^
prb999replied on 2008/08/01 17:59

#11 s88528 on 2008/07/24 22:26
~00~
真厲害
來吧，好好用功^_*
prb999replied on 2008/08/01 17:58

#12 kaoriroom on 2008/07/24 22:57
水啦～
拿走咧～
讚讚讚讚
哈哈哈哈哈哈
你笑得開心耶@@
prb999replied on 2008/08/01 17:59

#13 璇 on 2008/07/24 23:22
這個好棒阿!!
謝謝鏡子分享!
好喜歡:)

#14 潔 on 2008/07/24 23:52
紫色好漂亮~鏡子辛苦了! ^^

#15 azurine76 on 2008/07/25 00:09
粉橘的好可愛喔~!!
謝謝鏡子的分享~~
感恩阿!!!!
沒想到粉橘也受好評耶^_^
prb999replied on 2008/08/01 17:59

#16 aru0626 on 2008/07/25 00:22
小鏡子謝謝妳,企盼好久的紫色心動時刻終於.....出爐囉!我帶走啦!也祝福你家的DiDi趕快好起來ㄋㄟ.

#17 潔 on 2008/07/25 00:50
鏡子，你的紫粉紅和紫色的語法貼到一樣的喔! ^^ 對了....你看我做這樣可以嗎? ^^ 謝謝鏡子~
http://blog.xuite.net/shinjye.eshine/hashine/18333563

Private Comment

#19 nico on 2008/07/25 05:03
hi~
我來帶走ㄋㄉ心ㄌ.
太美ㄌ~~~
感恩ㄋ~~~~~~

#20 嘿 on 2008/07/25 09:23
很可愛！！感謝鏡子在分享多色版的...
實在是就甘心ㄟ拉～

#21 peterdai789 on 2008/07/25 10:33
我帶回家分享囉XD
OK
prb999replied on 2008/08/01 18:00

#22 穩潔 on 2008/07/25 10:39
妳真的很利害a~~~
都設計的很有質感~~~
啪啪啪啪!!!
謝謝妳 ^_^
妳的暱稱很有趣耶
你所到之處一定都變乾淨了吧
prb999replied on 2008/08/01 18:01

#23 鈺芳 on 2008/07/25 13:26
可愛
hi.mirror,引用了許多你design的掛件..
都好漂亮きれい。只是yahoo的介面有些都不能用耶.可以教教我嗎?thanks so much
嗨，雅虎的使用者需要先下載檔案後，將檔案上傳到雅虎所謂的安全網址才可以正常顯示
所以你可以申請一個樂多的帳號，把檔案上傳到樂多再套入語法就OK
prb999replied on 2008/08/01 18:02

#24 魚兒 on 2008/07/25 15:50
感謝鏡子姊~等下馬上試試看>//<
看到你的碎碎念害我很擔心~因為每次都沒有登入所以拿走小掛件會沒有我網址連結~ㄨㄛ~那我是不是要放一下讓鏡子姊知道呀~我每次都很乖有留言才拿的喔!!<><
不是那個原因啦^^
是留一些...好像把我當『瑪麗亞』看待的內容...
prb999replied on 2008/08/01 18:03

#25 菲 on 2008/07/25 16:42
感謝分享
不介意帶走分享唄?
會附上作者名稱與連結^^
也謝謝教學噢^^感激不盡!!
這樣做就100分啦～^_^
prb999replied on 2008/08/01 18:04

#26 魚兒 on 2008/07/25 16:49
鏡子姊~我剛剛試了好久~語法不知道哪裡有問題耶..可以請你幫我看看嗎?我適用MSN SPace的,語法是<table border="0" width="240" cellspacing="0" cellpadding="0" id="miro01" background="http://www.wretch.cc/album/show.php?i=Whitecatmeou&b=25&f=1593237186&p=14" height="320">
<td valign="bottom"><p align="center"><embed src="http://blog.prb999.net/0711/c_heart06.swf" width="160" height="160" wmode="transparent"></td>
</table>
感謝妳!!!
MSN Space要在這段語法<embed ..裡多加這一段type="application/x-shockwave-flash"
prb999replied on 2008/08/01 18:06

#27 tsukimori on 2008/07/25 17:29
好讚！！！！
這次的作品也很美~~~
時鐘還可以套自己喜歡的圖片~~~
太棒嚕^0^Y
拿走了唷～
哈，其實以前的也都可以用這個方法喔
prb999replied on 2008/08/01 18:10

#28 holle707 on 2008/07/25 20:31
好好玩的東西喔.姐姐真厲害喔
^_^ 喜歡就歡迎帶回家用喔
prb999replied on 2008/08/01 18:10

Private Comment

#30 klazlove on 2008/07/25 22:03
粉的帶走咯 :)

#31 希希 on 2008/07/25 22:37
呀，真好，鏡子已經做好了。
還是妳最好了。[拉]嘿嘿。
我到妳家看過了
你底圖選的很不錯耶^_^
這樣好像很有趣
我多設計可以搭配底圖的掛件好了
prb999replied on 2008/08/01 18:12

Private Comment

#33 blanca0819bb on 2008/07/26 00:48
感謝分享^ ^
鏡子幸苦你了～～
不會辛苦啦^_^
大家喜歡跟有支持回覆就很開心喔
prb999replied on 2008/08/01 18:12

#34 薰 on 2008/07/26 03:00
＊
疑..小花印不見樂..

有花花印比較好看說..

不過這樣還是很美喔..

漂亮漂亮拍手 >ˇ<!!

#35 MYICON紅小魚 on 2008/07/26 10:42
超棒的QˇQ~
教學也很容易懂耶~
心動時刻之前推出就覺得很棒~
噢~
有加色實在太好了~
帶走囉~謝謝^^

#36 葆蓓娃 on 2008/07/26 13:28
拿走嚕~~
我拿走『草綠』哩芽!!卸卸你

#37 paula3844 on 2008/07/26 16:47
我又學了一課!!

說真的這款砰砰真的很受歡迎,我也很愛><!!!

#38 雯/* on 2008/07/26 17:00
拿..
好好看..
[[ 黑色 ]]

#39 love791015 on 2008/07/27 10:30
拿走囉
拿走囉 ~~
謝謝

#40 小野 on 2008/07/27 10:53
鏡子
我可以帶回家分享嘛?
當然可以，
只要有記得提出這些設計的來源與加上連結就OK的喔^_^
prb999replied on 2008/07/27 12:36

#41 cindyi on 2008/07/27 15:17
美極了...
那個範例好漂亮唷^o^
可是我想要請教鏡子,怎麼把圖片的四個角用成圓弧型的呀？？？

#42 Estonia on 2008/07/27 18:33
謝謝鏡美美的設計~
帶走紅色的心動時刻嚕^^

還是很希望看到你多設計網誌樣式
很喜歡你作品裡唯美典雅的風格

#43 lovemiffy25 on 2008/07/27 20:09
hihi，
拿去分享了唷ˇˇ
跟你說一聲..ˇ

Private Comment

#45 PixFAQ on 2008/07/28 14:58
親愛的會員您好：

我們是PIXNET痞客邦的專欄編輯，感謝您用心經營部落格，由於我們非常喜愛您此篇文章內容，
因此我們將您此篇文章放上了PIXNET首頁專欄，希望有更多PIXNET痞客邦的會員閱讀您的好文章。

若有任何問題，請至服務專區與我們聯繫，謝謝^^
http://support.pixnet.tw/index.php

PIXNET痞客邦

#46 star043 on 2008/07/28 15:07
很喜歡~~超可愛的!
抱回家放在上禹哲的圖圖囉!!
謝謝鏡子啦!!
PS:請問鏡子~之前分享透明物件背後放圖片的語法好像和這個不太一樣~我想問那個語法可不可以也把掛件置中且與表格的底部對齊!
@@...
之前的不一樣嗎？
不過如果效果可以出來...那就都可以吧...
語法這東西，應該是沒有限制說一定要怎麼使用的^_^
prb999replied on 2008/08/01 17:29

#47 Irene on 2008/07/28 15:40
都很不錯喔！
喜歡紫色的。XD

拿走囉~謝謝分享！

#48 smilesil1 on 2008/07/28 18:14
這個真的好漂亮啊
謝謝囉~~^^

#49 eagletu on 2008/07/28 20:50
你的心跳真的是很美，拿走囉!!謝謝分享!!

#50 花~~ on 2008/07/28 21:40
很漂亮..
謝謝喔 ^^..很棒!! 我拿2人份>"< 我跟我男友的!!

Private Comment

#52 泠 on 2008/07/29 14:37
拿去用摟~謝謝分享
之前拿的大概都用在這個網址

#53 tsuifeng on 2008/07/29 15:28
看到鏡子的碎碎念~嚇到發生什麼事?
哈...遇到一些來訪的朋友留下如下面這樣的迴響或是留言
1.『掛件出不來，我的無名帳號是xx，去幫我看一下』
2. 不是會員使用悄悄話，再回來後留『我的問題你都不回答！我很急你快點！』
幾乎都是無名的使用者，
所以我才想要抱怨一下希望他們多一些網路禮儀。
暑假這樣的情況一堆，有時真的讓人感覺很不好。
prb999replied on 2008/08/01 17:28