个人资料♫☼*团团转¤·*我的快樂園ღⓛⓞⓥⓔ~✿♡日志列表 工具 帮助

日志


12月16日

✤IP显示器/日历/日期/时间

几个可在Space里能用的东西

万年历(带阴历)

日期/时间

 

 

 

  

 

 

 

 

来访者IP/区域/系统浏览器版本显示:


 

#: 复制图片一样,复制到你的日志里就可以了.

回主站站         给我留言  
 

✤文字特效

   黃 鶴 樓                          作者: 崔 顥

昔 人 已 乘 黃 鶴 去 , 此 地 空 餘 黃 鶴 樓 。

黃 鶴 一 去 不 復 返 , 白 雲 千 載 空 悠 悠 。

晴 川 歷 歷 漢 陽 樹 , 芳 草 萋 萋 鸚 鵡 洲 。

日 暮 鄉 關 何 處 是 , 煙 波 江 上 使 人 愁 。

文字特效整理 ~ ф

主旨:文字也能有特效.讓網誌輕鬆變美美的喔.. 

  • 濾鏡效果只會顯示在IE瀏覽器5.5↑。
  • 本範例需要「使用HTML格式建立網頁」這個欄位
  • 本篇濾鏡部份需要有一定的HTML基礎,雖然本篇附一點教學,如果還是看不懂的,請到別的網站進修充電一下喔。
  • 不會HTML那就請直接複製吧... ^^
  • 多多使用  Ctrl+A (全選) 再按 Ctrl+C (複製) 還有 Ctrl+V (貼上) 組合鍵..一定要會用...拜託.^^
    還有 Ctrl+X (剪下) Ctrl+Z (復原)  組合鍵可用.....
  • 一些濾鏡可以直接或間接套用在圖片效果上。
  • 如何快速複製框框裡的HTML? 請在框框裡快速連點3下在按Ctrl+C

 

使用漸層效果:

(字特效器) <-(看不到的請按右鍵 UTF-8編碼)
PS.進去輸入文字再複製網頁下面的預覽結果貼在你要編輯的地方
專業版可以下載 參考按這

文字基本修飾:

形式1:

HTML:
<font style="text-decoration:line-through">刪除線</font>

結果:

刪除線

形式2:
<font style="text-decoration:overline">加上一道上線</font>

結果:

加上一道上線  

形式3:
<font style="BACKGROUND-COLOR:#ffddff">加上背景色</font>

結果:

加上背景色  

文字方向:

中文直書:(作詩囉)

HTML:
<div style="writing-mode :tb-rl;width:◆px;height:◆px">內容擺這</div>

結果:(MSN Spaces 上顯示錯誤...原因待查)

那麼請直接使用 線上橫行轉直行程式(中文限定)...不帶任何語法 (空白用全形空白代替)

試用結果:

日 晴 黃 昔 黃
暮 川 鶴 人 鶴
鄉 歷 一 已 樓
關 歷 去 乘  
何 漢 不 黃  
處 陽 復 鶴  
是 樹 返 去  
, , , ,  
煙 芳 白 此  
波 草 雲 地  
江 萋 千 空  
上 萋 載 餘 作
使 鸚 空 黃 者
人 鵡 悠 鶴 崔
愁 洲 悠 樓 顥
。 。 。 。  
 


使用濾鏡效果:

(既然為整理就不多說了...如何敘述和各樣式參數請參考圖片濾鏡效果那一篇,這裡僅呈現範例)
(所以只要把字改成你要的就行了...有多行的也能自行在MSN Spaces調整大小)

另外要知道的是...一般效果皆適用在<font>與<div>,<div>再設定多行同效果較為簡便。
 

A.半透明合成(多行):

範例:

HTML(Style為2圓形):

<div style="height:126px;font-size:9pt;line-height:9pt;filter:Alpha(opacity=100,finishOpacity=0,style=2); width:199px">
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>顯示效果預覽文字
顯示效果預覽文字</div>
 


結果:(大小可以自行修改)

顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字
顯示效果預覽文字顯示效果預覽文字

HTML:

<div style="filter:Alpha(opacity=100,finishOpacity=25,style=2); width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●



My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.


●←複製終點

B.詼諧、X光效果、色彩對換(互補色)(可用但無意義就不列出來了)

C.翻轉:

左右翻轉:
<font style="filter:FlipH;height:10pt;">顯示效果預覽文字</font>
結果:

顯示效果預覽文字

上下翻轉:
<font style="filter:FlipV ;height:10pt;">顯示效果預覽文字</font>
結果:

顯示效果預覽文字

盜版....XD

 

D.發光效果:(MSN Spaces 居然比 FrontPage 還強,編輯就看得到效果了喔)

線上顏色選擇器 1. 4096 Color Wheel   2. Schemer  3. Wellstyled

HTML:

<font style="filter:Glow(color=發光顏色;strength=發光強度);height:1px" face=字體  color=文字顏色 size=文字大小>顯示效果預覽文字</font>

<div style="filter:Glow(■);height:◆px">顯示效果預覽文字</div>

■參數

color             -->發光顏色(深色系列效果尤佳)
strength        -->發光強度(0+)

範例 1:

HTML:

<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#FF0080,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#FF8000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#008080,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#008000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#0000FF,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#8000FF,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#000000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>

 

結果:

什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?

範例 2:

HTML:

<font style="FILTER: glow(color=#FF0000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#FF0080,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#FF8000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#008080,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#008000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#0000FF,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#8000FF,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>
<br>
<font style="FILTER: glow(color=#000000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way!</font>


 

結果:

Life will find the way!
Life will find the way!
Life will find the way!
Life will find the way!
Life will find the way!
Life will find the way!
Life will find the way!
Life will find the way!

範例 3 (強制設字型大小):

HTML:

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<br>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
 

結果:


 顯示效果預覽文字

 顯示效果預覽文字

 顯示效果預覽文字

 顯示效果預覽文字


 顯示效果預覽文字

 顯示效果預覽文字

 顯示效果預覽文字

 顯示效果預覽文字

範例 4 (彩色字黑光...):

HTML:

請直接複製到你的MSN Spaces

結果:

複製起點→●



M
y love is as a fever, longing still
F
or that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.
 
 

●←複製終點

 

 

E.投射陰影效果:

HTML:

<font style="FILTER: Shadow(color=發光顏色,direction=135); HEIGHT: Apt;font-size:Bpt" face="字型" color=#FFFFFF>好像立體文字喔</font>

■參數

A≧B+(Maybe 5↑)
HEIGHT         -->列高
font-size       --->文字大小
color             -->發光顏色
direction        -->方向(45角度單位)(0、45、90、135、180、225、270、315)
 

範例(發光顏色):

HTML:

<font style="FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<br>
<font style="FILTER: Shadow(color=#ddbbbb,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#ddd4bb,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#bbddbb,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#bbdddd,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#c3bbdd,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#ddbbcc,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>

 

結果:

好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana  
好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana  

範例(方向):

HTML:

<font style="FILTER: Shadow(color=#4A7AC9,direction=315); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=0); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=45); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<br>
<font style="FILTER: Shadow(color=#4A7AC9,direction=270); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=90); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<br>
<font style="FILTER: Shadow(color=#4A7AC9,direction=225); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=180); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
 

