charlane 的个人资料︶❤·°❀Charlane❀の私人花房♡╮..ღ照片日志列表 工具 帮助

日志


 

 Image hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.com

 

 

MSN教程

 

第一部分

 

新手入门篇

如何制作留言版                如何在日志中添加背景图片                如何美化blog中的文字                  如何用图片美化blog                   如何给日志添加滚动框                    如何在日志中添加文本框                       如何在网页里添加背景音乐                      如何制造各种文字效果                        如何添加图片                           如何添加计数器、MSN在线状态                    如何在blog中巧妙的使用滑鼠                     如何制作文绕图                          搜索引擎登陆技巧               图片并排显示的背景

 

 

 

 第二部分

 

进阶篇                 信纸的背景用法                           如何制作印章                       自定义鼠标效果                           Tweak UI PowerToy 教學                       Windows Media Player PowerToy 教學             Custom HTML PowerToy 教學                首字放大下沉,左侧滚动条                自定义首页所有的BLOG背景                      如何让你的SPACE有两个HTML模块              制作变态SPACE                     图片的几种用法               图片套用滤镜效果                Div表格原理與實作               破MSNSPACE的格式              如何制作个性化的space地址                如何发布没有标题/多彩标题的日志             创建无限个列表                   关闭回应版跟实现首页单篇日志        单个日志关闭回复方法            更换留言版的回应背景            实现全版网页效果视频音乐模块完全图解教程                                 界面设计模块完全图解教程

 
 
 
 

 

Image hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.com

 

  

草莓园

欢迎大家的到来 

 

 

 

 

  Image hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.com

 

 

访客流量

     您是第   web counters位飘过的天使

 
 
 
Image hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.com

 

 

 找我就Q我                               给我投票                                给我留言

闪底素材

欢迎来到❀草莓园❀幻妙素材の屋
小站里的所有东西都是用来和大家分享、方便大家找素材用的!
如有需要的就尽管拿走哦、只是不要忘了给我留言啦!
踩个小脚印,让我知道你来过哦
整篇拿走时请注明出处
谢谢
 
 
 

 

如何制作文绕图

 
 

文繞圖

 

★要使用本文介紹的方法您必須可以使用HTML編輯您的網誌!★

★避免繁雜的HTML攪亂了網誌本身的重點,建議您先使用其它網頁編輯軟體完成排版!★

★發問前請先仔細看完【這裡】★

 

準備工作

  在編輯網誌的畫面中,進入「Spaces @ Msn編輯器增強模式」(詳情請參考下方的本站閱讀),參考這個【說明圖】的方法貼圖。 完成之後應該是和下面的圖示相同

整理工作

  從 msn Spaces 拖過來的圖會帶有一些不必要的 HTML 代碼(如下圖左一),我們只要保留 <IMG src='...' > 就可以了,其它的都清除(如下圖左二)。回到一般的編輯模式就會看到如下圖左三的畫面。當然還有其它方法可以貼圖,那不在本篇的範圍內。

  

 

開始工作

  接著就開始輸入你的網誌內容,這時候還沒有文繞圖的效果(如下圖)。

  文字打好後,再進入 HTML 的編輯模式,找到剛才的 <IMG src='...' > 加上 align=left  (如下圖左一)。回到一般的編輯模式就會看到文繞圖的效果(如下圖左二)。 align=right 的效果如下圖左三。

  

 

  設定好之後可以用滑鼠把圖片拖到你想放的位置。你也可以重覆的在同一篇網誌中貼上好幾個圖。

 

注意

 

改版時間:2005/04/12

 

 

charlane引自牛角村

如何巧妙的使用滑鼠

 

滑鼠技巧

善用您的滑鼠輕鬆貼上圖檔和文字!

 預備工作:開啟兩個IE瀏覽器,一個進入您的編輯畫面,另一個進入有您要複製文字和圖檔的網頁(如圖)。

 文字技:先選取您要複製的文字,再用滑鼠點住已選取的文字不放,拖到 msn Space 的編輯畫面再放開滑鼠按鍵。(如圖)。完成!就這麼簡單!而且還保留原來的格式哦。

 聰明的您是不是也想到了圖檔也可以用滑鼠拖曳呢?沒錯!圖檔技也是一樣的道理,試試看吧!

