小君的友情世界

＊播放器語法說明：

需將MP3音樂上傳到網路空間,再將它的音樂網址套用在播放器中的語法使用。

1.歌曲只支持mp3格式檔。

2.歌曲地址後面各參數間由 | (直中線)號隔開，三首以上請自行加 |。

3.autoreplay=0 表示不循環播放，0改成1為循環播放。
(不循環表示放多首歌會連續播完,循環表示只重複播單一歌曲，所以放很多首歌的人請設0)

4.autostart=1 表示自動播放，1改成0為手動播放。

5.可放入多首mp3網址會按照放入網址前後順序連續播放，按上一曲下一曲鍵切換曲目。

6.公告欄文字加#可無限分段

第一款:貴賓狗狗公告欄音樂播放器

請(按左邊三角形play鍵試聽音樂)

第二款:水鑽蕾絲公告欄音樂播放器

<embed src="

路里計算

選擇要吃的哪一種食物，即會算出多少卡路里

語法:

文章中已附音樂，請先暫停右欄下方音樂盒

短文+動圖

有時候，我們做過的最艱難的選擇，   最終成了我們為自己做過的最棒的事。 人生並不在於獲取， 更在於放得下。 你改變不了一座山的輪廓， 改變不了一隻鳥的飛翔軌跡， 改變不了河水流淌的速度， 所以只是觀察它， 發現它的美就夠了。 原來只要分開了的人，無論原來多麼熟悉， 也會慢慢變得疏遠。     沒有人有耐心聽你講完自己的故事， 因每個人都有自己的話要說;     沒有人喜歡聽你抱怨生活， 因為每個人都有自己的苦痛;     世人多半寂寞，這世界願意傾聽， 習慣沉默的人，難得幾個。   給自己一個甜美的微笑， 並為此陶醉， 然後永遠轉身向著陽光溫暖前行。   這微笑裡你懂得， 有傷痛、無奈、嘲諷、非議、寬容，   只是現在的你感到很欣慰，你不會哭， 讓眼淚在你的體內流淌溫潤你乾裂的心房。 伴著清新淡雅的花香， 緩緩懸浮在蔚藍的天空中， 只為化解一滴滴落在心尖的血淚。

短文, 水鄉, 動畫欣賞

  語法引用:

 請輸入帳號和密碼登入痞客幫邦後, 點選後台管理,
再點選版面管理,
最後點選編輯css,
然後先在模版中選擇Pixnet兩欄式(原gray2),
它會出現css語法,
在所出現的CSS語法式樣表中去找出你要修改的標籤位置做修改

如要改背景

 請複製下列css語法貼到原來的css語法上完全覆蓋, 再輸入您背景圖的網址(紅字顯示處)!...
如果您要變更字體, 請在綠色顯示處輸入標楷體或其它字體...
front size(粉紅色顯示處)表示文字大小, 數字越大字體越大....
color是字體顏色或背景顏色, 可以在井字符號後修改色碼!

/*background部落格背景圖*/

body {
 font-size: 12pt;
 font-family: "新細明體";
 letter-spacing: 1px;
  color: #00ffff;
 background: #D8AFFF url(輸入背景圖網址) repeat-x 0px -150px fixed;
 margin: 10px 0px;}
br {
 letter-spacing: 0px;
}

/*繼續閱讀,上一頁, 下一頁字體顏色*/
a {
 color: #FA00F7;
 text-decoration: none;
}
a:hover {
 color: #369;
}
p { margin: 0px; }
ul { padding: 0px; margin: 0px; }
li { padding: 0px; margin: 0px; list-style: none; }
.Upgrade {
 display: none;
}

/*寬度與邊距*/
#Container {
 width: 902px;
  margin: 0px auto;
}

/*top表頭*/

#Top {
 position: relative;
 height: 120px;
 color: #FA00F7;
 border-top: 0px solid #ccc;
  padding: 0px;
 z-index: 1;
}

/*部落格名稱字體大小,位置及顏色*/

#BlogHeader {
 width: 500px;
 overflow: hidden;
         font-family: "標楷體";
 font-size: 24pt;
 padding: 20px 0px 0px 10px;
 margin: 2px 0px 0px 0px;
}

#BlogHeader a { color: #9999ff; }
#BlogHeader a:hover { color: #9900ff; }

