個人檔案向往相片部落格清單 工具 說明
My Custom Part|false|
第 1 張 / 共 16 張
尚未新增任何項目。

12

尚未新增任何項目。

尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。
尚未新增任何項目。

13

尚未新增任何項目。

尚未新增任何項目。

尚未新增任何項目。

尚未新增任何項目。

尚未新增任何項目。
23 November

首页单篇日志新方法

MSN Space 简易教程(二十九)—— 首页单篇日志的奥妙(卧虎藏龙)
MSN Space Easy Tutorial (29) —— Secrets of the MSN Spaces with Single Blog Entry Displayed

中文版

以前实现首页单篇日志比较容易的办法是通过 Sanall Cobain 的首页设置工具来完成的。可是在8月初,MSN Space 在服务器上修改了代码,使这个工具彻底失效了。如果是以前使用这个工具设置的首页日志,则还能保持原设置,而对于想重新设置首页日志数的朋友,就不那么容易了。
 
“道高一尺,魔高一丈”!MSN Space 封锁了首页设置 Javascript 工具之后不久,一些朋友和我就研究出了新的方法 —— 利用 MSN Spce 页面中<TABLE>语句来隐藏日志。其原理和我的教程(二十一)中所介绍的用来隐藏日志回复栏的方法类似,只是语句复杂了些。本来没想介绍这个方法,因为我并不想在自己的空间中实现这一效果,而且对不太懂 HTML 语句的朋友来说,实现起来并不是很容易。但是自从教程(二十八)发布之后,就有好些朋友来询问关于首页版面的设置问题,其中有些就是关于如何设置首页单篇日志,于是我决定还是讲解一下。
 
声明:文中介绍的方法将使用“不对称”代码,使用不当可能造成日志显示不正常,甚至空间首页无法打开等问题,所以请严格按照教程中的步骤操作!如果发生上述问题,可以修改代码,或者将含有不对称代码的日志删除,空间即可恢复正常。
 
(一)设置首页单篇日志

1、几乎所有的日志排布格式都做出首页单篇日志的效果,我就先以“一列”日志排布格式为例。请首先将日志排布格式调整为“一列”,其中上方放置各种列表模块,最下方放网络日志(Blog)模块。

2、先写好首页的第一篇日志,并发布预览结果,确保正文无需改动。一定要发布一次,以避免出现其他错误!

3、返回此日志的编辑界面,点击<HTML>模式切换按钮,将光标移动到整篇日志的最后。在此写入如下代码:

English Version

In June, Sanall Cobain developed a Javasript tool to set the number of blog entries displayed on the default page, so that it could be used to set only one blog entry displayed in your space. However, the tool was disabled by MSN Space several weeks ago. It becomes difficult for us to have only one blog entry displayed in our spaces.
 
"While the priest climbs a post, the devil climbs ten!" After studying the codes of MSN Space webpage, several friends and me found a new way to display single entry in MSN Spaces. In fact, this method is to hide blog entries except the first one so that it looks like only one blog entry displayed. After reading the feedbacks of my "MSN Space Easy Tutorial (28)", I decided to explain this new approach in details to answer some friends' questions.  
 
Notice: This tutorial is for Advanced Users only, especially the part ② and ④. I am not responsible for any misuse of the method. A mistake may cause some problems to your space, such as abnormal display of your blog entries or failure to open your space. If this happens, please delete the blog entry with the codes from this tutorial.
 
① Display Only One Blog Entry in Your Space

1. Almost any layout of MSN Spaces is applicable to this method. I will use one-column layout as an example. Please set your space layout to one column, and put all modules and lists above the Blog Module. 

2. Write a new blog with what you want to display in your space, then publish the entry. Please make sure there is no error in it.

3. Return to edit this blog entry. Press <HTML> button to enter HTML mode, then move your cursor to the end of the whole blog (after the last HTML tag). Type in the following HTML codes:

</TD></TR></TABLE><TABLE style="Display: None"><TR><TD><DIV><TABLE>

4、检查代码无误后,直接点击“发布项”(Publish Entry),不用预览!

5、现在就可以去你的网络空间看结果了。这时应该看到除了首页第一篇日志以外,其他日志项已经看不到,而且首篇日志的回复栏也完全消失了!


实事上,如果你把上述代码添加到以前发布的日志中,那么你就可以设置你的 Space 显示 1~25 篇日志了。从第一篇到写有代码这篇日志会显示在你的 Space 中,而其后的日志都被隐藏起来。

4. Check the code and click "Publish Entry". It is useless to preview the blog entry, because you cannot see the special effect here. 

5. Go to preview your space. You should find that all blog entries are dispeared except the first one. Moreover, the bottom row with time, comments, and trackbacks is also hidden.