重要的題外話:
 如果您要複製(引用、摘錄…等)別人的文字,請記得註明作者或資料來源,這是對原創者的尊重。
 如果您要使用別人網站上的圖檔時,請盡量(在合法範圍內)先將要用的圖檔放入自己的相簿中,以避免影響原網站的流量。

 

----charlane整理自牛角村

如何添加计数器

怎样添加计数器?

 1、申请计数器。如果只是在日志中显示来访总数,那么申请一个简单的计数器即可。这里charlane推荐http://www.amazingcounters.com/.这个网站提供350多种计数器,款式繁杂,花色多样,绝对满足你的需要。申请步骤就不用说了吧!注册成功后你就可以选择心仪的计数器了,然后再输入你个人网站的信息,你将获得一段在线生成的HTML页面的代码。

 2、将获取的代码拷贝,然后转到你需要插入计数器的MSN Space日志,点击“Edit It”按钮,进入HTML语法编辑状态,将刚才获取的代码粘贴到空白处,再退出HTML编辑状态,在日志文本处理模式下调整计数器的位置。(注:如果粘贴代码后日志没有显示计数器效果,那么就在代码前插入:计数器代码) 由于MSN Space空间没有提供置顶功能,因此你必须经常调整计数器的位置,将它始终放置在首页的日志中(最好是第一篇日志)。方便起见,你可以将计数器的源代码拷贝到文本文件中,以后调整时将它简单粘贴过来就可以了.或者直接复制计数器的图片,再粘贴到其它日志中去即可.其实还有一种方法可以不必那么麻烦,只要将计数器代码贴到HTML CUSTOMER里面就可以了.这个模块是MSN隐藏模块,不知道任何添加这的可以去charlane 的HTML CUSTOMER教程里看看.

      如果你想获得有关你的空间流量的具体信息,诸如单位时间内的访问量,来访者停留时间,来访者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关机,那么指示器就无法正确显示任何状态了。)

 PS: 关于计数器的代码,下面给出浮云城主公开的代码给大家参考: 去掉广告条的计数器代码:

 <IMG src="http://www.amazingcounters.com/counter.php?i=88807&amp;c=266734" border=0>

 

——charlane整理自Loadmemory的教程

如何添加图片