/*部落格介紹*/
#BlogDescr {
 position: absolute;
 bottom: 0px;
 left: 20px;
 width: 500px;
 height: 50px;
 font-family: "標楷體";
         font-size: 16pt;
 text-align: left;
 color: #FA00F7;
 padding: 0px 10px 0px 0px;
 overflow: hidden;
}

/*userLink*/
#userBlock {}
#userBlock .Sidebody { padding: 10px; }
#userBlock .userImg td {
 width: 200px;
 text-align: left;
}
#userBlock .userImg img {
 margin: 0px auto;
}
.userLink {
}

/*main*/
#Main {
 margin: 10px 1px 0px 1px;
}

/*sidebar左右欄位設定*/
#Sidebar {
 position: relative;
 float: left;
 width: 200px;
 overflow: hidden;
 word-break: break-all;
}
.Sideblock {
 width: 200px;
 margin: 0px auto 10px auto;
}
.Sidetitle {
 height: 25px;
 overflow: hidden;
 }

/*左右欄位標題顏色*/

.Sidetitle H4 {
 font-size: 12pt;
 font-weight: dark;
 line-height: 25px;
 text-align: center;
 color: #fff;

/*左右欄位標題底色*/

background:#9D37FF;
    filter:alpha(opacity=30);
 padding: 0px 8px;
 margin: 0px;
}

/*欄位標題顏色*/

.Sidetitle H4 a { color: #fff;
 }

/*欄位內容顏色*/
.Sidebody {
 color: #1C19FF;
 line-height: 18px;
 background:#D8AFFF;
    filter:alpha(opacity=30);

/*欄位字體邊距*/
 padding: 10px;
 margin: 0px 2px;
}

.Sidebody a { color: #8000FA; }
.Sidebody a:hover { color: #fff; background: #FF19FC; }
.Sidebody img { vertical-align: middle; }

/*sidebar_other自訂欄位*/
#CalendarPlugin .Sidebody {
 padding: 10px;
 padding-bottom: 10px;
}
table.calMonth {
 width: 200px;
 margin: 0px auto;
}
table.calMonth th {
 font-weight: normal;
 line-height: 18px;
}
table.calMonth td {
 text-align: center;
 line-height: 20px;
 border: none;
 background: #bdf;
}
table.calMonth td a {
 display: block;
 background: #fff;
 padding: 10px;
}

/*content文章寬度及位置設定*/
#Content {
 float: right;
 width: 550px;
 margin-right: 0px;
}

/*文章標題*/

.mainEntry {
 margin-bottom: 10px;
}
.mainEntryTitle {
 height: 30px;
 }
.mainEntryTitle H3 {
 line-height: 30px;
 font-size: 14pt;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
 margin: 0px;
}

