目前分類:語法 (31)

瀏覽方式: 標題列表 簡短摘要

20090918172701.jpg

 

可以將自己喜愛的照片做成時鐘喔~

 

"相片時鐘"的製作方法

1.
下載 photoclock.7z 解壓縮後 ,  將photoclock.swf上傳至kiwi6.com網空取得網址, 貼在時鐘語法紅色字處。
2.
挑選一張您喜歡的照片(禁貼GIF格式) , 上傳至.ifreesite.com"免費上傳圖片"瀏覽器取得相片網址 , 貼在時鐘語法綠色字處。

 (一) ajax-loader.gif photoclock.7z 下載 :  按檔案右鍵→Download即可下載

(二) 上傳時鐘圖片到網空存取網址貼在下面時鐘語法框內

<embed src="時鐘網址.swf" width="150" height="160" FlashVars="ImgPath=圖片網址.jpg" ></embed>


(三)語法測試 : 打開語法測試器 ,  測試看看是否有貼成功唷~ 


rs5257 發表在 痞客邦 PIXNET 留言(5) 人氣()



日曆CSS語法分享:

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

痞客邦 CSS(模版區塊)標籤

http://k003.kiwi6.com/hotlink/2y5u38is2w/css_style_tags.swf

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

http://k003.kiwi6.com/hotlink/5e56mg156f/frame.swf

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

■音樂播放器語法 :
< embed src="音樂網址" loop="true" repeat="true" autostart="true" width="寬" height="高" hiden="false">

■控制列設定

◎loop="true"可以讓音樂不斷重複,不要則寫false(填上重複次數只在網景瀏覽器上有效果)

◎autostart="1"可以讓音樂一進入網誌就播放,不要則寫0

◎hidden="true"隱藏面板,如果是 FX 則會無法播放;這時請將寬高皆設為0(此法在IE會有灰色小點)

◎volume="0"音量,範圍是由-10000到0,0代表最大音量輸出

◎autostart="true" 表示自動播放

◎autostart="false" 表示不自動播放

◎hidden="true" 隱藏播放器

◎loop="0" 播放一次即停止

◎loop="1" 無限次重複播放

◎volume="0-100" 調整音量大小

◎width="165" 播放器寬度,可自行更改為適合寬度

◎hight="40" 播放器高度,可自行更改為適合高度

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

痞客邦「音樂播放器」製作教學 【更新】

1. 上傳相簿

2. 瀏覽相簿

3. 選歌

Free Image Hosting at www.ImageShack.us

4. 痞客邦「音樂播放器」外崁語法分享

Free Image Hosting at www.ImageShack.us

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

 兩小無猜 swf文章框下載 (點圖右鍵→Download下載) :


文章框語法 :

<embed src=" swf網址"type=application/x-shockwave-flash flashvars="message11=輸入你要的文字" wmode="" ></embed>


複製文章框語法 :














rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

想在你的部落格播放美妙的音樂嗎?
提供這款色彩鮮豔「簡單型音樂播放器系列」給您~希望您會喜歡唷~

*自動播放器音樂試聽範例*


「自動音樂播放器」語法:

<embed type="application/x-shockwave-flash" width="200" height="20" src="http://img94.imageshack.us/img94/6237/singlemp3player.swf?file=mp3網址&amp;autoStart=true&amp;backColor=FF790E&amp;rontColor=000000&amp;song
Volume=100"></embed>


「不自動音樂播放器」語法:

<embed type="application/x-shockwave-flash" width="200" height="20" src="http://img94.imageshack.us/img94/6237/singlemp3player.swf?file=mp3網址&amp;autoStart= false&amp;backColor=FF790E&amp;rontColor=000000&amp;song
Volume=100"></embed>


◎如何設定「自動音樂播放器」?
將複製下來的「不自動音樂播放器」語法中貼上Mp3網址,再將「false」改成「true」即可!


◎如何取得Mp3音樂網址? 請看此篇教學

◎分享「不自動音樂播放器」
























rs5257 發表在 痞客邦 PIXNET 留言(1) 人氣()

 

 
 文章貼在這裡
 

 

 
 文章貼在這裡
 

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

   
文章貼這裡

   
文章貼這裡

 

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