在日志里加怎么添加图片?

 1、对于网络上的图片:直接右键点“复制”,在日志里右健点“粘贴”。(注:这样的图片在日志里可以看见并可以随意调整位置)(再注:复制快捷键:"Ctrl+c“;粘贴快捷键:”Ctrl+V”)

2、对于本地(即硬盘)上的图片:点击日志左下角的”添加照片“,单击”我的计算机“选项,选择自己想上传的图片,可多选或全选,还可以预览图片,真是爽,呵呵。然后单击”立即上载“,完成。(注:这样上传的图片在日志里不可见,也就是说上传后是放在你的SPACE空间里,在日志里看不见也不可以随意移动位置,发布日志后该上传的图片会在文后左下角出现。)

 

 

                                                                                                   ——小女巫原创

 

制造各种文字效果

发光文字代码:

代码:<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也一样。

 

 点这里可查询颜色代码

 例如:

 文字写在这里
<FONT style="FILTER: glow(color=red,strength=3); COLOR: #ffffff; HEIGHT: 10px">文字写在这里</FONT>

 (这是q-zone上发光字体的文字效果)

 

立体文字代码:

代码:<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>

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

 

添加文字连接代码

◇文字链接◆
<A href="连接地址" target=_blank>文字</A>
 

◆图片链接◇
<A href="链接地址" target=_blank><IMG src="图片地址" border=0></A>  

注意如果单独添加图片可以用这个语法<IMG src="图片地址">,但要把图片添加连接,图片就会自动添加边框,这时就要设置边框为0。 

<A href="链接地址" target=_blank><IMG alt="鼠标经过时显示的文字" src="图片地址" border=0></A>

 

图片阴影代码

本例代码:

<DIV style="FILTER: Dropshadow(color=#cccccc,offX=4,offY=4); OVERFLOW: visible; WIDTH: 415px; HEIGHT: 315px">
<DIV style="BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: white; FLOAT: left; OVERFLOW: visible; BORDER-LEFT: #999 1px solid; WIDTH: 10px; LINE-HEIGHT: 4px; BORDER-BOTTOM: #999 1px solid; LETTER-SPACING: 4px; HEIGHT: 10px">
<DIV style="BORDER-RIGHT: #ffffff 4px solid; BORDER-TOP: #ffffff 4px solid; BACKGROUND: white; OVERFLOW: visible; BORDER-LEFT: #ffffff 4px solid; WIDTH: 10px; LINE-HEIGHT: 4px; BORDER-BOTTOM: #ffffff 4px solid; LETTER-SPACING: 4px; HEIGHT: 10px"><IMG height=300 src="
http://www.xmuoec.com/gb/hanyu/hanyu/eng/AmScenes/San_Francisco_Golden_Gate.jpg" width=400></DIV></DIV></DIV>

 

http://www.xmuoec.com/gb/hanyu/hanyu/eng/AmScenes/San_Francisco_Golden_Gate.jpg换成你所要显示的图片即可

 

 

                                                                                                        原创

 

在网页里添加背景音乐

     在网页里添加背景音乐

          添加背景音乐可以在日志中发布,也可以用MSN隐藏的WINDOWS MEDIA来添加!两者都是听简单的!由于很多朋友在使用过程总是出现这样那样的问题,所以在这里简单介绍下。
    由于MSN Spaces不支持上传音频文件,我们只能引用别人的音频文件,这也是很多人出现问题的原因所在!!首先在百度、一搜或其他网站上搜索你要用来做背景音乐的歌曲,选择完你喜欢的歌曲后,鼠标右键点击试听窗口上播放器的任意位置,在弹出菜单选择“属性”,这时你就可以“位置:”看到你要的URL地址。复制以下代码:

<P><IMG height=0 loop=infinite dynsrc=http://...... width=0 border=0></P>

   在你Spaces首页上显示的任意一个日志里,进入HTML编辑模式(点<HTML>即可),粘贴在最前面或后面,然后更改“http://......”(就是歌曲的URL地址).接下来退出HTML编辑模式,点预览网络日志项就可以听到音乐了,或者直接发布也可以。
    用此方法做的背景音乐也许过一段时间随时有可能出现音乐播放不出,那是因为你引用歌曲的网站改变了它的地址!这是日志中添加背景音乐的方法,还有一种方法就是利用MSN隐藏的添加Windows Media了!详细教程请看第二部分进阶篇!

 

 

 

 

                                                                                        原创

 

在日志中添加文本框

 立体线框代码

 

女巫根据浮云城主的立体线框代码稍加润色后的效果:

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

      效果如框内所示,是带背景色(熏衣草色)的浮出。

 

 

女巫根据浮云城主的代码配色后的效果如下:

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>

背景为粉红色,效果如框内所示。

 

 

女巫配色:

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>

背景为桃色,效果如框内所示。

 

 

根据Loadmemory的教程修改后配色为己用的立体彩色边框代码,效果如下

      立体效果的彩色边框是在border-style后面使用不同的语法描述:

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

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

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

     使用上述语法将会为你呈现一个NAVAJO白底色红边框的浮出线效果背景,效果如框内显示。

 

 

女巫配色:

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

      显示的效果是背景色为桃色的立体线框。效果如框内所示,框内背景色为桃色#ffdab9。

 

立体框代码:   

<P><FONT color=#ffb6c1><FONT color=#cc0033 size=2>&nbsp;</P>
<DIV style="BORDER-RIGHT: #ff69b4 10pt groove; BORDER-TOP: #ff69b4 10pt groove; BORDER-LEFT: #ff69b4 10pt groove; BORDER-BOTTOM: #ff69b4 10pt groove">
<P><FONT color=#cc0033 size=2>&nbsp;&nbsp;&nbsp; 日志文字</FONT></FONT></FONT></P></DIV>
<P>&nbsp;</P>

 

代码如下:

<P>&nbsp;</P>
<DIV align=center>
<DIV id=layer1 style="BORDER-RIGHT: #e68e66 3px ridge; BORDER-TOP: #e68e66 3px ridge; Z-INDEX: 1; LEFT: 22px; BORDER-LEFT: #e68e66 3px ridge; WIDTH: 363px; BORDER-BOTTOM: #e68e66 3px ridge; TOP: 60px; HEIGHT: 400px; BACKGROUND-COLOR: #feede2" align=center><FONT face=Verdana color=#e68e66>
<P align=center><BR><FONT size=7>日志文字</FONT></FONT></P></DIV></DIV>

 

淡黄色虚线立体带背影框

<DIV style="WIDTH: 484px; HEIGHT: 188px">
<DIV style="FILTER: Dropshadow(color=#cccccc,offX=10,offY=10); WIDTH: 95.43%; FONT-FAMILY:

Verdana; HEIGHT: 28.57%" align=center>
<DIV style="BORDER-RIGHT: #ffffdd 3px dotted; BORDER-TOP: #ffffdd 3px dotted; FONT-SIZE:

9pt; BORDER-LEFT: #ffffdd 3px dotted; WIDTH: 317px; LINE-HEIGHT: 11pt; BORDER-BOTTOM:

#ffffdd 3px dotted; FONT-FAMILY: Verdana; HEIGHT: 110px; BACKGROUND-COLOR: #ffffcc"

align=left><FONT face=新細明體 color=#333333>
<P align=center><FONT color=#cc99ff></FONT>&nbsp;</P>
<P align=center><FONT color=#cc66ff>日志文字</FONT></P>
<P align=center><FONT color=#cc66ff>&nbsp;</FONT></P>
<P align=left><FONT color=#cc66ff></FONT>&nbsp;</P></FONT></DIV></DIV></DIV>

 

 

 

双线框代码

 

女巫根据浮云城主的双线框代码稍加润色后的效果:

<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B">
<div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

效果如框内,是带背景色(熏衣草色)的简单双线框。

女巫根据浮云城主的双线框代码配色后的效果:

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>

     显示的效果是背景色为桃色的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdab9。

女巫配色:

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

      显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdead。

 

女巫配色:

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

      背景颜色为淡黄色#FFFFE0,效果如框内所示。

 

女巫配色:

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

      这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。

 

女巫配色:

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

      这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。

 

 

 您是第集会在网上选拔位朋友光临烟视媚行!
     (从Mar 4th, 2005起)


双线框+背景色代码如下:

代码如下:

<DIV style="BORDER-RIGHT: blue 8pt double; BORDER-TOP: blue 8pt double; BORDER-LEFT: blue

8pt double; BORDER-BOTTOM: blue 8pt double" align=center>
<DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #ccffff" align=left>
<DIV style="BORDER-RIGHT: #000099 1px dashed; BORDER-TOP: #000099 1px dashed; BORDER-LEFT:

#000099 1px dashed; BORDER-BOTTOM: #000099 1px dashed; BACKGROUND-COLOR: #ddffaa"

align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><STRONG>&nbsp;<IMG height=19

src="http://spaces.msn.com/mmm2005-01-24_16.34/RTE/emoticons/star.gif"

width=19></STRONG><FONT color=#0000ff>您是第<A

href="http://www.worldlingo.com/wl/translate?wl_lp=EN-zh_cn&amp;wl_glossary=gl1&amp;wl_fl=2&

amp;wl_ucp=1&amp;wl_rurl=http://www.amazingcounters.com/sign-up3.php&amp;wl_url=www.trudatin

g.com" target=_top><IMG height=32 alt=集会在网上选拔

src="http://www.amazingcounters.com/counter.php?i=90331&amp;c=271306" width=180 align=center

border=0></A>位朋友光临烟视媚行! <IMG height=19

src="http://spaces.msn.com/mmm2005-01-24_16.34/RTE/emoticons/smile_regular.gif"

width=19><IMG height=19

src="http://spaces.msn.com/mmm2005-01-24_16.34/RTE/emoticons/star.gif" width=19><A title=只

看不回应是会给別人鄙視的哦!~^_^

href="http://spaces.msn.com/members/sunniness2/Blog/cns!1pWtz3warMV6Pn1aUxjtxGUQ!106.entry"

target=_blank><IMG height=15

src="http://storage.msn.com/x1pI_sTnOAQGnzNFqUAChFZN7IXfNJRGU_WBvLJGpJzG3U6mucqyCcrSzAmyejmd

8eQDcMzMU1aqDgSgXZKXxdwZobkbTkQpVd7qwTbAI5tX8R8JQ1CRPNzYQ" width=80 align=right

border=0></A><A

href="http://spaces.msn.com/members/samzhu/Blog/cns!1p4gQIwuW21wl3nlPWUqyjmw!106.entry"><STR

ONG></STRONG></A><BR>&nbsp;&nbsp;&nbsp;&nbsp; (从Mar 4th, 2005起

)<STRONG></STRONG></FONT></FONT><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT

color=#0000ff><BR></DIV>
<P align=center><BR>日志文字</P>
<P align=center>&nbsp;</P></FONT></FONT></DIV></DIV>

——取自八度空间女巫润色

 

 

 

 

 

以上资料由  女巫制造  提供 

 

 

 

给日志添加滚动框

 

 

 

女巫根据Loadmemory的教程修改后配色为己用的滚动文本框代码,效果如下:

这是小女巫测试修改后的颜色搭配

      把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。

具体效果看以下链接:查看效果

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</DIV>  

      代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。

(注释:附语法语句的解释:

//层开始标记,对中对齐
: <DIV align=center
//样式如下:
: style='
//前景色为#ffffff
: color: #ffffff;
//背景色为#000000
: background-color: #000000;
//边框为2像素,黑色
: border: solid 2px black;
//宽度120像素
: width: 120px;
//高度200像素
: height: 200px;
//超出范围时使用滚动条
: overflow: scroll;
//滚动条的各个颜色如下
: scrollbar-face-color: #889B9F;
: scrollbar-shadow-color: #3D5054;
: scrollbar-highlight-color: #C3D6DA;
: scrollbar-3dlight-color: #3D5054;
: scrollbar-darkshadow-color: #85989C;
: scrollbar-track-color: #95A6AA;
: scrollbar-arrow-color: #FFD6DA;
//在这个层中显示文字“日志文字”,层结束标志
: '>日志文字</DIV>

      PS:特别感谢百忙中提供我帮助帮我解惑的偶的朋友TOLLY!)

 

 

又一滚动文本框配色方案

<P>&nbsp;</P>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 236px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 113px; BACKGROUND-COLOR: #fffacd" align=center>日志文字</DIV>

 
 

粉色透明效果滚动框

<DIV align=center>&nbsp;</DIV>
<P align=center>
<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!454>&nbsp;
<DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR:

#f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid;

WIDTH: 314px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:

#ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 95px;

BACKGROUND-COLOR: #ffe1f0">
<P><B><FONT color=#ff6699>文字</FONT></B></P>
<P>&nbsp;</P></DIV></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 border=0>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

 

 
紫色透明效果虚线滚动框
 
<DIV align=center>
<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=ellipse></TD></TR>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!395>
<DIV align=left>
<DIV style="BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed;
SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll;
BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR:
#ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM:
#c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 92px; BACKGROUND-COLOR:
#ddcae0" align=left>
<P align=center><STRONG><FONT color=#cc66cc></FONT></STRONG></P>
<P align=center><STRONG><FONT color=#cc66cc></FONT></STRONG></P>
<DIV align=left><STRONG><FONT color=#cc66cc>&nbsp; 日志文字
</FONT></STRONG></DIV></DIV></DIV>
<DIV align=left><FONT color=#cc66cc></FONT></DIV>
<DIV align=left><FONT color=#cc6699></FONT></DIV></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 border=0>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

淡黄色虚线滚动边框

<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=ellipse></TD></TR>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!333>
<P>&nbsp;</P></A>
<DIV style="BORDER-RIGHT: #f0c378 2pt dashed; BORDER-TOP: #f0c378 2pt dashed;

SCROLLBAR-FACE-COLOR: #ffffb4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll;

BORDER-LEFT: #f0c378 2pt dashed; WIDTH: 347px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR:

#ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM:

#f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 125px; BACKGROUND-COLOR:

#ffffb4">
<P><FONT color=#ffff00></FONT></P>
<P><FONT color=#ff9966>日志文字</FONT></P></DIV>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>

 

 

粉红色滚动框加淡色背景(有分割线有字)


<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!454><IMG height=30

src="http://www.zyxr.com/sc/line/35.gif" width=456>
<DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR:

#f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid;

WIDTH: 456px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:

#ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 333px;

BACKGROUND-COLOR: #ffe1f0">
<DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG style="FILTER: alpha(opacity=40,

finishOpacity=25,style=0); WIDTH: 426px; HEIGHT: 527px" height=527