結果:

 好像立體文字喔 Verdana    好像立體文字喔 Verdana    好像立體文字喔 Verdana  
 好像立體文字喔 Verdana    好像立體文字喔 Verdana    好像立體文字喔 Verdana  
 好像立體文字喔 Verdana    好像立體文字喔 Verdana    好像立體文字喔 Verdana  


 

範例:

HTML:

<div style="FILTER: Shadow(color=#333333,direction=135); width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●



My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.


●←複製終點

F.附陰影效果:

HTML:

<font style="FILTER:Dropshadow(color=#發光顏色,offX=◆,offY=◆); height=1px">內容擺這</font>

<div style="filter:Dropshadow(color=#發光顏色,offX=◆,offY=◆);width:框框寬;height:框框高">內容擺這</div>

■參數

color             -->發光顏色
offX              -->水平位移(可正負)
offY              -->垂直位移(可正負)
 

範例(陰影):

HTML:
<font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">像不像陰影文字</font>
結果:

像不像陰影文字

 

範例(雕刻):

HTML:
<div style=" background-color:#CCCCCC;width:151px;height:19px">
<font style="FILTER:Dropshadow(color=#FFFFFF,offX=1,offY=1); height=15pt;" color="#000000">有人說像雕刻文字</font>
</div>
結果:

有人說像雕刻文字

範例:

HTML:

<div style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●



My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

G.模糊效果:

HTML:

<font style="filter:Blur(■);height:1px">內容擺這</font>

<div style="filter:Blur(■);width:本文寬;height:本文高" align=center>內容擺這</div>

■參數

direction        -->方向(45角度單位)(0、45、90、135、180、225、270、315)
 

範例:

HTML:

<div style="filter:Blur(direction=135); ;width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●



My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