為何Blog分享的文章框無法正常貼出,甚至出現被斜切的情形?

那是因為你選擇版型的文章尺寬不夠寬才會出此狀況!
Free Image Hosting at www.ImageShack.us

正確貼文方式:

任何語法貼文之前最好先用語法測試器測試一下,可先預覽文章是否正常貼出。如此才知是Blog的貼文問題, 而去做修正。

文章框 解決方法( 二選一) :

1. 更改樣式版型(一勞永逸方法)

2. 修改文章框架 :

1005448037.jpg【處裡方法一】:

將文章框語法貼在純文字模式下,核取方塊處一定要記得打勾 
Free Image Hosting at www.ImageShack.us

不打勾就會變成這樣
Free Image Hosting at www.ImageShack.us

打勾才會正常貼出
 
Free Image Hosting at www.ImageShack.us
 

1005448037.jpg【處裡方法二】:

切換到『編輯器模式』



再用拖曳框架方式修改文章框:

先在文章內框處點一下, 呈8個角後 , 再對著右上角的小角往內拖曳調小尺寸至不被斜切為止!

Free Image Hosting at www.ImageShack.us


rs5257 發表在 痞客邦 PIXNET 留言(1) 人氣()

 

 

文章貼在這裡

 

 


複製語法,找到『文章貼在這裡』將你要貼在Blog的文章貼上即可!

 

 

文章貼在這裡

 

 

rs5257 發表在 痞客邦 PIXNET 留言(1) 人氣()

如何在痞客邦Blog設定CSS滑鼠游標 ?

在CSS原始碼裡(步驟3) 找到 body{} a:hover{ } 兩語法標籤 ,  將游標上傳到有支援.ani 檔的網空 , 存取游標網址, 貼在步驟3紅色字的游標網址處


CSS滑鼠指標說明 :

滑鼠未移到超連結時:
body{ cursor:url("游標網址.ani"); }
滑鼠移到超連結時:
a:hover { cursor:url("游標網址.ani"); }


1005448037.jpg 80個耶誕游標下載

 

 

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

CSS語法總整理
--------------------------------------------------------------------------------------------------------------
Cascading Style Sheets 層疊樣式表 簡稱CSS
html→head→title
html→body→p→em
html→body→h1
css 規則解剖
p{color:red}
p→selector 選擇
color→ property屬性
red→ value 值
}→declaration block 聲明
--------------------------------------------------------------------------------------------------------------
css第一種寫法
<style>
</style >
--------------------------------------------------------------------------------------------------------------
css第二種寫法
<style type>
<link href="main.css" rel="Stylesheet">
</style >
--------------------------------------------------------------------------------------------------------------
css第三種寫法
<style>
@import url(main.css);
</style>
--------------------------------------------------------------------------------------------------------------
絕對單位
英吋
1 英吋 = 2.54 厘米
厘米
1 厘米 = 10 毫米
毫米
1 毫米 = 1/10 厘米
pt(點)
1 pt = 1/72 英吋
pc (pica)
1 pica = 12 pt
--------------------------------------------------------------------------------------------------------------
相對單位
PX
像素(圖像元素)是計算機顯示使用的最小單位。 此單位是指具有唯一顏色屬性且有別於周圍區域的最小區域。
9pt=12px 10pt=12px 也就是1pt=一又三分之一px
%
百分比定義相對於其它對象的大小。
em
它是相對於字體大小的度量單位。
ex
它是相對於小寫字母 'x' 高度的度量單位。
1em=16px
em 是指字體高度單位
pt單位乘以四分之三就是px單位
--------------------------------------------------------------------------------------------------------------
類別選擇符
類別選擇符讓你對一個給定的類別應用CSS.如果我們有下面這條CSS規則:
p.bold {font-weight:bold;}
再加上下面的html:
<p>這個段落應該是粗體的<//p>
P→段落
.→類別選擇符的標示
bold→自訂的名字
.bold→有這樣一個類別它的名字叫bold
p.bold→有這樣一個段落它的類別名是 bold
font-weight→屬性
bold→值
{}→聲明
--------------------------------------------------------------------------------------------------------------
ID 選擇符
ID選擇符有點像類別選擇符,只不過是在每一網頁中只能用在一個元素上,如果給定以下規則:
p#bold {font-weight:bold;}
再加上這個html:
<p>這個段落應該是粗體的
 p→段落