src="http://www.desksky.net/upload/05/wallpaper/ktdm/79/27.jpg" width=426 align=right>
<DIV style="FLOAT: left; WIDTH: 404px; HEIGHT: 515px; BACKGROUND-COLOR: transparent">
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><B>
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><FONT color=#8080ff><STRONG><IMG height=20

src="http://www.zyxr.com/sc/line/59.gif" width=415></STRONG></FONT></P>
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><STRONG><FONT color=#58c4f7><FONT color=#ff80c0>

日志文字</FONT>&nbsp;</FONT><BR><FONT color=#6db1ed> </FONT><BR><FONT color=#ff86a7> 

</FONT><FONT color=#f288b1> </FONT><BR></STRONG></P>
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><STRONG><IMG height=20

src="http://www.zyxr.com/sc/line/59.gif" width=406><BR></P></STRONG><BR>&nbsp;&nbsp;
<P></P></DIV></DIV></B></DIV><IMG height=30 src="
http://www.zyxr.com/sc/line/35.gif"

width=456></TD></TR></TBODY></TABLE>



   



  

 

 

  淡绿色滚动虚线文本框,其实不需要代码,只需要把文本框拷贝,在日志上粘贴就可以了。

 

 

透明效果虚线滚动框

 

透明效果粉色虚线滚动框

 
 
 