/*標題連結字體顏色*/
.mainEntryTitle H3 a { color: #ff1c19; }

/*標題連結字體顏色*/
.mainEntryTitle H3 a:hover { color: #ff99ff; }
.mainEntryBody {
 background: url() repeat-y;
}

/*發文日期*/
.date {
 width: 550px;
 height: 25px;
 font-size: 12pt;
 text-align: right;
 color: #007AFA;
  padding: 0px 0px 0px 0px;
}
span.date { background: none; margin-right: 10px; }
p.mainEntryBase {
 line-height: 200%;
 margin: 10px 10px;
}

/*人氣顏色*/
.mainEntryfoot {
 color: #FF1C19;
 padding-right: 5px;
}

/*pixnet佈置秘笈等字體顏色*/
.mainEntryfoot a { color: #00BCBE; }

/*pixnet佈置秘笈等連結字體顏色*/
.mainEntryfoot a:hover { color: #3799FF; }
.mainEntryfoot br { line-height: 0px; }

input#trackback_url {
 color: #aaa;
 font-family: "Arial";
 font-size: 10pt;
 letter-spacing: 1px;
 border: none !important;
 border-bottom: 1px solid #FF37FD !important;
 padding: 0px;
}
.mainEntryBottom {
 height: 20px;
  padding: 20px 0px 5px 0px;
}
.mainEntryBottom a.ptop {
 display: block;
 width: 50px;
 text-align: center;

/*TOP字體顏色*/
 color: #FF37FD;
 margin-left: 10px;
}
.mainEntryBottom a.ptop:hover {
 color: #fff;
}
.maintagline {
 margin: 5px 10px;
}
.maintagline b {
 font-weight: normal;
 margin-right: 10px;
}
.maintagline br { display: none; }
.maintagline img { vertical-align: middle; }
.extended {
 margin: 0px 10px;
}
.extended b {
 font-weight: normal;
}
.extended a {
 margin-left: 25px;
}

/*comments文章迴響*/
#Comments {}
H4.commentTitle {
 font-size: 0px;
 font-weight: normal;
 color: #DC00D9;
 line-height: 0px;
}
H4.commentTitle a {
 display: block;
 width: 100px;
 height: 30px;
 text-align: center;
 font-size: 0pt;
 text-indent: -5000px;
 background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/1182914119.gif) no-repeat center center;
 margin: 18px auto;
}
H4.commentTitle a:hover {}
.commentBody {
 padding: 0px;
 margin: 0px auto;
}

/*迴響內容文字顏色*/

.CommentInnerBox {
 color: #7100DC;
 background: none;
 border-bottom: 1px solid #8be;
 margin-bottom: 10px;
}
.CommentInnerBox br { line-height: 0px; }

/*迴響標題*/

.commentheader {
 color: #DC00D9;
 padding: 5px 10px;
}
.commentcontent {
 padding: 10px;
}
.commentcontent br { line-height: 18px; }
.commentposterinfo {
 color: #47a;
 height: 20px;
 _height: 17px;
 _padding-top: 3px;
 line-height: 20px;
 text-align: right;
 padding-right: 5px;
}
.commentposterinfo a { background: #ace; }
.commentposterinfo a:hover { background: none; }
.commentposterinfo br { display: none; }
.commentposterinfo img {
 visibility: hidden;
 width: 12px;
 height: 12px;
 vertical-align: middle;
}
.replyBox {
 background: none;
 border: none;
 padding: 0px;
 margin: 0px 0px 10px 50px;
}
.replyBox span {
 color: #999;
 padding: 0px 0px 0px 10px;
}
.replyContent {
 color: #258;
 padding: 5px 5px 5px 30px;
}
.replyInfo {
 display: yes;
}

 
/*footer*/
#pagefooter {
 clear: both;
 height: 38px;
 text-align: left;
 color: #58b;
 border-bottom: 1px solid #ccc;
 background: url() no-repeat bottom;
 padding: 60px 0px 0px 10px;
}
#pagefooter a { color: #369; }
#pagefooter a:hover { color: #58b; }
#pagefooter div { display: inline; }
#pagefooter img { display: none; }

/*捲軸顏色變更設定→紫框*/
html{
scrollbar-base-color : #FF55FD;整體顏色;
scrollbar-face-color : #b478f0;軸面顏色;
scrollbar-track-color: #9600f0;軸軌顏色;
scrollbar-arrow-color : #ff00ff;箭頭顏色;
scrollbar-3dlight-color: #ff00ff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ff00ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff00ff;右立體邊顏色;
}

 痞客幫部落格貼游標方法:
游標語法範例:

語法 1

cursor:url(http://bb5.babyhome.com.tw/UPLOAD9/155690/sss.ani);

語法 2(這裡是如下圖中貼在語法二的地方~~屬於碰到有超連結再變換另一種游標式樣)

cursor:url(http://ashine0118.myweb.hinet.net/angel2.ani);

語法解說

cursor:url(游標網址);

所以可以準備兩個游標網址~~一個在一般打開部落格即可顯示

一個是碰到超連結更換另一種是樣游標

照下面步驟貼到部落格

將語法複製如圖貼上

步驟 1

登入pixnet部落格~~按我的後台

<IMG "" src="http://i294.photobucket.com/albums/mm112/hopo55/pixblog01.jpg">

步驟 2

面板管理~~編輯CSS

<IMG "" src="http://i294.photobucket.com/albums/mm112/hopo55/pixblog02.jpg">
 

步驟 3

把語法 1 及語法 2 貼到下面圖示中英文字後面紅色標示地方

<IMG "" src="http://i294.photobucket.com/albums/mm112/hopo55/pixblog03.jpg">

步驟 4

按更新~~確定

<IMG "" src="http://i294.photobucket.com/albums/mm112/hopo55/pixblog04.jpg">
<IMG "" src="http://i294.photobucket.com/albums/mm112/hopo55/pixblog05.jpg">

回你的部落格就完成