#→id選擇符的標示
bold→自訂的名字
--------------------------------------------------------------------------------------------------------------
群選擇符
你可以同時為多個選擇符應用同一套規則,就像這樣:
p, h1, h2{
text-align: left;
}
每個選擇符之間用逗號隔開。
甚至你還可以在群選符中參雜ID類別等:
p.navigation, h1#title{
font-weight:bold;
}
--------------------------------------------------------------------------------------------------------------
CSS Color屬性
在 css中,你可以用顏色屬性來指定任意元素的顏色
例如:
p {
color: red;
}
--------------------------------------------------------------------------------------------------------------
CSS有五種定義顏色的方法:
property     value                             description
property     value                             description
color:          <color keyword>          設置顏色為給定的值
color:          #rrggbb                          用 html的16位進制來表示
color:          rgb(rrr,ggg,bbb)            定RGB三種顏色的數值(0-255)
color:          gb(rrr%,ggg%,bbb%)   給出RGB三種顏色佔有的百分比指定
color:          inherit                           承父值也就是說繼承上一層的值顏色關鍵字

aqua 水色, black 黑色. blue 藍色, fuchsia 比粉紅還深的顏色, gray 灰色, green 綠色, lime 灰色, maroon 逃亡黑奴色, navy 海軍色, olive 橄欖色, purple 色, red 紅色, silver 銀色, teal 藍綠色的, white 白色, pink 粉紅色, yellow 黃色
--------------------------------------------------------------------------------------------------------------
背景顏色屬性
就像顏色屬性背景顏色屬性指定的是背景顏色。
p{
background-color:red;
}
規則與顏色屬性類似。
property    value                             description
color:         <color keyword>         設置顏色為給定的值
color:          #rrggbb                       html的16位進制來表示
color:         gb(rrr,ggg,bbb)           定RGB三種顏色的數值(0-255)
color:         gb(rrr%,ggg%,bbb%) 給出RGB三種顏色佔有的百分比指定
color:         inherit                            承父值也就是說繼承上一層的值
--------------------------------------------------------------------------------------------------------------
The Box Model (四個關係)
由內而外
content(內容)→padding(填充)→border(邊框)→margin(邊界距)
content→可以說是圖片也可以說是文本,可以說是任何元素(內容)
padding→是指content和border之間的空間(填充)
border→是指一個元素的邊框,不管你看得見或看不見但是它一定存在的。(邊框)
margin→是指一個元素的border和另一個元素的border的距離也就是說邊框間的距離(邊界距)
--------------------------------------------------------------------------------------------------------------
邊框寬度
在CSS中,你可以用關鍵字來指定邊寬度:
border-width :thin
bordre-width:medium
border-width:thick
你可以用具體的數值來指定:
border-width:10px
border-width:2em
proplerty                       value           notes
border-width:               thin                        
border-width:               medium      默認邊框寬度
border-width :              thick
border-width:              <length>     用具體數值來指定
border-top-width       <length>      設置上邊框
border-right-width     <length>     設置右邊框
border-bottom-width <length>     設置下邊框
border-left-width        <length>     設置左邊框
--------------------------------------------------------------------------------------------------------------
邊框屬性
邊框顏色屬性的指定方式和其它顏色屬性一樣
border-color:red
border-color:#00ff00
border-color:rgb(0%,0%,100%)
property           value type     example                result
border-color:    olor name      red                        關鍵字設定邊框顏色
border-color:    hrxvalue        #ffffff                    指定邊框顏色
border-color:    rgb() value     rgb(10%,80%,0) 指定邊框顏色
--------------------------------------------------------------------------------------------------------------
邊框風格
在CSS常見的幾種邊框風格
border-style: none       没有邊框
border-style: hidden    看不見邊框實際上有的
border-style: dotted    一圓圈一圓圈的邊
border-style: dashed   一段一段的邊
border-style: solid       一般的邊
border-style: double    四周滾邊的框
border-style: grove      中間凸出來四周凹進去的框
border-style: ridge       中間凹進去四周凸出的框
border-style: inset       凹進去
border-style: outset    凸出來
--------------------------------------------------------------------------------------------------------------
邊界距
邊界距屬性是用來指定兩個元素邊框之間的距離:
margin:30px
margin:0px
margin:15px
property              value                                            notes
margin-top:       <length>                                       設置上邊界距
margin-right      <length>                                       設置右邊界距   
margin-bottom: <length>                                      設置下邊界距
margin-lef          <length>                                      設置左邊界距
margin:               <top><right><bottom><left>  設置每個邊界距
--------------------------------------------------------------------------------------------------------------
填充屬性
是指content和border之間的空間也就是說填充屬性用來控制元素邊框空間的大小,如下所示;
padding:30px
padding:0px
padding:15px
property                  value                                          notes
padding-top:          <length>                                     設置上填充
padding-right:       <length>                                     設置右填充     
padding-bottom:   <length>                                     置下填充
padding-left:          <length>                                     置左填充
padding:                 <top><right><bottom><left> 設置每個填充
--------------------------------------------------------------------------------------------------------------
背景圖片
CSS中,你可以對任何元素指定背景圖片,比如:
body{
background-image: url("http://l.yimg.com/f/i/tw/dictionary/masthead_logo.gif");
}
property                   value                notes
backgound-image: ('<location>')   通過網址來指定背景圖片
backgound-image: none                 無背景圖片
backgound-image: inherit               繼承父值
--------------------------------------------------------------------------------------------------------------
背景重複
你可以對背景顯示的方法進行微調,通過background-repeat屬性,你可以指定背景的重複方式。下面的規則是說背景圖片不允許重複:
body{
background-image: url("http://l.yimg.com/f/i/tw/dictionary/masthead_logo.gif");
background-repeat: no-repeat;
}
下面是不同的選擇規則:
property     value                           notes           
background-repeat reapeat         重復背景(預設)
background-repeat reapeat-x     x 軸平行重復
background-repeat reapeat-y    y軸垂直重復
background-repeat no-repeat    不重復
background-repeat inherit          繼承父值
--------------------------------------------------------------------------------------------------------------
背景附著
這個background-attachment 屬性可以控制背景是否隨網頁滾動。
body{
background-image: url("http://www.caopeng.org/html/image/ba_main_title.gif");
background-repeat: no-repeat;
background-attachment:fixed;
}
以下為幾個常見值:
property value notes
background-attachment: scroll    背景隨著滾動
background-attachment: fixed     背景固定
background-attachment: inherit  繼承父值
--------------------------------------------------------------------------------------------------------------
另一個背景屬性→背景定位
背景定位屬性用來指定背景圖片在網頁的展示位置。
body{
background-image: url("http://www.caopeng.org/html/ba_main_title.gif");
background-position:10% 10%;
//background-position:100px 100px;   表示圖片離上方距離100像素離左方距離100像素。
//background-position:bottom right;  表示圖片在右下方。
//background-position:bottom left;     表示圖片在左下方。
//background-position:top left;            表示圖片在左上方。
}
規則很簡單:
property                         value                          notes
background-position   <x><y>                      用具體數值或百分比指定  
background-position   top|center|bottom}  用關鍵字定位
                                        left|center|right}