又是一种配色滚动框

 

黄色滚动框 

 
 
 
 
 
 

 以上由 

 

图片美化blog的方法

 

                                            图片美化blog的方法

 


利用背景图片做成的超酷文字!!
直接复制到编辑日志项就可修改!
    经常看到很多朋友日志上的图片显示几天后就出现显示不了或显示不正常了,原因是因为他们引用图片时总是直接在其它地方复制后就粘贴到自己的日志里。过一短时间后被引用图片的网站一删除或重命名图片,这种情况就出现了!我的做法是:将我要引用到的所有图片都现存到本地硬盘上,然后再上传到自己的相册里,再在自己的相册里复制图片。这种做法虽然有点麻烦,但可以保证你日志里所有图片永不过期,一切尽在自己掌握中!

1)文字绕图

<P><A href=http://...... target=_blank><IMG height=225 src=http://...... width=300 align=right></A></P>
<P>环绕图片的文字</P>

注:
A href=http://......”是点击图片时打开的链接;
target=_blank”是指打开链接的方式为新开窗口。

如果不需要点击图片打开链接可以删除“<A href=http://......target=_blank>”和“</A>”代码。
src=http://......”是图片的URL地址,
height=225”是指定图片的高度(不更改图片高度可删除此代码),
width=300”是指定图片的宽度(不更改图片宽度可删除此代码)。
“align=right”是指定图片的水平对齐方式。可更改等号后面参数:right—靠右;left—靠左;center—居中。