In fact, you can set 1 to 25 blog entries to be displayed by this method, if you put the above codes in an old blog entry. Only the first entry to the entry with the codes will be shown in your space.



(二)隐藏日志(Blog)标题框和发布日期及超宽显示

按照上述方法实现了首页单篇日志后,现在我就来回答网友问的另一个问题,怎么隐藏网络日志的标题框和发布日期。我还以“一列”日志排布格式为例,其他排布格式类似。

1、请首先将日志排布格式调整为“一列”,其中最上方放置各种列表模块,中间放 Custom HTML 模块,其下方放网络日志(Blog)模块。

2、先写好首页的第一篇日志,并发布预览结果,确保正文无需改动。一定要发布一次,以避免出现其他错误。

3、返回此日志的编辑界面,点击<HTML>模式切换按钮,将光标移动到整篇日志的最前部,写入如下代码:

② Hide the Frame of Blog Module and widen the Blog Module to unlimited size

Now, let me answer another question on how to hide the frame of the Blog module in MSN spaces. I will still use one-column layout as an example.

1. Please set your space layout to one column, and put the Custom HTML module in the middle of the column, the Blog module right below it, and all other modules and list above it.

2. Write a new blog with what you want to display in your space, then publish the entry. Please make sure there is no error in it.

3. Return to edit this blog entry. Press <HTML> button to enter HTML mode, then move your cursor to the beginning of the whole blog. Type in the following HTML codes:

<PRE></TABLE></TABLE></TABLE></TABLE>
<TABLE width=1003 background="background picture" bgcolor=#FFFFFF><TBODY><TR><TD width=100%>

4、在<HTML>模式下,再将光标移至日志最后此写入如下代码:

4. Then move the cursor to the end of the blog, type in the following HTML codes:

</TD></TR><TBODY></TABLE><TABLE style="Display: None"><TR><TD><DIV><TABLE></PRE>

5、检查代码无误后,直接点击“发布项”(Publish Entry),不要预览!

6、在 Custom HTML 模块中写入如下代码:

5. Check the code and click "Publish Entry". It is useless to preview the blog entry, because you cannot see the special effect here. 

6. In the Custom HTML module, type in the following codes:

</TABLE><TABLE Style="Display: None"><TR><TD><TABLE style="Display: None"> 

7、现在就可以去你的网络空间看结果了。

 
其中 width=1003 是在 1024×768 显示模式下,IE 窗口内最大宽度。如果选择更大的数值,则可能会有部分内容超宽(屏幕下方会出现横向滚动条);选择较小的值,则会在屏幕右侧留有空白。另外,background="background picture" 和 bgcolor=#FFFFFF 请任选其一使用,可以设定单篇日志的背景图片,或者选择日志背景颜色。具体效果参见网络空间“有话好好说”。

7. Now you can go to preview your space to see the special effects.

 
In the above codes, width=1003 is the optimum value for 1024×768 dispaly mode in IE windows. A larger number can be set if needed. This is the reason why this method is called "widen the Blog Module to unlimited size". By the way, please select either background="background picture" or bgcolor=#FFFFFF to use in the codes. Here is an example that you may take a look.



(三)隐藏列表模块

按照上述方法(二)实现的首页中,如果想不显示除日志模块外的其他模块,比如:相册,一个办法是将列表模块删除,另一个比较好的办法就是将列表模块置于 Custom HTML 模块和网络日志(Blog)模块之间,则列表模块会被隐藏起来。这样在日志中还能引用放在相册中的图片,但在首页上却看不到相册了。

③ Hide Modules or Custom Lists

In the webpage of your space that is using method ②, if you want to not display other modulus or lists, you can either delete them or put them between the Custom HTML Module and the Blog Module. For example, when the Photo Album is placed between the Custom HTML and Blog Modules, it will be concealed, but you can still use the pictures in the album. 




(四)“左右两列”的首页单篇日志
实际效果参见我的“测试空间”,表面上看与教程(二十八)中的结果类似,实际上使用了不同的代码,使得首页仅显示一篇日志,而且网络日志(Blog)模块的标题、边框、日志发布日期、回复栏等均被隐藏起来,可以算是“首页单篇日志”的一个特例。我设计这个范例的想法就是:当首页采用上述方法,改成超宽的单篇日志显示后,如果我们还可以利用 MSN Space 提供的一些模块,不仅能减少一些自己设计页面的工作量,还可以保留“相册”、“Windows Media Player”等功能性的模块,何乐而不为呢?
1、请首先将日志排布格式调整为“左右两列”,其中左侧上方放置 Custom HTML 模块,其下方放网络日志(Blog)模块,右侧则放置其他需要显示的模块。

  或者 