--------------------------------------------------------------------------------------------------------------
字體屬性
控制元素的字體:
p {font-family: verdana} →表示段落的字體是 verdana
更多的例子:
property value
font-family : verdana
font-family : times
font-family : georgia
font-family : arial,verdana,sans-serif
font-family : Times new roman,serif
font-family : I don't Have This font,sans-serif
---------------------------------------------------------
字體風格屬性
字體風格屬性控制字體是否斜體。比如:
p {font-style: italic;}
可能的幾個值:
property     value
font-style:  oblique
font-style:  italic
font-style:  normal
--------------------------------------------------------------------------------------------------------------
字體的粗細屬性
這個屬性設置字體的粗細程度。
p {font-weight: bold}
屬性規則:
property       value
font-weight:  normal
font-weight:  bold
font-weight:  bolder(比bold程度深)
font-weight: lighter(比normal程度淺)
font-weight:  <100-900>(數字愈大程度愈深)
--------------------------------------------------------------------------------------------------------------
字體大小屬性
設置字體大小(有絕對路徑和相對路徑)
1em=16px
em 是指字體高度單位
1pt=一又三分之一的px
9pt=12px 10pt=12px
p{font-size:12pt}
property   value                    unit  type
font-size:  12pt(點數)          absolute(絕對路徑)
font-size:  12px(像素)         absolute(絕對路徑)
font-size   medium               absolute(絕對路徑)
font-size:  smaller relative   ( 對路徑)(smaller 是medium大小除以1.2)
font-size:  normal relative   (相對路徑)
font-size:  larger relative     (相對路徑)
font-size:  50% relative       (相對路徑)
--------------------------------------------------------------------------------------------------------------
行間距屬性
它來制定行與行之間的垂直間距。
p{line-height:14pt}
proterties
font-size: 14px
line-height: 16px
font-size: 14px
line-height: 2em
--------------------------------------------------------------------------------------------------------------
字體變量屬性
font-variant可以用來小寫變大寫,而原本大寫的更一些
property         value
font-variant:   normal
font-variant:   small-caps
--------------------------------------------------------------------------------------------------------------
文本縮進
通過text-indent的屬性你可以在CSS中對每個段落的首行縮進。
property        value description
text-indent:    根據具體數值對段落首行進行縮進
text-indent:    根據百分比縮進
--------------------------------------------------------------------------------------------------------------
文本對齊屬性
CSS支持水平對齊和適當的文本
property      value       description
text-align:     left          文本左對齊(默認左對齊)
text-align:    right        文本右對齊
text-align:    center      文本居中對齊
text-align:    justify     文本兩端對齊
--------------------------------------------------------------------------------------------------------------
文本裝飾
在CSS中,文本裝飾效果涉及到上劃線,刪除線等對文本的一些裝飾效果。
property               value example
text-decoration:    none              無裝 飾(默認的)
text-decoration:    underline      下畫線
text-decoration:    overline        上畫線
text-decoration:    line-through  刪除線
--------------------------------------------------------------------------------------------------------------
文本變形
文本變形是大小寫轉換首字母大寫等屬性
property             value             description
text-transform:    none             不變
text-transform:    capitaliz       首字母變大寫
text-transform:    uppercase   全部變大寫
text-transform:    lowercase    全部變小寫
------------------------------------------------------------------------------------------------------------
連結與化類別
用 Css的:link化類別用來指定沒有訪問過連結的屬性
例如:沒有訪問過的連結是綠色的;訪問過的連結是藍色的。
pseudo-class(化類別) example use description
:link           a:link{...}         設置未訪問連結屬性
:visited     a:visited{...}   設置訪問過連結屬性
:active      a:active{...}     鼠標點著與釋放之間時
:hover      a:hover{...}      鼠標懸停時(鼠標划過時)

 