2)日记背景图片制作

<DIV><IMG style="FILTER: alpha(opacity=95, finishOpacity=10,style=2)" height=225 src="http://......" width=300 align=right><DIV style="FLOAT: left; WIDTH: 473px">前景文字</DIV></DIV>

注:
src=http://......”是背景图片的URL地址,
height=225”是指定背景图片的高度(不更改背景图片高度可删除此代码),
width=300”是指定背景图片的宽度(不更改背景图片宽度可删除此代码)。
“align=right”是指定背景图片的水平对齐方式。可更改等号后面参数:right—靠右;left—靠左;center—居中。
style="FLOAT: left; WIDTH: 473px"”指定前景文字框的水平对齐方式和宽度。
style=2”背景图片滤镜样式,可更改等号后面参数: 0—均匀;1—线状;2—圆形;3—长方形。
opacity=95”指定背景图片起始透明度,有效范围是“0~100”
finishOpacity=10”指定背景图片结束透明度,有效范围是“0~100”

 
 
 
 
 
 
 

 

 

美化blog中的文字

 
美化blog中的文字
 

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

<FONT style="BACKGROUND-COLOR: #ffddff">加上背景色</FONT>
加上背景色

<font style="filter:FlipH;height:10pt;">左右翻转效果</font>
左右翻转效果

