要玩轉Spaces,首先一定要懂得用進入HTML模式編輯日誌,以前有『Edit it』,現在退休了,現在只要直接按<HTML>就可以進入…才能充分發揮MSN SPACES的功能…
文本滾動框…俗稱「滾動條」…是HTML語言中一個挺不錯的功能,因為能夠通過旁邊的滾動欄來調節位置,免得要讀者為了看這一大篇東西而不斷地把鼠標調到旁邊然後往下拉…,現在只要在這一個小小的範圍拉動就可以了,而且還節省了很多空間,不會顯得內容很多,看到眼花的感覺,是不是很方便呢?
文本滾動框的源代碼:
<DIV align=center>
————————————–置中;
<FONT style="
————————————–文字格式;
OVERFLOW: auto;
————————————–超過範圍就自動生成滾動條;
OVERFLOW-X: Hidden;
————————————–需要時才用,用來隱藏X軸滾動條的;
border: solid 2px black
;————————————-邊框的格式,厚度和顏色;
background-color: #ffffee;
————————————–背景色,如果要透明背景就去掉整句;
SCROLLBAR-FACE-COLOR: #0000ff;
—————滾動條中間可以拉的部分和箭頭旁邊部分的顏色;
SCROLLBAR-TRACK-COLOR: #eeffff;
—————滾動條中間可以拉的部分以外的顏色;
SCROLLBAR-HIGHLIGHT-COLOR: #6cb424;
—————滾動條左側邊框的顏色(用於顯示立體之用);
SCROLLBAR-3DLIGHT-COLOR: #fcfc48;
—————滾動條左側邊框的顏色(用於顯示立體之用);
SCROLLBAR-SHADOW-COLOR: #90fcfc;
—————滾動條右側邊框的顏色(用於顯示陰影之用);
SCROLLBAR-DARKSHADOW-COLOR: #401687;
—————滾動條右側邊框的顏色(用於顯示陰影之用);
SCROLLBAR-ARROW-COLOR: #FFFF00;
—————箭頭部分的顏色;
ZOOM: 100%;
—————放大比率,下面的HEIGHT就是改整個框的高度;
HEIGHT: 105px" face="Courier New, Courier, Monospace" color=#9933cc>
<P>test日誌內容test</P>
<P>test日誌內容test</P>
<P>test日誌內容test</P>
<P>test日誌內容test</P>
</FONT></DIV>
效果:
test日誌內容test
test日誌內容test
test日誌內容test
test日誌內容test
<DIV align=center><FONT style="FONT-SIZE: 11pt; OVERFLOW: auto; WIDTH: 90.62%; FONT-FAMILY: times new roman; HEIGHT: 87px" face="Courier New, Courier, Monospace" color=#9933cc>
<P align=left>test日誌內容test</P>
<P align=left>test日誌內容test</P>
<P align=left>test日誌內容test</P>
<P align=left>test日誌內容test</P></FONT>
</DIV>
OVERFLOW: scroll;的,八度推介還是用OVERFLOW: auto;比較好… 2. 還有OVERFLOW-X: Hidden;是強制隱藏X軸滾動條的,如果要隱藏Y怎麼辦呢?就用OVERFLOW-Y: Hidden咯!最後特別注意兩點:
1. 語句中的OVERFLOW: auto;可以用OVERFLOW: scroll;代替,但效果會差一截,大家吃飽飯沒事做可以試試看!
然而其他教程中的文本滾動框都是用
什麼?不知道什麼是X軸和Y軸?
回去看看小學數學課本吧!
這篇東東很久以前就已經想發了,不過一直存放在草稿裡…
今天翻出來了,就馬上給發啦!呵呵!
延伸閱讀:利用草稿來豐富您的日誌…
November 26, 2005 at 1:25 pm |
谢谢了…………
November 27, 2005 at 6:42 pm |
http://lzjthy.vip.sina.com/yansedaima.htm哈哈,我找到了颜色代码!
November 29, 2005 at 4:09 pm |
图片怎么添加进去啊?我把word里的东西直接粘贴过去,只有显示文字!真晕啦~救救我吧!555555
November 29, 2005 at 4:09 pm |
囊到我的spaces上告诉我吗?
December 1, 2005 at 12:09 pm |
谢谢。。。。。。。。。。。。无语,连老天都感动的哭啦
December 2, 2005 at 10:17 am |
我也可以用了,謝謝!
December 2, 2005 at 3:04 pm |
非常感谢
December 3, 2005 at 12:59 am |
谢谢。
December 3, 2005 at 4:29 pm |
谢谢了
December 3, 2005 at 8:17 pm |
多谢多谢..我总算弄成功了,不过别的代码还是不会啊…..哭..
December 4, 2005 at 1:54 pm |
学到了,谢谢,改天试试~
December 5, 2005 at 12:36 am |
我还是 不会 请楼主教教我啊
December 5, 2005 at 8:35 am |
又学到一招!多谢了 !
December 6, 2005 at 12:29 am |
谢谢….
December 7, 2005 at 7:42 pm |
嗯...要仔细研究...
December 9, 2005 at 9:40 am |
我做個連接到你這呀,,順便學下野,不介意吧。。。還想請教下點樣整個音樂播放器。。。。有空教下啦。。。
December 10, 2005 at 9:29 am |
我按了HTML为什么是一堆我不认识的符号啊?
December 11, 2005 at 8:59 am |
好有心呀!指出这么多的space的用途,好实用的!! 才建的空间一切的从头学起,你的指教给了很大的启发,谢了!没事时到我那坐坐。 我的涂鸦留言本是 http://www.flashinn.com/gb/hushuo 在这里你可以涂鸦留言的。
December 13, 2005 at 11:46 am |
高度怎么调,偶比较笨
December 13, 2005 at 11:02 pm |
dddddddddddddddd
December 17, 2005 at 10:30 pm |
嘿嘿···謝謝,搞了半天終于有成果啦···請問一下 ,不介意硪把這一段教程貼到硪得空間吧??先擅自貼嘍哦?有什麽不妥,請跟我講>0< 馬上刪除···有空,光臨一下硪得地盤哦···
December 21, 2005 at 9:28 am |
太好了,是人民之所需呀!!!!!!!!!1
December 22, 2005 at 8:10 pm |
恩,学会了,谢谢。(从没谢过你呢,呵呵)
December 23, 2005 at 10:59 am |
你好 实在太笨了 我有一篇日志特别长 就是需要这样的滚动条 我弄完了整个全乱了 哎 可真够笨的 虽然没学会 但谢谢你
December 23, 2005 at 1:51 pm |
诶,怎么不好用呢。哪几个command是必须的。为什么每次都保存不了呢?
December 24, 2005 at 1:27 am |
很实用!!还很简单!!谢谢啦!!顺便说声:圣诞快乐!!
December 24, 2005 at 12:11 pm |
我也来学习。多谢!
December 24, 2005 at 12:11 pm |
我也来学习。多谢!
December 24, 2005 at 8:18 pm |
VERY WELL
December 25, 2005 at 1:04 am |
新年快乐!
December 29, 2005 at 2:14 pm |
偶也搞好了。Thanks!
December 30, 2005 at 2:09 pm |
大恩不言谢!
December 30, 2005 at 4:49 pm |
说实话~还是不太明白……
December 31, 2005 at 10:58 am |
弄好了,但怎么让他大一点呢?太小了不方便看啊~谢谢
December 31, 2005 at 11:00 am |
呵呵,会弄了~~~~
December 31, 2005 at 6:43 pm |
谢谢!说明,使用时根据文本的内容 适当的更改 宽度和高度的px值。在非html编辑状态下,双击模版中的几行字,将其删除然后将新的内容粘贴过来。
January 1, 2006 at 1:28 am |
终于做好了,很开心!多谢了!
January 1, 2006 at 8:15 pm |
凑合合弄好了范本谢谢
January 2, 2006 at 10:25 pm |
谢谢~不过现在还暂时用不到~先超联了~相信你不会介意的~哈~
January 3, 2006 at 7:49 am |
學到野啦…….不过我真系好好好初级…..但系我都好希望有日识用得晒你教既野!
January 4, 2006 at 5:57 pm |
根据你的「簡化版文本滾動框」 偶很机械的复制了过去 OK 没问题8过对于你的 文本滾動框的源代碼偶是不太明白诶。。是直接加进去么。郁闷下 看来要多多实践。。
January 14, 2006 at 5:16 pm |
哇~~从你这里能学到好多东西哦~~太好了~~
January 17, 2006 at 6:16 pm |
还要用HTML编辑啊,恩,这样确实省了不少地方,看起来也不会太麻烦….
January 22, 2006 at 2:00 pm |
看着有点复杂,还是不太会哈…….
January 22, 2006 at 3:33 pm |
哈,按妳的教程自己动手做了一个,有点不明白那滾動條怎么可以變長,在代碼那裏改?高手指教!THANKS
January 24, 2006 at 2:54 am |
谢谢,基本上是会了
January 24, 2006 at 6:24 pm |
努力中!!谢了
January 25, 2006 at 9:21 pm |
从你这里能学到好多东西哦,太感谢你了!
January 25, 2006 at 10:00 pm |
按照你的提示,把网络日志发表后,文框代码还在文章里,怎样消除呢?这样太不美观了!
January 26, 2006 at 10:18 am |
学会,不过只会照搬啦
February 9, 2006 at 6:50 pm |
每次别人都要滚着看,会不会烦呢?只是疑问一下
February 11, 2006 at 3:56 pm |
呵呵~~不烦不烦
February 16, 2006 at 1:22 pm |
嘿嘿,很好用谢谢
February 17, 2006 at 3:20 pm |
找了很久啦,谢啦
February 21, 2006 at 8:09 pm |
很感谢
February 22, 2006 at 1:23 am |
还在想怎么把日志搞成那样,现在就看到了,谢谢
March 3, 2006 at 2:18 am |
过来问一下,我想做一个非常简单的滚动条~~中间只有一条线,和两个箭头部分那种~
请问怎么做呢?
顺便说一下
链接了你的spaces~~
希望你同意
谢谢你~~~~
March 4, 2006 at 4:24 pm |
刚想弄个条儿呢,之前看到的办法都太复杂,这个够简单,适合我的水平,呵呵~
谢谢啦!
March 5, 2006 at 9:10 am |
看了你的日志,我也会弄了,谢谢!
March 8, 2006 at 12:20 am |
支持下果然是高手学到了很多
March 8, 2006 at 10:17 am |
努力消化中!~~~~~`
March 14, 2006 at 8:21 pm |
用到了,谢谢你
March 20, 2006 at 7:59 pm |
谢谢
学会了一个
蛮不错的
以后继续关注
March 21, 2006 at 3:52 pm |
呵呵,应用成功,请看:http://spaces.msn.com/moonwellmoonwell1978/blog/cns!44760BAA4280A10!339.entry
谢谢。
March 24, 2006 at 12:48 pm |
成功,不过是照搬啦。一点都看不懂的说。
March 27, 2006 at 10:18 am |
非常谢谢 ~~ 用到了 ~~~~~~
April 1, 2006 at 6:19 pm |
谢谢!~
April 1, 2006 at 7:10 pm |
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
强烈支持!!!!!!!!!!!!!!!!
三可有
April 5, 2006 at 11:48 pm |
哥们,有你我什麽都不怕了。
谢!
April 7, 2006 at 7:45 pm |
真棒,努力学习中。不过这位大哥,X、Y轴这种东西,应该是初中学的吧……
April 7, 2006 at 11:14 pm |
我把这写加上去之后为什么,没有滚动烂,而是显示我复制上去的这些乱七八糟的码啊?请问各位,是在日志里面加嘛?
April 13, 2006 at 6:26 pm |
谢谢,我的文章已成功滚了起来,以后一定常来学习
April 18, 2006 at 1:36 pm |
谢谢了,新手,新手,收藏了你的东西了。谢谢。
April 24, 2006 at 1:32 pm |
thank you very much!!!
April 26, 2006 at 7:09 pm |
又来了!又满足的走了!呵呵
May 14, 2006 at 9:19 pm |
拿走了哦~3Q
May 15, 2006 at 1:02 pm |
好东西啊支持一下,真好用。还有一个疑问就是每篇都要加这个代码的吗?还是有什么通用的方法?
May 20, 2006 at 9:08 am |
555555
我太笨,那位哥哥姐姐能告诉我html在哪?
May 22, 2006 at 4:26 pm |
这个好有用啊~~谢谢啦!!
每次学一个东西,我都觉得要少活十年….太费脑子了-_-#
May 22, 2006 at 9:48 pm |
研究了一下下
還是跟昨天一樣有看沒有懂
下次再來研究~~
May 23, 2006 at 9:35 pm |
今天終於搞定這~~滾動條
(雖然還是有點給它不太懂~~)
3Q 啦~~
May 25, 2006 at 11:33 am |
太苯了,试着用
May 27, 2006 at 4:57 pm |
thanks u a lot
I made it…..haha actually, i owed u a lot..
June 8, 2006 at 11:44 pm |
成功…^^…
謝謝
June 11, 2006 at 11:56 am |
谢谢,非常感谢“`一切搞定“`谢谢谢谢“`
June 11, 2006 at 1:17 pm |
怎么还是看不太懂啊,太笨了???
好逊啊!!!
June 12, 2006 at 8:35 am |
OK了,谢谢,很使用
June 12, 2006 at 2:05 pm |
谢过 ing…………..
June 14, 2006 at 8:48 pm |
好是好啦,可俺不会用啊,惨吧……
Thank you all the same!
June 21, 2006 at 9:38 pm |
汗~听着不很难。。。试试去!!
July 5, 2006 at 7:00 pm |
看不懂啊那怎么办?
July 12, 2006 at 9:30 am |
很好用耶!
来你这学点东西真是太棒了!
再去看点别滴!
闪!
July 14, 2006 at 11:49 am |
一学就会,很好用,谢过,闪ing!
July 18, 2006 at 7:35 am |
好用,方便.谢了!
July 28, 2006 at 9:51 am |
还是不太懂啊。
July 28, 2006 at 10:00 am |
呜呜呜呜呜呜呜。
还是失败......
July 31, 2006 at 10:21 am |
谢谢大哥哥。好用。
February 27, 2007 at 2:12 pm |
还是不行呀