rs5257 發表在 痞客邦 PIXNET 留言(1) 人氣()

語法貼出的「浮雕效果圖」

 

<img style="filter:progid:DXImageTransform.Microsoft.Emboss()" src="圖片網址"/>

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

痞客邦 CCS樣式標籤

 

body/*整個介頁面*/
#body-div/*整個頁面*/
a/*超連結*/
a:hover/*滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#authority/*後台管理列*/
#newpost/*發表新文章*/
#backstage/*進入後台*/
#container/*所有內容區塊*/
#container2/*所有內容區塊2*/
#container3/*所有內容區塊3*/
/*-----------------------------------------------------------*/
#header/*橫幅*/
#login-bar/*招呼語&登入登出*/
#banner/*橫幅主要內容*/
#banner h1/*部落格標題*/
#banner .skiplink/*跳到主文*/
#banner h2/*部落格描述*/
#blog-category/*部落格全站分類*/
/*-----------------------------------------------------------*/
#navigation/*其他服務頁面導覽*/
#navigation a/*其他服務連結區塊內的所有連結*/
#navigation li/*其他服務連結區塊內的所有項目*/
#link-album/*相簿連結*/
#link-blog/*部落格連結*/
#link-guestbook/*留言版連結*/
#profile/*名片連結*/
/*-----------------------------------------------------------*/
#contebt/*主要內容區*/
/*-----------------------------------------------------------*/
#spotlight/*公告版位*/
#spotlight h5/*公告版位標題*/
#spotlight-text/*公告版位內容*/
/*-----------------------------------------------------------*/
#article-area/*文章+列表+回應區塊*/
#article-box/*文章+列表區塊*/
.article-area-title/*文章+列表區塊之標題*/
#display/*瀏覽模式*/
#display span/*瀏覽方式這四個字*/{}
#display a/*標題列表/簡短摘要*/{}
.article-head/*文章標題+發表時間*/
.publish/*發表時間*/
.month/*月*/
.date/*日*/
.dat/*週*/
.year/*年*/
.time/*時*/
.title h2 a/*文章標題*/
.title h2 img/*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/{}
.article-body/*文章內容區*/
.bookmark/*加入書籤*/
.article-content/*文章內文*/
.more/*繼續閱讀*/
.fans-club/*小圈圈討論*/
.author/*發表作者和時間*/
.farward/*轉寄文章*/
.article-footer/*文章附加資訊*/
/*-----------------------------------------------------------*/
.refer/*文章分類*/
.history/*歷史上的今天*/
h6/*歷史上的今天的標題*/
ul/*文章分類*/
.back-to-top/*回到頁首*/
.main-list/*標題模式的文章列表*/
table/*表格*/
tr/*行*/
.list-num/*標號標題*/
.list-date/*發表時間標題*/
.list-title/*文章標題標題*/
.list-visit/*人氣標題*/
/*-----------------------------------------------------------*/
.list-comment/*回應標題*/
#user-post/*回應+引用區塊*/
#trackback-box.user-post-box/*引用區塊*/
#trackback-title.user-post-title/*引用區塊標題*/
.img/*開合圖示*/
.span/*標題文字*/
#trackback-url/*引用網址*/
#trackback-input/*網址鈕*/
.input/*複製鈕*/
#trackback-text.user-post-text/*所有引用區塊*/
.single-post/*單一引用*/
.post-info/*引用者資訊*/
.post-text/*單一引用內容*/
#comment-box.user-posy-box/*回響區塊*/
#comment-title.user-post-title/*回響區塊標題*/
.img/*開合圖示*/
.span/*標題文字*/
.post-comment/*留下回響*/
a/*留下回響超連結*/
/*-----------------------------------------------------------*/
#comment-text.user-post-text/*所有回響區塊*/