<font style="filter:FlipV ;height:10pt;">上下翻转效果</font>
上下翻转效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp;</FONT>投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果  

<font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">阴影文字效果</font>
阴影文字效果

<DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000>&nbsp;雕刻文字效果</FONT></DIV>

 雕刻文字效果

<DIV style="FONT-SIZE: 14pt; FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0); WIDTH: 125px; LINE-HEIGHT: 15pt; FONT-FAMILY: Verdana; HEIGHT: 20px" align=left>
<FONT color=#ff8000><STRONG><B>扭曲文字效果</B></STRONG></FONT></DIV>

扭曲文字效果

 

 

                                                                                      

                                        以上资料由  貓 ^ō^ の ๑۩۞۩๑ 。◕‿◕。  提供
 
 

在网络日志中如何添加背景图片

在网络日志中如何添加背景图片

 

 

 

   一篇好看的日志怎能缺少背景衬托呢?日志有了背景就给人一种不一样的感觉拉!

   制作背景你只要用下面的代码就OK~~~~

 

 

代码如下↓↓↓

<TABLE width="100%" background=http://spaces.msn.com/mmm2005-06-20_17.52/MSN/SmallLogos/msn_logo.gif border=0>

<TBODY>

<TR vAlign=top align=left>

<TD>

<P>内容在此</P></TD></TR></TBODY></TABLE>

 

特别注意:

background后面的URL即你想放的背景图片的URL

border前面一定要有一个空格,否则就得不到想的效果喽

 

❤下面介绍几种 背景颜色代码 ❤
 

粉红色背景代码

 

背景效果如粉红色区域显示:

<div style="width:100%;height:100%;background-color:#ffb6c1;">日志文字</div>

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

<div style="width:100%;height:100%;background-color:#ffb6c1;"><p>日志文字</p></div>

      当你想更改不同色彩的时候,只需将#ffb6c1这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。

邮票效果代码

 
邮票区域,其中#0000ff为字体颜色;#ccccff为背景颜色,82.78%和 85.66%代表所占区域的百分比。代码如下:
 
 
<DIV align=center>
<DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: #0000ff; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center>
<DIV align=left>&nbsp;</DIV>
<DIV align=center><FONT size=3><STRONG>日志文字</DIV>
<DIV align=center></STRONG></FONT>&nbsp;</DIV></DIV></DIV>
<P>&nbsp;</P>
 
 

 
此背景为女巫配色,其中,#ffdead为背景的颜色;  #ffa500为字体的颜色。代码如下:
 

<DIV align=center>
<DIV class=content style="BORDER-RIGHT: #ffdead dashed; BORDER-TOP: #ffdead dashed;
BORDER-LEFT: #ffdead dashed; WIDTH: 100%; COLOR: #ffa500; BORDER-BOTTOM: #ffdead dashed;
HEIGHT: 100%; BACKGROUND-COLOR: #ffdead" align=center>
<DIV align=left>&nbsp;</DIV>
<DIV align=center><FONT size=3><STRONG>日志文字</DIV>
<DIV align=center></STRONG></FONT>&nbsp;</DIV></DIV></DIV>
<P>&nbsp;</P>
 
 