2~7、与本教程第二部分所述几乎完全一样,只是日志栏宽度 width=1003 需要改成 width=820,给右侧的模块留下显示空间。 

 
对于其他页面排布格式的首页单篇日志实现方式,可以参考此教程中的办法来完成。
④ Single Blog Entry with Modules/List on the right

When I finished above work, I was thinking whether the modules or lists could be placed on the right. Finally, I found the way to do it. Here is an example of this special effects. It looks like the result that was mentioned in my "MSN Space Easy Tutorial (28)", but it is created by different HTML codes and some features, such as Blog Frame, Blog Date, and Comments Button, are hidden.

1. Please set your space layout to one of the two-columns. In the left column, put the Custom HTML Module on the top. and the Blog Module on the bottom. All other modules and lists you want to show in your space are in the right column. 

  或者 

2-7. These steps are almost the same as those in the part ② except that the width in the codes need to be changed from width=1003 to width=820. This is to leave some space for the displayed modules.

 
Good luck, buddy!
25 October

MSN Spaces連結的用法

常看到網頁上,點選某個文字就會被引導進入該畫面,如:留言板。造成這效果其實很簡單,只要用滑鼠反白1文字、2圖片或3物件,點選編輯工具列上的(繁體版)(簡體版),填上要被連結的網址,點選插入,即可成功。
 
注意:以下不管文字或圖片,作法一樣。文字 更換 <IMG src="圖片連結">變成圖片連結。

基礎:

 

接下來分析連結的HTML語法:
 
        首頁
 
點選<HTML>看看工具列帶出的連結語法 
 

 

 <A href="http://spaces.msn.com/members/young59tw">首頁</A>

 

 
以上可以清楚看到基本結構: 網址連結文字 的相關位置。
網址連結:可以填上檔案連結,點選會彈跳出下載視窗。填上音樂檔會啟動WMP或內定的撥放器。
 
 
 要連結Email必須用mailto:郵件連結的寫法,點選會開啟Outlook
 
        我的信箱 
 
語法:

 

 <A href="mailto:­satoshi.chang@gmail.com">我的信箱</A>

 

 
 
 
 
 
 

進階:

1)開新視窗 跟 連結說明文字

語法效果如下,當滑鼠移到連結位置會出現[首頁]說明文字,點選連結會新開視窗。
 
        首頁
 
語法:

 

<A title=首頁 href="http://spaces.msn.com/members/young59tw" target=_blank>首頁</A>

 

 
title=                等號(=)後面填上說明文字            
target=_blank    製造新開視窗的效果
 
 

2)內建Email的訊息

點選以下連結直接看效果
 
        有問題寫信給我
 
語法:

 

<A href="mailto:收件者?cc=副本&bcc=密件副本&subject=主旨&body=郵件內容">連結物件</A>

 

 
?cc=                     等號(=)後面填上副本郵件連結
&bcc=                   等號(=)後面填上密件副本郵件連結
&subject=              等號(=)後面填上主旨內容
&body=                 等號(=)後面填上郵件內容
 
因為&subject=&body= 填上中文時內容必需使用URL編碼,可利用[文字編碼、解碼]轉換。
轉換使用:
1.點選畫面中間的 [ URL ]。
2.指定文字字碼:繁體(Big5)、簡體(GB)。
3.在上面編輯框輸入要轉換的文字,可已使用空格換行。
4.點選 [ 進行URL編碼 ],就會出現轉換結果的URL碼。
[有問題寫信給我]範例語法:
<a href="mailto:satoshi.chang@gmail.com?cc=satoshi.chang@gmail.com&bcc=satoshi.chang@gmail.com&subject=%a7%da%adn%b0%dd%b0%dd%c3D&body=%a7%da%aa%ba%b0%dd%c3D%acO%3a">有問題寫信給我</a>
 
 

3)錨的使用

在本網頁中迅速移動到指定的位置,如:回到基礎
作法:
1.設一個指定的位置的記號語法:
 

 

<A name=記號名>位置點</A>

 

 
以 [ 回到基礎 ] 範例來說,在本頁面 [ 基礎 ] 這個位置設記號,記號名取base。寫成如下語法:
<A name=base>基礎:</A>
記號名可以自己取喜歡的名稱。
 
 
2.設定連結的語法:
 

 

<A href="本頁面的連結/#記號名">連結名稱</A>

 

 
以 [ 回到基礎 ] 範例來說,
本頁面的連結為
 
[ 基礎 ] 位置記號名為 base
 
語法可以寫成:
<A href="http://spaces.msn.com/members/young59tw/Blog/cns!1pajQ6xT2edI-FluMIieKgCw!4252.entry/#base">回到基礎</A>
 