#user-post/*引用及回應列表全部的大範圍*/
#trackback-box/*僅引用區塊*/
#trackback-text/*引用內容區塊*/
#trackback-title/*引用列表標題*/
#trackback-box .single-post/*單一引用*/

.post-comment/*留下迴響*/
#comment-box/*僅回應列表*/
#comment-title/*回應列表標題*/
#comment-text/*回應內容區塊*/
#comment-box .single-post/*單一回應*/
.reply-message/*回覆回響*/
.user-ip/*回響者IP*/
.post-photo/*回響者頭像*/
.a img/*回響者頭像*/
.post-text/*單一回響內容*/
.lireply-text/*回覆回響內容*/
a/*留下回響超連結*/
.page/*頁數*/
.post-info/*回響者資訊*/
.b/*樓層數*/
.img.hidden-message/*公開/隱藏回響*/
.user-name/*回響者名稱*/
.img.pixnet-user/*PIXNET會員圖示*/
.home-page/*回響者網址*/
.span.post-time/*留下回響時間*/

.user-post-title/*引用列表標題+回應列表標題*/;
.user-post-text/*引用內容區塊+回應內容區塊*/
.single-post/*單一引用+單一回應*/
.post-info/*引用者資訊+回應者資訊*/
.post-text/*單一引用內容+單一回應內容*/
.post-text p/*單一引用標題+單一回應標題*/