H.波形效果:(ps.好複雜的參數設定@@")

HTML:

<div style="filter:Wave(■);width:本文寬;height:本文高" align=center>內容擺這</div>

■參數

freq              -->頻率(0+)
strength        -->振幅強度(0+)
lightstrength  -->波峰強度(0~100)愈高越黑
phase           -->起始相位(0~100)
 

範例:

HTML:

<div style="FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0);;width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>內容省略</div>

結果:

複製起點→●



My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

Step by step:

 

  1. 請從

    複製起點→●

    用滑鼠拉到

    ●←複製終點

    Ctrl+C(複製)

    再貼到你的網誌即可。

  2. 沒有複製標誌的,請直接複製效果,如果複製失敗,請上下加大複製內容(即把不必要的先複製),重新操作。

     
  3. 謝謝你的觀賞.

     
  4. 多多練習....相信你也能做到唷...

 

 

特殊字型和特殊文字:

Webdings :(先用擴充編輯工具 調整字型為Webdings再複製)
qwertyuiopasdfg
hjklzxcvbnm,.
/';[]\=-0987654321`QWER
TYUIOPLKJHGFDSAZX
CVBNM<>?:"{}|+_
)(*&^%$#@!~一pfvbthu,kjm


Not Webdings :(不得選任一字型)
︻ ︼ ︽ ︾ 〈 〉 ︿ ﹀ ∩ ∪ ﹁ ﹂ ﹃ ﹄﹝ ﹞ < > ≦ ≧ ﹤ ﹥ 「 」 ︵ ︶ ︷ ︸ ︹ ︺〔 〕 【 】 《 》 ( ) { } ﹙ ﹚ 『 』 ﹛ ﹜╳ + - ﹢ × ÷ = ≠ ≒ ∞ ˇ ± √ ⊥ ∠ ∟ ⊿ ㏒
▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑ ☒☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠   ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ✙ ✈ ✉ ✌ ✁ ✎ ✐ ❀ ✰ ❁ ❤ ❥ ❦❧ ➳ ➽ 〠 〄 ㍿ ♝ ♞
➳➴➵㊚㊛㊙℗
♯♩♪♫♬♭♮ ☎ ☏ ☪ ♈ ♨ ºº ₪ ¤ 큐 « » ™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○  △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ¥ 〒 ¢ £ ※ ♀ ♂ © ® ⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ▨ ▩
☯♋♛♞♕✈✎✏
✐✌✍✡✓✔✕✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪
✗✘✚✪✣✤✥✦
✧✩✫✬✭✮✯✰ ✱✲✳❃❂❁❀✿
✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈
❉❊❋❖❤❥❦❧ ⓪①②③④⑤⑥
๑۩۞۩๑ ℃©®¼½¾³²
✄☪☣☢☠☮☭☮ ⅰⅱⅲⅳⅴⅵⅶ
ⅷⅸⅹⅺⅻⅼⅽⅾⅿ ⅠⅡⅢⅣⅤⅥⅦⅧ
ⅧⅨⅩⅪⅫⅬⅭⅮⅯ ⑦⑧⑨⑩⑪⑫⑬
⑭⑮⑯⑰⑱⑲⑳ ⒶⒷⒸⒹⒺⒻⒼⒽ
ⒾⒿⓀⓁⓂⓃⓄⓅ ⓐⓑⓒⓓⓔⓕⓖⓗ
ⓘⓙⓚⓛⓜⓝⓞⓟ ⓆⓇⓈⓉⓊⓋⓌⓍ
ⓎⓏ ⓠⓡⓢⓣⓤⓥⓦⓧ
ⓨⓩ ㊀㊁㊂㊃㊄㊅㊆㊇
㊈㊉㊊㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊗
㊘㊜㊝㊞㊟㊠㊡㊢ ㊣㊤㊥㊦㊧㊨㊩㊪
㊫㊬㊭㊮㊯㊰
♟ ☼ ☀ o O # 【】ψ ▓ ► ◄ ▒  ░ ♀♂ √ ╮╭ ╯╰ ァ ┱ ┲ ☆ ★ ♫ ♬ ♪♩♭♪ ▶ △ ▲  γ ō 凸 ∩∪ ╦ ╩ ⊙ ◎ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▋▌▍┋ ︻ ︼ ¤ ▽ ㄒ ︶︿ ε >< ┘┌ ∵ ∴ ∷ ︹ ︺ ╬  ╋ ω ㊣ § ■ Θ I し↑↑↓↓← → ↘↙ ↔↕〓 ☆ ★┣┓┏┫×╰ノ◢ ◣ ◥ ◤ Ω ж ф ю Ю ━╃ ╄━  卍 ┛┗ ┓┏ ◇ ◆ ㄨ⌒ ※ × ◎ ☂ ☜ ☞ ☜ ☞ ❤ ♡ ♥『』Ψ № ∑ ⌒〖〗@ξζ∮ ▓ ∏ 卐【】√  ¤ ∞ ✖ ™ 乀 の♈ ◖◗♋ Café 灬 ≈ ◈ Ш ǎ ☃  ☎ ☏ ☺ ☻ ▧ ▨ ♨ ◐ ◑ ♦ ◊ ◦ ◘ ◙ ♠ ♧ ♣ ▣ ▤ ▥ ▦ ▩ ๑ ۩ ۞  ▪ ▫ □ ˇ и ζ £⊕℡❣·۰•● ∈ ⊹⊱⋛⋋ ⋌⋚⊰⊹ 彡 ➸ ❝❞° ﹌﹎ ╱╲ ☁ ₪ ¡ Þ ✱ ௫ μ  o(‧'''‧)o  。◕‿◕。  べòべあ ぃ £ ❤ 。◕‿◕。

 

回主站站         给我留言  


 
 



 

✤彩色漸變文字產生器

③ 彩色漸變文字產生器 ~ ф
主旨:使用 彩色漸變文字產生器-專業版  來簡單貼上漂亮漸層文字... 
  • 本範例需要「使用HTML格式建立網頁」這個欄位
  • 多多使用  Ctrl+A (全選) 再按 Ctrl+C (複製) 還有 Ctrl+V (貼上) 組合鍵..一定要會用...拜託.^^
    還有 Ctrl+X (剪下) Ctrl+Z (復原)  組合鍵可用.....

軟體介面預覽:

作著原創軟體資訊:

軟體名稱:好色機器 V1.1 - 文字美化工具
語言界面:繁體中文版
軟體大小:517KB
軟體性質:免費軟體
程式設計:夷希微@台灣
軟體簡介:
    這

即時
論壇BB CODE 及做用的 HTML TAG
標籤語法供應用,美化網頁,還能選擇預覽的背顏色
加利 ^_^ 

使用範例:

[基本型一]





[基本型二]
五色令人目盲;
五音令人耳聾;
五味令人口爽;
馳騁畋獵,令人心發狂;
難得之貨,令人行妨。
是以聖人為腹不為目,故去彼取此。

[基本型三]







[基本型四]





下載位置:(擇一)

http://myurl.com.tw/bqc4/ColorMachinePro11.exe
http://myurl.com.tw/h7qg/ColorMachinePro11.exe
http://myurl.com.tw/n88d/ColorMachinePro11.exe

回主站站         给我留言  

✤为日志模块添加统一背景

注意:实现这个效果要用的语法是利用<table>的错乱代码,所以如果没有特殊页面要求,还是不建议使用的,因为这个语法使用不当的话会另SPACE页面崩溃或者无法显示。关于这点的详细说明请见这里

 
 
代码:
<pre></table></table><table background="背景图片地址"><tr><td><div><table style="display:none"></pre>
 
在日志里使用这个代码以后,此日志以下的所有日志的背景都变成和这个日志一样的背景。
 
效果请见--这里--
 
在这里你既可以用Jpeg的图片最背景,也可以用Gif的动态图片做背景,我这个例子就是用Gif图片做的背景,这类的图片很好找,这里介绍一个闪亮底纹的Gif图片素材,你可以从这里选择做背景。
 
提示:使用此语言不当的话可能会导致空间出现问题,解决办法是删除这个有问题的日志。感谢爬山虎和 MSN Space技巧归总 的代码总结。
 
回主站站         给我留言  
10月5日

✤视频/音乐连续播放教程


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

视频/音乐连续播放教程(一)

 

[目的]
MSN Spaces推出PowerToy媒体播放模块后,越来越多的MSN Spaces用户已经不再满足于单个的视频或者音频的播放, 非常希望能够连续播放多个视频或者音乐文件. 本教程将协助用户实现该目的, 并且能够在Windows Media Player中显示正在播放的音乐名称, 歌手名称, 甚至是自己MSN Spaces的个性化Logo等. 如果您觉得太复杂, 请使用幸福村论坛为你提供的(关于MSN中自动连续播放多首视频音乐的讨论

[用户群]
用户必须有一个可以外部直接调用的主页或网络存储空间,用于存放连续播放文件地址[该文件仅有几百字节大小, 至多几K]. 这些空间请大家帮忙互相介绍和解决, 这里将不再详细叙述.或者去我们的幸福村论坛寻求帮助.

[使用前提]
用户会更改文件扩展名. 默认的计算机不显示扩展名, 请打开我的电脑[My Computer]->工具[Tools]->文件夹选项[Folder Options]->点击查看[View]选项卡->去掉隐藏已知文件类型的扩展名[Hide extensions for known file types]->点击应用[Apply]->点击确定[OK].
此时将显示所有文件的扩展名.

[使用步骤]
1. 打开记事本[Notepad.exe]程序
2. 按照您的需求输入如下A B C其中之一的代码

A. 最简易的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
      <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
      <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
      <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>

以下同样添加你想要的视频音频个数

</ASX>


B. 可以显示歌曲名称/演员名称的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
    <Title>这里添加标题1 视频/音乐名称等等</Title>
    <Author>演员/歌手名1</Author>
    <Copyright>版权归属1</Copyright>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
    <Title>这里添加标题2 视频/音乐名称等等</Title>
    <Author>演员/歌手名2</Author>
    <Copyright>版权归属2</Copyright>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
    <Title>这里添加标题3 视频/音乐名称等等</Title>
    <Author>演员/歌手名3</Author>
    <Copyright>版权归属3</Copyright>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>

以下同样添加你想要的视频音频个数

</ASX>



C. 可以显示自己的logo或广告以及歌曲名称/演员名称的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
    <Title>这里添加标题1 视频/音乐名称等等</Title>
    <Author>演员/歌手名1</Author>
    <Copyright>版权归属1</Copyright>
      <Banner href = "你的个性图片在网络中的地址1">
      </Banner>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
    <Title>这里添加标题2 视频/音乐名称等等</Title>
    <Author>演员/歌手名2</Author>
    <Copyright>版权归属2</Copyright>
      <Banner href = "你的个性图片在网络中的地址2">
      </Banner>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
    <Title>这里添加标题 视频/音乐名称等等</Title>
    <Author>演员/歌手名</Author>
    <Copyright>版权归属</Copyright>
      <Banner href = "你的个性图片在网络中的地址3">
      </Banner>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>

以下同样添加你想要的视频音频个数

</ASX>



3. 将该文件另存为[Save As] 文件名.wmv 格式, 编码按默认格式存储.
4. 将文件名.wmv上传到你的个人主页空间或能直接读取的网络存储空间.
5. 在PowerToy媒体播放模块的URL中, 填入制作的文件在网络中的地址,例如: http://www.dgzxhome.net/belem/music.wmv
6. 显示模式[]选择Full, 可以选择自动播放[Auto Start]
7. 按保存[Save]按钮
8. 预览自己的Spaces, 此时, Spaces中Windows Media Player模块已经能连续播放视频和音频了,按照你顺序填写的文件地址的媒体格式不同, 甚至可以播放完音乐后播放视频!

[注意事项]
1. 请确信您的视频/音乐地址确实可用并严格按照"以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址"的条件, 不然又出现播放不了的问题. 同样, 请保证您上传后可以获取的地址是"以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址", 否则会在第7步中清空地址.
2. 为了混合使用视频和音频, 我推荐了记事本更改存储格式为.wmv,其实其他符合条件也可以.wma或.mp3等格式.由于是欺骗WMP, 播放器最终将依据文件内部的实际媒体格式来播放.
3. 个人空间/网络存储问题请大家相互告知方法, 一定有免费又高速的解决方案.
4. 有关广告条/自己的logo, 建议使用一定长宽比的静态图片或动画.
5. 有用户经常问为什么不支持rm/rmvb/mov等格式, 作为Real Networks以及苹果公司的竞争对手, Microsoft根本就不可能那么大方, 所以能支持公共标准的音视频文件如MPEG1-4就不错了,Real/QuickTime等不要奢望. 至于Adobe[MacroMedia]旗下的Flash由于<embed>以及<boject>标签的不安全性, 不支持情有可原.

回主站站         给我留言  


 

✤信纸背景的应用实例


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

MSN Space进入稳定期.能够在Space应用的东西,也基本定型...
下面介绍几种利用信纸图片,来更加丰富日志内容的方法.
如果懂得HTML语言/懂得利用网页编辑软件,就没有必要看下面的内容了.
下面的内容是针对不懂HTML语言的朋友们做的.
基本上是以复制和更改为主,没有对源码做详细注释.
每种实例都标有复制起点和终点.
只要复制该部分到日志里.做一下简单修改即可.

1.利用<Table>标识的背景图片

复制起点

在这里输入文字内容

复制终点

源码:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="376" height="600">
<tr>
<td width="100%" background="http://www.ka-ca.com/home/m/data/db/photo/69/92/71/16/11234099450" height="600" valign="top">
<p align="center"><font face="Arial" style="font-size: 9pt">在这里输入文字内容</font>
</td>
</tr>
</table>

注释:

<table..width="376" height="600">里的宽度(width)和高度(height)的值,一定要和图片的实际宽度和高度相同.
valign="center" :  valign-垂直对齐方式, center为默认值-相对居中, top为顶端对齐,bottom为相对底段对齐.
<p align="center">: 水平对齐方式, center为居中,right为右对齐,left为左对齐.
中间红颜色部分为背景图片地址,可以更改为自己的图片地址.

 

2.利用<Table>标识的背景图片+框内排版

复制起点

文字或图片

文字或图片

文字或图片

文字或图片

文字或图片

文字或图片

复制终点

注释:这种方式比较复杂.如果有专业编辑软件,可以试一试.因为在日志内直接编辑有很大难度.不做详解.

 

3.利用<Table>标识的背景图片+滚动框

有时文字内容很多. 超过了背景图片的范围. 不太好看...那么只好利用滚动框, 把文字内容限制在图片之内.

复制起点
     
 

1. 文字内容...

2.

3.

4.

5.右对齐文字内容

6.

7.图片

8.

9.

10.居中文字内容...

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.文字内容...

 

复制终点

源码:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="376" id="AutoNumber1" height="514">
<tr>
<td width="100%" background="http://www.ka-ca.com/home/m/data/db/photo/2/72/81/97/11234099451" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="495">
<tr>
<td width="11%" height="170"> </td>
<td width="78%" height="170"> </td>
<td width="11%" height="170"> </td>
</tr>
<tr>
<td width="11" height="309"> </td>
<td width="78%" height="309">
<div style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 270px; BACKGROUND-COLOR: transparent">
<div>
<p align="left"><font face="Arial" style="font-size: 9pt">1.
<span lang="zh-cn">文字内容</span>...</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">2.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">3.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">4.</font></p>
<p align="right"><font face="Arial" style="font-size: 9pt">5.<span lang="zh-cn">右对齐文字内容</span></font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">6.</font></p>
<p align="center"><font face="Arial" style="font-size: 9pt">7.<img border="0" src="http://img69.imageshack.us/img69/4432/msnlogo2uw.gif" width="48" height="48"><span lang="zh-cn">图片</span></font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">8.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">9.</font></p>
<p align="center"><font face="Arial" style="font-size: 9pt">10.<span lang="zh-cn">居中文字内容</span>...</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">11.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">12.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">13.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">14.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">15. </font>
</p>
<p align="left"><font face="Arial" style="font-size: 9pt">16.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">17.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">18.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">19.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">20.<span lang="zh-cn">文字内容</span>...</font></div>
</div>

</td>
<td width="11" height="309"> </td>
</tr>
<tr>
<td width="11%" height="16"></td>
<td width="78%" height="16"></td>
<td width="11%" height="16"></td>
</tr>
</table>
</td>
</tr>
</table>
 

注释:

这么长的代码,即使懂HTML语言,也很难做分析.所以尽量复制上部的演示部分.
在这里重点解释几个重要组成部分.
1.<table>标识部分:有两套<table>.
外部的<table>是为了添加最底部背景图片.此部分可参考第一个演示注释.
内部的<table>是为了固定滚动框的位置而添加的.
2.<div>部分:也有两套<div>
外部的<div>是滚动框部分.内部的<div>是文字内容部分.
在这里对外部<div>做简单的解释.此部分代码较长.

<div style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 270px; BACKGROUND-COLOR: transparent">

只要记住(红色部分)宽度和高度位置就可以.

 

注意:不要强求~要根据自己掌握的HTML语言知识.<table>是一个比较复杂的标识.
如果在日志里用得不当
,会出现意想不到的结果
如:主页日志内容消失或只显示一半
, 模块会出现在应有的位置之外等.

回主站站         给我留言  

✤天气预报显示器


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

☜天气预报显示器☞
给大家介绍一种在日志里能用的即时天气预报显示器.
有些人偶尔在其他空间看过. 好像是国外比较有名的天气预报网站.
该网站免费提供世界各国/城市/地区的即时天气预报.
无须注册,只要把图片复制到日志里就可以..
提供的样式有超过二十种.下面几个样品是青岛市的.

想看本空间的中国各大城市及部分城市即时天气预报.
请按这里-> [
中国各大城市及部分城市即时天气预报]
要访问该网站请按下面任意样品图片.

获取方法:
进入该网站,首先选择语言(基本是英文).
然后在左上角的城市名输入框里,输入你需要的城市名.
城市名要用英文.按搜索~
这样会出现该城市的基本天气预报信息.
在按基本信息里的城市名.
这样会出现该城市的详细预报内容(内容范围很广).
在这些信息的下部有:

Click here for your Weather Sticker®!

点击会显示所有该城市的即时天气预报图片.
可以复制你喜欢的到日志里就可以了.

样品:(点击图片可进去该网站)






 
这是另一个网站的天气预报显示器
比起上面的稍差一些
...
感兴趣点击图片到该网站看一看
.
该站不支持中文
.
下面是青岛的天气预报,不知道准不准
~
The WeatherPixie

回主站站         给我留言  

✤字体代码大集合

 


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

 

<DIV style="FONT-SIZE: 9pt; FILTER: Alpha(opacity=100,finishOpacity=0,style=2); WIDTH: 199px; LINE-HEIGHT: 9pt; HEIGHT: 126px">文字</DIV>

文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果
文字效果文字效果文字效果文字效果

opacity=100  开始的透明度(alpha)

finishOpacity=0~100  结束时的透明度

style=1/2/3 不同的效果

 

A-文字颜色

效果:  123

代码:<FONT color=#0066cc>文字</FONT>

B-文字背景色

代码:<FONT style="background-color:#ddccff">文字</FONT>

带背景色的文字

A+B

带背景色的文字

代码:<FONT style="background-color: #0088ff" color=#ffff66>文字</FONT>

欢迎来到Msn Space ProWelcome 

 

 

立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana  
立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana   立体的文字效果 Verdana  

代码:<P><FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>立体的文字效果</FONT></P>

 说明:如果效果不对,请选中 文字,随便选一个字体。


 

 

代码:<DIV style="WRITING-MODE: tb-rl; TEXT-ALIGN: left">
<P><FONT face="Arial">文字</FONT></P></DIV>

说明:如果效果不对,请选中文字,随便选一个字体。

欢迎来到Msn Space ProWelcome 

这里是发光文字的代码:

代码:<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #0fd0fd; FONT-FAMILY: 宋体" color=#99ff99><B></B></FONT>

color=black可以换作:color=#66cc66等颜色代码,color=#99ff99也一样。

刪除线 HTML:
<font style="text-decoration:line-through">刪除线</font>

效果: 刪除线

加上一道上线:
<font style="text-decoration:overline">加上一道上线</font>

效果:加上一道上线

上下翻转:<font style="filter:FlipV ;height:10pt;">显示效果预览文字</font>

效果:顯示效果預覽文字

发光效果:<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
什麼顏色最好看?
什麼顏色最好看?

光晕效果的代码:<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=6>光晕效果</FONT></DIV>

光晕效果

带颜色阴影效果:

<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>带颜色阴影效果。◕‿◕。</B></FONT></P>

带颜色阴影效果

波纹字体代码:

<FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>波纹字体</B></FONT>


add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:决定显示的频率,即应出现多少个波形;
phrase属性:决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。

波纹字体

回主站站         给我留言  

✤添加计数器和MSN在线状态指示器


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

添加计数器和MSN在线状态指示器

 

计数器和MSN在线状态指示器是两个比较实用的工具,通过前者你可以了解自己空间的受欢迎程度,而后者又为来访者提供了你目前的在线信息,方便好友与你及时联系。为日志加入这两项功能的前提是你必须已经安装了HTML语法扩展编辑工具,也就是你的IE浏览器工具栏里已经拥有了“Edit It”按钮。如何获取此项功能,我已经在教程的第一章介绍,这里不再赘述。

先说说添加计数器。如果只是在日志中显示来访总数,那么申请一个简单的计数器即可,提供这种服务的网站很多,你在搜索引擎中键入“Free Web Counter”会查找到很多结果,这里我个人推荐http://www.amazingcounters.com/。这个网站提供350多种计数器,款式繁杂,花色多样,绝对满足你的需要。申请时需要注册,但过程很简单,一般只需要提供少量的个人信息即可。注册成功后你就可以选择心仪的计数器了,然后再输入你个人网站的信息,你将获得一段在线生成的HTML页面的代码。某些网站还会提供给你简单的在线编辑功能,让你进一步对计数器的外观作简单的修改,以更好的适合你的需要。将获取的代码拷贝,然后转到你需要插入计数器的MSN Space日志,点击“Edit It”按钮,进入HTML语法编辑状态,将刚才获取的代码粘贴到空白处,再退出HTML编辑状态,在日志文本处理模式下调整计数器的位置。由于MSN Space空间没有提供置顶功能,因此你必须经常调整计数器的位置,将它始终放置在首页的日志中(最好是第一篇日志)。方便起见,你可以将计数器的源代码拷贝到文本文件中,以后调整时将它简单粘贴过来就可以了。

如果你想获得有关你的空间流量的具体信息,诸如单位时间内的访问量,来访者停留时间,来访者IP及所在国家等等众多专业统计结果,上述网站就不能满足你的需要了。推荐你到这个网站申请此项服务:http://www.statcounter.com/,它提供了极其强大且稳定可靠的统计功能,几乎面面俱到,至少对于我们这个水平这些功能是足够了,而且众多信息均以图形或表格的方式予以呈现,直观明了(Tucow五星推荐)。所有这些服务均为免费,除非你的月访问量超过20万。唯一的缺点就是提供的计数器样式过于简单,可供选择的余地也不大。。它的申请过程很简单,成功后会先让你选择计数器样式(你可以进行简单的定值),然后设定某些参数,诸如通过Cookie功能将你自己的登陆排除在统计数字之外等,之后你可以在Install Code页面获取HTML代码,需要注意的是,它会为不同类型的页面生成不同的代码,因此你要在“Statcounter Code Option”里选择“Html Only Code”,通过这个命令生成的代码才可用于MSN Space,获取代码后的操作就和上面已降解的方式一样了。由于是海外的服务商,所以页面信息全部是英文,这对于不谙E文的朋友可能有些麻烦。

申请MSN在线状态指示器也很简单,到下面这个网站http://snind.gotdns.com:8080/ 在“Messenger”下拉菜单里选择MSN,当然如果你有Yahoo,或AOL等提供的及时通讯工具,也可以为其申请相应的指示器。输入你的MSN Messenger用户名,网站很快会为你生成一段代码,这段代码显示的是一个图标,通过其颜色的变化来显示你的Messenger的不同状态,直接将此代码按上述方法添加到日志中就可以了。有两个问题需要注意:该状态指示不会实时更新,它显示的状态是访问者登陆你的空间时你的在线状态,如果你在此期间上线或离线,指示器不会实时同步做出反应,除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟,但不严重。还有一种情况也可能会发生,就是服务商的Server关机,那么指示器就无法正确显示任何状态了。

回主站站         给我留言  

✤如何添加背景音乐


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

如何添加背景音乐

如何在自己MSN Space的日志中加入音频和视频是目前许多朋友关注的问题,毕竟拥有声光效果的页面即能娱人也能悦己。记得刚入Space的时候,一方面为它的简单实用而折服,另一方面又为它提供的少得可怜的个性化设置而烦恼,初期只是简单地写写字,上传些照片,后来学会了贴图都觉得兴奋不已。看看其他Blog空间五彩缤纷的样子,真的是羡慕不已。Space留给我们的发挥空间就真的如此有限吗?事实当然并非如此,无论微软是有意还是无意,她仍然在这里给了我们展示个性的可能,只是这种可能要靠大家自己去发现。好了,废话少说,进入正题!

先介绍如何添加音频,也就是为我们的日志加入背景音乐。目前Space上比较流行的做法是利用MS Frontpage,这对于手头没有该款网页编辑软件的朋友当然不是一个好消息。通过分析其语法格式,我发现了更为简便的办法,不需动用上述软件即可实现音频的加入。考虑到有些朋友对第一种方式可能也会感兴趣,因此一并将两种方法介绍如下:

1. MS Frontpage方式

首先在网上搜索你需要的音乐,这里推荐使用WMA格式的文件,因为它体积相对较小,因此会获得比较快的载入速度。你需要获取该文件的确切链接地址,格式形如:
http://www.xxx.com/xxx.wma,某些在线播放的音乐不会直接显示链接地址,如何获取之,请通过Google等搜索引擎查询相关技巧。当然最满意的是你自己拥有主页空间,这样你就可以把心仪的歌曲上传到那里,而且不用担心以后会出现因为链接失效而造成Space背景音乐无法载入的情况。有了链接地址后,运行MS Frontpage,新建一个文件,然后在页面中插入图片,图片建议越小越好。然后用鼠标右键单击该图片,选择“图片属性”,在弹出的对话框中选择“视频”选项,将刚刚获取的音频文件的链接粘贴到“视频源”一栏,然后设置“重复”选项中的“循环次数”,这里依你自己的喜好加以选择。“开始”选项中的设置不用管它,留空即可,最后点击“确定”。Frontpage会用一段时间获取你的视频源,时间长短依据你的音频文件的大小。这时你会发现原来插入的图片缩成了一个小图标,用鼠标右键单击它,然后点击“复制”。回到你的Space空间,新建一篇日志,或打开你想添加背景音乐的日志,将光标移至空白处,然后用IE浏览器“编辑”菜单里的“粘贴”命令或CTRL+V快捷键,将你刚才复制的内容粘贴于此。正常的话,你不会看到任何粘贴的内容,再稍等一些时间,无须打开日志预览,你就可以听到背景音乐了。剩下的事,当然就是发布你的大作了。

2. Loadmemory简单语法方式

通过上述方法插入背景音乐,总的来说并不繁琐,但对于没有MS Frontpage以及对MS系列产品过敏的朋友该怎么解决这个问题呢。通过分析上述操作的源代码及语法格式,我发现了更为简便的方法,只需插入一个极简单的语法句子,就可快速实现背景音乐的加入。请大家记住下面这个语法:

<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>


此段语法中唯一需要你更改的就是Loop,它控制循环播放的次数,当为infinite时是无限循环,为0时是不循环,其他循环次数只需键入相应数字即可。

在你的日志编辑页面,首先点击前文提到的“Edit It”按钮,进入HTML语法编辑模式,然后勾选Use HTML to Create Your Page,在空白处插入上述语法就可以了。由于需要载入时间,因此当你点击日志预览的时候,可能需要等待一会才能听到音乐。

回主站站         给我留言  

✤立体彩色边框


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

立体彩色边框

拥有了背景色彩的日志显得生动活泼了许多,那么如何让她更具特色呢?在这一章里我将向大家讲述如何定制具有立体效果的背景样式。

我们先从为日志文字添加带有色彩的边框说起,因为其涉及到的CSS边框属性语法是以后制作立体效果边框的基础形式。请记住下面这段语法:

<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>

它会在你的文字外围生成一个红色边框,border-width控制边框的粗细,border-color调整边框的颜色,这里你仍然何以使用前文提到的形式如#xxxxxx的颜色数值,而border-style则控制边框的效果,当使用“solid”则为单一颜色的线形简单边框。

接下来我们再将上述语法扩展一下,就可以获得具有立体效果的彩色边框。那么从何下手呢?其实就是在border-style后面使用不同的语法描述:

Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框



你可以在MSN Space日志中尝试一下上面不同的语法,然后在预览中观看效果。

通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景。

例如:<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffff00;">日志文字
</div></div>

使用上述语法将会为你呈现一个黄底色红边框的浮出线效果背景,其实上述语法还有其他形式的简化写法,这里不再赘述,只采用上述较直接易理解形式。

对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法:

Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
Border-left-color: #xxxxxx定制边框颜色
Border-left-width: xpt 定制边框粗细

其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下,看一看是什么效果:

<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
border-bottom-style:outset;background-color:#cc3366">

你可以按照自己的想法随意调整四个边框的式样,以便创造与众不同的效果,记住一点,不同的属性描述之间用 ; 隔开。另外,你可能会注意到,当你设置完边框返回到日志文本编辑模式,在键入文字过程中如果使用回车键,就会又出现一个边框,从而影响文字的连贯性,这是因为HTML语法中不支持硬回车。要解决这个问题,必须返回到HTML编辑模式,在需要回车的地方键入<br>,需要几次回车就键入几个<br>,然后再返回到文本编辑模式,你就会发现边框背景内已经为你加入了回车后的效果。

回主站站         给我留言  

✤缤纷背景


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

缤纷背景

MSN Space中日志的背景颜色随不同的模版类型而有所变化,但并不提供给用户自定义背景颜色的功能,但我们可以通过编辑HTML语言的方式来实现这一目的,让日志随我们的心情而变换不同的色彩。

编辑日志之前,先点击上一讲提到的那个“Edit It”按钮,然后选取编辑区域下方的HTML语法编辑选项,即将Use HTML to create your page选项挑上勾,此时即进入HTML编辑状态,你会看到页面上有如下标记<p></p>。将下列语句放置到编辑页面中:

<div style="width:100%;height:100%;background-color:#990000;"></div>

注意,这里需要你略微调整一下,将<p></p>嵌套在这一语句中,即如下形式:

<div style="width:100%;height:100%;background-color:#990000;"><p></p></div>

在<p>和</p>之间试着打几个字,然后点击预览日志,可以看到日志的背景颜色已经改变。当你想更改不同色彩的时候,只需将#990000这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。如何获取自己心仪的色彩的数值呢?如果你手头有图形处理软件或网页编辑软件,使用里面的调整色彩功能,都会获取相应的数值。另外你也可以参考我提供的色版(见下面)。

在HTML编辑状态你会发现,文本编辑按钮都消失了,这种情况下处理起文字来可是有些困难,当然对高手来说,区区几个语句就能解决问题,但我们普通大众可没这本事和耐心。怎么办?好办!将Use HTML to create your page选项前的勾勾挑下去,即取消HTML语法编辑状态就可以了。这时你会发现,我们重新进入了文本编辑模式,但这里已不是一片空白,而是多了一个色块,在色块内双击鼠标,下面对文字的编辑就是轻车熟路了。

一个色彩还不够丰富,我想要五颜六色的生活!没问题,重新回到HTML语法编辑状态,在你想使用其他色彩的文字前再加入上面HTML语句,然后调整色彩值。这里还需注意两点:一是仍然注意要把文字部分嵌套在上述语句中,二是为达到最佳效果必须调整提供不同色彩的HTML语句中的高度比值,至于什么值比较合适,就得根据文字内容的长短了,你可以边调整,边预览之。

MSN Space中日志的背景颜色随不同的模版类型而有所变化,但并不提供给用户自定义背景颜色的功能,但我们可以通过编辑HTML语言的方式来实现这一目的,让日志随我们的心情而变换不同的色彩。

编辑日志之前,先点击上一讲提到的那个“Edit It”按钮,然后选取编辑区域下方的HTML语法编辑选项,即将Use HTML to create your page选项挑上勾,此时即进入HTML编辑状态,你会看到页面上有如下标记<p></p>。将下列语句放置到编辑页面中:

<div style="width:100%;height:100%;background-color:#990000;"></div>

注意,这里需要你略微调整一下,将<p></p>嵌套在这一语句中,即如下形式:

<div style="width:100%;height:100%;background-color:#990000;"><p></p></div>

在<p>和</p>之间试着打几个字,然后点击预览日志,可以看到日志的背景颜色已经改变。当你想更改不同色彩的时候,只需将#990000这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。如何获取自己心仪的色彩的数值呢?如果你手头有图形处理软件或网页编辑软件,使用里面的调整色彩功能,都会获取相应的数值。另外你也可以参考我提供的色版(见下面)。

在HTML编辑状态你会发现,文本编辑按钮都消失了,这种情况下处理起文字来可是有些困难,当然对高手来说,区区几个语句就能解决问题,但我们普通大众可没这本事和耐心。怎么办?好办!将Use HTML to create your page选项前的勾勾挑下去,即取消HTML语法编辑状态就可以了。这时你会发现,我们重新进入了文本编辑模式,但这里已不是一片空白,而是多了一个色块,在色块内双击鼠标,下面对文字的编辑就是轻车熟路了。

一个色彩还不够丰富,我想要五颜六色的生活!没问题,重新回到HTML语法编辑状态,在你想使用其他色彩的文字前再加入上面HTML语句,然后调整色彩值。这里还需注意两点:一是仍然注意要把文字部分嵌套在上述语句中,二是为达到最佳效果必须调整提供不同色彩的HTML语句中的高度比值,至于什么值比较合适,就得根据文字内容的长短了,你可以边调整,边预览之。

回主站站         给我留言  

✤图片的几种用法


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

把图片放在文字的左边

 

代码如下:

<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

 

 

如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码:<img border="0" src="http://blogcup.com/blogger_1/12583/upload/20055286389.jpg" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

改后的代码是:

<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>如果</FONT></P>

 

 

要想把图片放在右侧,可把[align=left ]改成[align=right ]

 

改后的代码如下:

<P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

 

 

在图片加上日志文字代码如下效果见图:

<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="图片链接地址" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">日志文字</font>
</div>
</div>

回主站站         给我留言  

✤破MSNSPACE的格式


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

很多人一直很好奇这首页怎麼做到的,这裡面运用很多技巧,其实这语法很多种,挑一个最简单的介绍给大家。怕麻烦跟有语法恐惧的千万不要尝试。
 
功能:
1.突破网誌的限制,编辑内容自由度更大。
2.可保留之前的模组,如相片模组,自订清单模组,基本资料模组。
3.首页不需要因发新文章而做变动,详细请见下面第五点说明。
4.只需要原本的单一空间就可以使用,不需要再申请其他空间相互连结。
 
 
要先知道:
1.要先会使用<HTML>模式输入语法。(按这教学)
2.要会加入◈ 界面设计模块图解教程(按这教学)
3.MSN Space版面不适用以下两组版面
 
3 欄;中寬兩欄;右窄
 
可以使用以下四组 (建议使用单栏)
 
兩欄對稱兩欄;左窄3 欄,左窄單欄
 
 
 
空间版面配置必须日誌靠最右边,Custom HTML在日誌上方,如下图

Custom HTML

二欲隱藏的模組

首頁日誌

 

因為放在二的位置模组会被隐藏,所以可以放一些需要用到且不放在首页中的模组,如相片,自订清单......等等。其他要显示在首页的模组,可以放置一的上面或三的底下。

4.因為语法是关闭整个网誌内容,当发新日誌时,可以直接发佈,不会显示在首页中。必须靠连结,让网友知道你发佈新日誌。

5.也因為如此,首页日誌必须依照首页日誌的篇数作更动。例如:首页的日誌,设定显示25篇(按这教学),当你发表第25篇时,首页日誌会被推到下一页,这时必须复製首页日誌的内容贴回到首页中。

6.版面配置完成后,才开始使用语法,以免发生版面错乱。配置方式上述第3点。

警告:此语法非正常用法,使用时,请务必按照步骤做。以免造成,日誌变一半,消失,首页不能打开...等悲剧发生。万一真的发生,不需求救,立即把加进去的语法清除,即可以恢復原状。

 

 

语法使用共二部份(缺一不可):

一.Custom HTML Power Toy模组的语法(呼叫模组教学)

作用:关闭整个网誌,实现让首页不显示日期时间的效果。当看到首页日誌被推到最下面(下沉现象)时

,使用此语法,立即解决

 

 

</table><table style="display:none"><tr><td><table>

 

 

 

二.首页日誌的语法(以下输入语法必需在HTML模式中,教学按这)

首页日誌在"编辑网誌内容(按这)"裡语法分上中下,

中间是主要编辑内容首页想要呈现的东西都在这裡编辑。可随心所欲编辑,不管版面多大都可以。认為最理想的宽度1000px,可以让视窗水平捲轴不显示。

然后在依序贴上面跟下面的语法。

编辑顺序口诀:中上下

 

先编辑中间:

1.先编辑主要首页日誌的内容。编辑内容可以随意编辑,无限向右延伸。

2.编辑内容时,如果需要全页背景图可以使用以下语法,红色為背景图的宽度,1000px是我认為最理想的宽度。(平铺背景图教学按这)

 

<TABLE width=1000px background="背景圖路徑" border=0>
<TBODY>
<TR vAlign=top align=left>
<TD>在這裡編輯內容</TD></TR></TBODY></TABLE>

 

註:此步驟2依個人編輯需求使用,如不需要的可以跳到步驟3。

 

上面:

3.编辑内容完成后,在<HTML模式>中,在第一行的位置输入以下语法。

  作用:在於脱离网誌的架构,避免被语法关闭,也可以突破现有版面的限制。

语法:<PRE></table></table></table></table>

 

下面:

4.之后再<HTML>模式中,在最后一行位置输入以下语法。

  作用:关闭首页日誌以下的日誌,实现单篇日誌的架构. 。(教学按这)

<PRE></TR></Table><TABLE style="DISPLAY: none"><TR><TD><DIV><TABLE></PRE> 

 

5.当语法输入完成后,不需预览(因為预览看不出效果)立即发佈,回到首页。此特效立即出现。

回主站站         给我留言  

 

✤突破空间自定义列表数限制


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

突破空间自定义列表数限制

space的列表最多有11个。添加11个列表之后,“列表任务”中的“创建列表”就成为了灰色,再也不能进行添加。

突破空间自定义列表数限制的方法是:[复制到地址栏,回车即可]:

1

javascript:Action('addlist', '输入列表的名称,然后单击“确定”。', new Array('列表名称(必需的)'), null, new Array('128'), 'http://spaces.msn.com/members/用户名/PostAcceptor.aspx', null)

 

或者是:

2

javascript:var a=window.location.href;var b='http://spaces.msn.com/members/';if(a.match(b)){ a=a.substring(b.length+0); a=a.substring(0,a.indexOf('/'));Action('addlist','<b>添加列表</b><br>输入列表的名称,然后单击“确定”。',new Array('列表名称'),null,new Array('128'),b+a+'/PostAcceptor.aspx',null);}       

 

回主站站         给我留言  

✤HTML模块完全图解教程


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

Q] HTML模块实现功能
HTML模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用HTML来排版, 个性化等,例如弄一个专门的每周绘画作品展示等等...




[Q] 如何添加HTML模块
使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

[Steps]
1. 登陆您的MSN Spaces, 点击自定义[Customize]
2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=sandbox 按Enter或者点击转到[Go]


3. 点击自定义[Customize]->模块[Modules]
4. 在下拉列表中找到PowerToy: Custom HTML项, 选择添加[Add]


5. 选择保存[Save]按钮




[Q] 如何使用该模块
该模块共有三大部分
1. HTML文本框 [非RTE] 在这里输入你喜欢的HTML代码 为了不扼杀你的创意 你喜欢输什么就输什么 
2. 模块标题 [Module Name TextBox]
3. 是否显示边框复选框[Show Border CheckBox] 不显示边框一般是为Plain Black/Red/Blue/Green服务的
4. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存




[Q] 使用该模块还有什么其他问题?
1. 该模块无RTE, 完全符合喜欢HTML编辑的用户 :)
2. 该模块只支持512个字符, 因此不能输入大量的HTML代码, 使用部分受限.
3. 该模块同样会过滤大量HTML标签
4. 用户应当自行权衡是否使用边框 视觉效果等应自行解决
5. 我放进去一个图片或者别的东西竟然右边出去了!!! Answer: 大哥大姐, 本来让你自定义, 如果不怕难看就让他出去吧 自定义嘛 那就尽量不要让他出去喽