完成以上步驟,點選[回到基礎] 頁面就會迅速回到 [ 基礎 ] 的指定位置。
 
註1:回到最頂不用設 位置點 直接使用#toppage,點選就會回到頂部。
註2.同一頁面設定相同名稱的記號點,只會顯示最頂端的記號點。

 

4)MSN Spaces各種連結:

1.單篇日誌的連結:

每篇日誌底下的 [ 永久連結 ]為日誌連結。

 

2.類別連結:

點選[永久連結]進入單篇日誌,點選[類別],抬頭看瀏覽器上面出現類別連結 。

 

3.按月封存的連結

http://spaces.msn.com/members/空間的ID/?partqs=ayear%3D年度%26amonth%3D月份&_c11_blogpart_blogpart=blogview&_c=blogpart

如:年度改成2005,月份改成5

 

4.直接顯示指定的相簿:

在[編輯你的分享空間]中,點選[指定的相簿],點選放大,瀏覽器的網址就是指定的相簿的連結。

另一種方式:請參考[牛角村]的[直接顯示指定的相簿]

 

5.未發布的日誌連結(已經過儲存一次,可預覽):

從編輯模式中,儲存草稿時,已經決定的這篇日誌的網址:

方法1:

還在草稿模式的日誌,其實日誌的連結已經存在,草稿模式瀏覽器中的連結

找一段= cns!1pajQ6xT2edI-FluMIieKgCw!4283 &此cns!開頭的紅色部分複製,

貼到 http://spaces.msn.com/members/空間ID/blog/紅色部分.entry 此為本日誌連結。

方法2:

直接使用java button請參考MSN Spaces 的各種小工具Jump-It ! 工具。

方法可以 編輯模式 跟 網誌可以互相變換,使用上非常便利。

 

 遇到問題嗎??請進"技術疑難雜症區"

24 October

常用颜色代码

WebSafe Palette
Code Color Code Color Code Color Code Color Code Color Code Color
000000   000033   000066   000099   0000cc   0000FF  
003300   003333   003366   003399   0033cc   0033ff  
006600   006633   006666   006699   0066cc   0066ff  
009900   009933   009966   009999   0099cc   0099ff  
00cc00   00cc33   00cc66   00cc99   00cccc   00ccff  
00FF00   00ff33   00FF66   00ff99   00FFCC   00FFFF  
330000   330033   330066   330099   3300cc   3300ff  
333300   333333   333366   333399   3333cc   3333ff  
336600   336633   336666   336699   3366cc   3366ff  
339900   339933   339966   339999   3399cc   3399ff  
33cc00   33cc33   33cc66   33cc99   33cccc   33ccff  
33ff00   33FF33   33FF66   33ff99   33FFCC   33FFFF  
660000   660033   660066   660099   6600cc   6600ff  
663300   663333   663366   663399   6633cc   6633ff  
666600   666633   666666   666699   6666cc   6666ff  
669900   669933   669966   669999   6699cc   6699ff  
66cc00   66cc33   66cc66   66cc99   66cccc   66ccff  
66FF00   66FF33   66ff66   66ff99   66ffcc   66FFFF  
990000   990033   990066   990099   9900cc   9900ff  
993300   993333   993366   993399   9933cc   9933ff  
996600   996633   996666   996699   9966cc   9966ff  
999900   999933   999966   999999   9999cc   9999ff  
99cc00   99cc33   99cc66   99cc99   99cccc   99ccff  
99ff00   99ff33   99ff66   99ff99   99ffcc   99ffff  
cc0000   cc0033   cc0066   cc0099   cc00cc   cc00ff  
cc3300   cc3333   cc3366   cc3399   cc33cc   cc33ff  
cc6600   cc6633   cc6666   cc6699   cc66cc   cc66ff  
cc9900   cc9933   cc9966   cc9999   cc99cc   cc99ff  
cccc00   cccc33   cccc66   cccc99   cccccc   ccccff  
ccff00   ccff33   CCFF66   ccff99   ccffcc   ccffff  
FF0000   FF0033   ff0066   ff0099   ff00cc   FF00FF  
ff3300   ff3333   ff3366   ff3399   ff33cc   ff33ff  
ff6600   ff6633   ff6666   ff6699   ff66cc   ff66ff  
ff9900   ff9933   ff9966   ff9999   ff99cc   ff99ff  
ffcc00   ffcc33   ffcc66   ffcc99   ffcccc   ffccff  
FFFF00   FFFF33   FFFF66   ffff99   ffffcc   FFFFFF  
Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
8A2BE2
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavender
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
688E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32
檢視其他內容