.reply-text/*版主回覆內容*/
.reply-text p/*版主回覆資訊*/
.secret/*悄悄話*/
.show-message/a.hide-message/*公開/隱藏*/
.delete-message/*刪除回響*/

/*-----------------------------------------------------------*/
#links/*側欄工具列*/
/*-----------------------------------------------------------*/
#links-row/*3欄是第一欄*/
#links-row-2/*3欄式第2欄*/
/*-----------------------------------------------------------*/
#visitor.box/*誰來我家*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.li a img/*訪客頭像*/
.box-more
.a/*所有訪客列表*/
/*-----------------------------------------------------------*/
#murmur.box/*碎碎念*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.murmur-time/*碎碎念發表時間*/
.murmur-text/*碎碎念內容*/
.box-more/*所有歷史碎碎念*/
.box-more a/*所有歷史碎碎念*/
#my-photo/*版主頭像*/
#my-status/*碎碎唸文字內容*/
/*-----------------------------------------------------------*/
#broadcast.box/*好友的碎碎念聯播*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
ul/*好友的碎碎念*/
.broadcast-photo/*好友頭像*/
.broadcast-time/*好友發表時間*/
.broadcast-text/*好友碎碎念內容*/
/*-----------------------------------------------------------*/
#search/*搜尋*/
#search .box-title/*搜尋標頭*/
#search .box-text/*搜尋內容區塊*/
#search-target/*搜尋輸入文字欄位*/
#search-send/*搜尋確定鈕*/
/*-----------------------------------------------------------*/
#headshot.box/*麻吉交流*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#headshot-img/*個人頭像*/
#friend-apply/*申請好友*/
#send-message/*傳送私訊*/
/*-----------------------------------------------------------*/
#counter.box/*參觀人氣*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#countr .box-text span/*人氣數字*/
/*-----------------------------------------------------------*/
#change-theme/*更換樣式*/
#change-theme .box-title/*更換樣式標頭*/
#change-theme .box-text/*更換樣式內容區塊*/
#change-theme select/*更換樣式選單*/
/*-----------------------------------------------------------*/
#feed.box/*新聞交換*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#feed img/*新聞交換icon*/
/*-----------------------------------------------------------*/
#calendar.box/*月曆*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
table/*月曆表格*/
.mouth-nav/*切換月份的那一行*/
.cal-backward/*上個月*/
.current-mourh/*現在月份*/
.cal-forward/*下個月*/
.weekday/*星期*/
#calendar .calMonthNav/*選擇月份的那一欄*/
#calendar .calMonthHeader/*星期幾的那一欄*/
#calendar td/*日期儲存格*/
#calendar td a/*月當天有寫文章的儲存格*/
/*-----------------------------------------------------------*/
#recent-article.box/*近期文章*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#recent-article .box-text .a/*文章標題*/
/*-----------------------------------------------------------*/
#hot-article.box/*熱門文章*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#hot-article .box-text .a/*文章標題*/
/*-----------------------------------------------------------*/
#category/*文章分類*/
#category .box-title/*側欄區塊標題*/
#category .box-text/*側欄區塊內容*/
#category .box-text.box-more/*總開何按鈕*/
#category .box-text.img/*按鈕*/
#category .box-text.div/*單一分類目錄*/
#category .box-text.img/*分類目錄開合按鈕*/
#category .box-text.ul/*目錄內容*/
#category .box-text.a/*目錄名稱*/
#category .box-text h6/*文章分類的分類目錄*/
/*-----------------------------------------------------------*/
#archive.box/*文章彙整*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.select/*月份選單*/
.a/*所有文章列表超連結*/
#archive .box-text li a/*所有文章列表*/
/*-----------------------------------------------------------*/
#latest-comment.box/*最新回響*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#latest-comment .box-text span/*最新迴響-迴響日期*/
#latest-comment .box-text li a/*-最新迴響-迴響摘要*/
/*-----------------------------------------------------------*/
#latest-trackback.box/*最新引用*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#latest-trackback .box-text li a/*最新引用-引用過去的文章標題*/
#latest-trackback .box-text li span/*最新引用-引用過去的部落格主標*/