回主站站         给我留言  

✤界面设计模块完全图解教程


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

[Q] 界面设计模块实现功能
界面设计模块允许用户使用一个自定义模块,在该模块之内用户可以随意调整整个Spaces的文字颜色 背景色等等一系列属性 个性十足 今天你Spaces了吗 这才是真正的自定义!


[Q] 如何添加界面设计模块
使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

[Steps]
1. 登陆您的MSN Spaces, 点击自定义[Customize]
2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=tweakomatic 按Enter或点击转到[Go]


3. 点击自定义[Customize]->模块[Modules]
4. 在下拉列表中找到PowerToy: Tweak UI项, 选择添加[Add]


5. 选择保存[Save]按钮


[Q] 如何使用该模块
该模块共有5大部分
1. 背景色[Background Color] 包括内部[Inner] 和 外部[Outer]

     A. 内部[Inner] Spaces内部各模块空隙处的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
     B. 外部[Outer] Spaces右边空白处的背景颜色[大背景色] 3个两位十六进制正整数 00-FF 如:00CCFF



2. 背景图片[Background Image] 包括位置[Position] , 重复[Repeat] 和显示[Display] 依据各个主题[Theme]的不同 有些是有背景而有些是没有背景图片的 对于有背景图片的 我们可以:

     A. 位置[Position] Spaces背景图片的位置, 依次为默认[Default], 左上[Top Left], 中上[Top Center], 右上[Top Right], 左中[Center Left], 中中[Center Center], 右中[Center Right], 左下[Bottom Left], 中下[Bottom Center], 右下[Bottom Right] 这个不需要细讲了吧 崩溃了
     B. 重复[Repeat] Spaces背景图片重复的方式 不明白? 就是Windows桌面墙纸不是经常有中央,平铺以及拉伸什么的嘛, 就是差不多那个意思. 这里依次有默认[Default], 重复[Repeat], 不重复[No Repeat], 纵[Y]向重复[Repeat-Y], 横[X]向重复[Repeat-X]. 如果你背景是大图片, 就不要重复了, 小图片重阿重的才有效果 总体来说 可能我翻译不恰当 重复你就当成平铺好了 这样更好理解
    C. 显示[Display] 是否显示背景图片 默认[Default]是显示的, 隐藏[Hide]则不显示