FONT>

<DIV class=content style="BORDER-RIGHT: #ffcc99 dashed; BORDER-TOP: #ffcc99 dashed; BORDER-LEFT: #ffcc99 dashed; COLOR: #0000ff; BORDER-BOTTOM: #ffcc99 dashed" align=left>
<DIV style="WIDTH: 100.11%; HEIGHT: 85.66%; BACKGROUND-COLOR: #ffcc99; TEXT-ALIGN: center">
<P><FONT face="Arial Black, Geneva, Arial, Sans-serif, Simsun" color=#ff9966><STRONG>日志文字</STRONG></FONT></P></DIV></DIV>

<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pMq7WS2YxBcqZrZW3UKh2Gg!1068>
<DIV style="BORDER-RIGHT: #e6e6fa 2pt dashed; BORDER-TOP: #e6e6fa 2pt dashed; BORDER-LEFT: #e6e6fa 2pt dashed; BORDER-BOTTOM: #e6e6fa 2pt dashed">
<DIV style="WIDTH: 100.17%; HEIGHT: 46.5%; BACKGROUND-COLOR: #e6e6fa">
<P align=left><FONT color=#c6beef>日志文字</FONT></P></DIV></DIV></TD></TR></TBODY></TABLE></DIV>

紫色邮票背景框

<BR>
<DIV style="BORDER-RIGHT: #c396f0 2pt dashed; BORDER-TOP: #c396f0 2pt dashed; BORDER-LEFT:

#c396f0 2pt dashed; BORDER-BOTTOM: #c396f0 2pt dashed">
<DIV style="WIDTH: 100%; HEIGHT: 95.28%; BACKGROUND-COLOR: #c396f0">
<P>日志文字</FONT></P>
<P><STRONG><FONT face="Lucida Handwriting, Cursive, Simsun"

size=4></FONT></STRONG></P></DIV></DIV>
<P></P>
<P>&nbsp;</P>
<P><BR></P>


粉红色邮票背景框

<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!322>
<P><BR>
<DIV style="BORDER-RIGHT: #f0a5b4 2pt dashed; BORDER-TOP: #f0a5b4 2pt dashed; BORDER-LEFT:

#f0a5b4 2pt dashed; BORDER-BOTTOM: #f0a5b4 2pt dashed">
<DIV style="WIDTH: 100%; HEIGHT: 97.78%; BACKGROUND-COLOR: #f0a5b4">
<P>日志文字</P>
<P><FONT face="Lucida Handwriting, Cursive, Simsun" size=3></FONT></P></DIV></DIV><IMG

height=24 src="http://fenhong.512j.com/tu%20hua/link/223742.gif" width=361></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 border=0>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

 

 

                                                                                                原创

留言版的制作

留言板的制作

 

 

  在自己的space里添加一个留言版模块其实还是很不错的!方便大家交流嘛!

  相信绝大多数人都是会做的!可是charlane在这里还是要说明一下,因为有些刚着手sapce的人也许还不太明白!

  其实制作留言板嘛其实是很容易的!你可以在自定义列表里添加个外网链接个现成的留言本网站,也可以在自己的blog 里自制一个哦!(一般外网链接的留言本都有活跃要求,如果不是经常登陆很有可能这个留言本就失效了)废话就不多说了,下面就来教你如何制作留言本吧!

步骤可一定要看好哦:

 

 

1添加一篇网络日志,再起个好听的名字!

 

2打开“预览我的共享空间”,点击刚才那篇日志下方的 “固定链接”,选中并复制。

 

3编辑“列表”,添加一个“自定义列表”,并命名为“留言板”一类的东东,在URL把刚才复制上的地址粘贴上就可以了。

 

4在首页调整列表位置,使留言板在一个醒目的地方并保存。

 

 

    一个属于自己的、永不失效(除非你自己删了它。呵呵)的留言本就做好拉!至于美丽与否嘛,就要看你自己怎么设计喽!

  

                                                                            

 

                                                                    

                                                                                                   ------  </P

 

29

28

27