/*-----------------------------------------------------------*/
#subscription.box/*最新訂閱*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
#subscription .box-text li a/*最新訂閱-訂閱對方的新文章標題*/
#subscription .box-text li span/*最新訂閱-訂閱對方的部落格主標*/
/*-----------------------------------------------------------*/
#favorite/*我的蒐藏*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.select/*我的蒐藏選單*/
/*-----------------------------------------------------------*/
#mylink.box/*我的連結*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.link-box/*單一連結分類*/
.h6/*連結分類標題*/
#my-link .box-text .link-box li.a/*單一個我的連結*/
/*-----------------------------------------------------------*/
.folder/*所有自訂欄位*/
.folder .box-title/*所有自訂欄位標頭*/
.folder .box-text/*所有自訂欄位內容區塊*/
/*-----------------------------------------------------------*/
#powered.box/*服務提供*/
.box-title/*側欄區塊標題*/
.box-text/*側欄區塊內容*/
.a/*登入登出連結*/
/*-----------------------------------------------------------*/
#footer/*頁尾*/
.p/*頁尾描述*/
/*-----------------------------------------------------------*/
#bottom/*頁尾超連結*/
.bottom-skiplink/*回到頁首\回到主文*/
.bottom-pixnet/*PIXNET痞客邦\申請帳號\會員服務專區*/
/*-----------------------------------------------------------*/
.main-list/*列表*/
.main-list table/*列表表格*/
.main-list h3/*列表標題*/
.main-list th/*列表表頭表格*/
.main-list td/*列表一般表格*/
.main-list a/*列表文章名稱*/
#article-list/*所有文章列表*/
#category-list/*單一分類文章列表*/
#murmur-list/*所有歷史狀態列表*/

/*-----------------------------------------------------------*/

rs5257 發表在 痞客邦 PIXNET 留言(1) 人氣()

 ImageShack 圖片上傳與存取的方法

 ptc    

 

【一】點圖進入上傳工具

 
【二】圖片上傳

 


【三】貼圖方法

 

上傳完畢後, 就會看到一堆貼碼 , 只要複製最上方圖片網址(箭頭指示處)  , 再套用以下的貼圖語法

 

1.)  html 貼圖語法 :

<img src="圖片網址" width="圖寬" height="圖高" border=0 >

 

2.)  一般貼圖

 

直接雙擊小圖 (利用「 複製、貼上」)  直接將圖片貼到文章編輯處。 

 

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

1867221720.gif

  

 「在Flash打字 」語法

<p align=center><embed src="flash網址.swf" width="" height=""wmode="transparent" flashvars="go=第一段文字#第二段文字#第三段文字">

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

我養了七條七彩魚,每天逗魚賞魚樂!心情好ㄟ
晃動你的滑鼠,魚兒會跟著跑哦~ 游累了!別忘點按滑鼠餵魚飼料慰勞慰勞它們哦~


1. 如何在側邊欄位佈置一些可愛的裝飾物(養金魚) 呢?

http://img8.imageshack.us/img8/6084/20090815223901.jpg


2
 .首先必須至水族彩魚去訂製金魚 , 然後將語法複製下來 再依照以下圖文教學步驟逐步去完成。

3.
養金魚 圖文教學 : 
剛訂製的「彩魚語法」要貼在圖文教學「步驟4」


4. 如何刪除側邊欄位的「裝飾元件」?

a. 拖曳「養金魚」元件至「元件暫存處」可暫時保留側邊欄位的裝飾元件。
b. 按下元件旁的http://img40.imageshack.us/img40/66/20090816105120.jpg , 即可完全刪除側邊欄位的一些「裝飾元件」。

http://img142.imageshack.us/img142/3131/20090816015000.jpg

 

rs5257 發表在 痞客邦 PIXNET 留言(3) 人氣()

rs5257 發表在 痞客邦 PIXNET 留言(0) 人氣()

1 2