3. 文字颜色[Font Color] 包括链接/链接图标[Links/Bullets] 和 文字[Text]

     A. 链接/链接图标[Links/Bullets]  所有超链接以及链接符号的颜色 3个两位十六进制正整数 00-FF 如:00CCFF
     B. 文字[Text] 所有非链接普通文本的颜色 3个两位十六进制正整数 00-FF 如:00CCFF

4. 模块背景[Module Background] 包括颜色[Color] 和 透明度[Transparent]

     A. 颜色[Color]  各个模块的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
     B. 透明度[Transparent] 各个模块背景的透明度设置 20-100的整数值 分别为 20%-100%不透明 使用这个对整体视觉冲击比较大

5. 模块边框[Module Borders] 包括宽度[Width], 风格[Style] 和 颜色[Color]

     A. 宽度[Width]  各个模块边框的宽度 0-9 建议值为0或1 2以上就不要弄拉 大哥大姐 弄那么粗的边框真的很难看啊 不信弄个9试试? 嘿 还试试就试试? 郁闷
     B. 风格[Style] 各个模块边框的风格设置  用过.Net开发Web或者网页经常用的就知道有什么区别 当然 大家多试几次都能看出来 依次有默认[Default]-默认, 无[None]-不显示边框, [Dotted]-小点点, [Dashed]-小虚线, [Solid]-实线, [Double]-实线, [Groove]-凹按钮, [Ridge]凸按钮, [Inset], [Win-inset], [Outset]-没啥大的区别? 主要是用在这里不合适 不明显 不说了 郁闷
     B. 颜色[Color] 各个模块边框的颜色设置 3个两位十六进制正整数 00-FF 如:00CCFF



6. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

 

[Q] 使用该模块还有什么其他问题?
1. 该模块使用应当具备一定的视觉素养 否则任意修改都将造成超级大花脸的诞生 切记!
2. 该模块建议查询颜色代码值[如: 99FFDD] 不支持Red/rgb(205,10,36)等颜色单位
3. 怎么这么难看阿 救命啊 救命? 请参考问题一 哈哈 吓你的阿 将所有选项留空 按保存 他就又回到默认设置了阿
4.  一旦在自定义中去掉了PowerToy: Tweak UI项目 所有将回归原位...

回主站站         给我留言  


 

✤视频音乐模块完全图解教程


欢迎来到♡藍色夢想♡的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

相关教程: HTML模块完全图解 界面设计模块完全图解  视频音乐模块完全图解教程


[Q] 视频音乐模块实现功能
视频音乐模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用发布视频,音乐, 包括自动播放等等.


[Q] 如何添加视频音乐模块
使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

[Steps]
1. 登陆您的MSN Spaces, 点击自定义[Customize]
2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=musicvideo 按Enter或点击转到[Go]


3. 点击自定义[Customize]->模块[Modules]
4. 在下拉列表中找到PowerToy: Windows Media Player项, 选择添加[Add]


5. 选择保存[Save]按钮


[Q] 如何使用该模块
该模块共有7个部分
1. URL文本框 [URL Textbox] 在这里输入你想要播放的音乐/视频地址 大哥大姐 别找那些没用的还有隐藏的非事实的地址
2. 起始播放秒数 [Position in sec Textbox] 输入整数,单位秒 代表播放开始时间
3. 播放次数 [Times to play Textbox] 输入整数 
4. 播放速率 [Rate to play Textbox] 输入整数或小数 例如2.5, 代表播放速度是正常速度的2.5倍
5. 自动播放 [Auto Start CheckBox] 选择则表示将自动播放
6. 显示模式 [Display Mode Selector]
共四种模式, 分别为: 不可见[Invisible], 无[None], 迷你[Mini], 完全[Full]

     A. 不可见 [Invisible] 选择该模式隐藏整个模块,一般用于播放音乐, 建议选中自动播放, 否则无法自动开始
     B. 无 [None] 该模式将不显示播放器的控制栏, 建议选中自动播放[5]或者允许右键[7], 否则无法播放
     C. 迷你 [Mini] 该模式将隐藏部分播放器控制栏 如进度条快进/快退, 前一段/后一段等
     D. 完全 [Full] 该模式显示所有播放器控制栏

7. 右键菜单 [Right Click Menus Checkbox] 选择表示允许播放器右键菜单, 可以从中选择播放以及其他属性 不选则不显示 可以初级隐藏播放文件的地址[当然,可以从源文件中查到]


8. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存




[Q] 使用该模块还有什么其他问题?
1. 试了大半天, 发现该模块只支持WMA, WMV, WAV, AVI, MPG, MPEG, MP3格式, 看见没QuickTime/Real都不支持阿 什么叫垄断 什么叫排他? 这就叫...
2. 使用该模块应该视网络环境/速率适当使用 切不可盲目使用造成部分用户长时间等待 得不偿失
3. 使用该模块应该注意视频/音乐版权问题 无论在世界还是在中国 用户应当有版权意识
4. 请确认你的电脑已经安装Windows Media Player播放器, 注意: Real[One] Player以及QuickTime插件是不支持的
5. 无法代替Flash

回主站站         给我留言