個人檔案开什么玩笑相片部落格清單更多 工具 說明
6/8/2005

html页面编辑常用几招代码

      很久以前,msnspace的blog并不支持进行html语言的编辑,导致了很多比较理想的效果出不来,实现不了编辑者的意图,后来一个叫“Scott”的网友制作了一个“edit it”的工具页面,可以进行html的一些代码的编辑。现在,msnspace本身就提供了可以进行html代码编辑的环境,即add entry里面的最后一个工具“HTML”,点击之后,就可以进行html语言编辑了,再点,就可以进行预览。并在两种环境下切换。
      对于熟悉html的朋友,这就很爽了,只是像偶这样的菜鸟、非专业人士,还是储存一些代码,需要的时候用一下比较方便。以下就提供几组我常用的代码,记得要在html编辑环境下面编写才能实现哦!
   
       1.插入图片。虽然msnspace本身提供了上传图片的服务,但是在blog里面都是以缩略图的形式出现的,影响美观。
        代码:<p><img src="图片地址"></p> 此代码为显示原图片大小。但是blog的宽度有限制,遇到比blog还宽的网络图片怎么办呢?有没办法自定义引用图片的大小来适应blog的宽度限制呢?
        代码:<p><img height="y" whith= "x" src="图片地址"></p>其中增加了参数height与whith,前者代表指定引用图片的高度,后者代表引用图片的宽度。经过本人实践,引用宽度即whith="380"的时候,正好可以适合blog的宽度。至于宽度为380象素的时候高度应该是多少才能使得图片是按比例缩放的,大家可以用一些看图/绘图工具查看。可以先把你要引用的网络图片保存到本地硬盘,再打开相应的工具按比例调整图片大小,就可以知道具体的按比例缩小的x与y的值了。
 
      2.插入背景音乐
      代码:<p><img height=0 loop=infinite dynsrc=音频文件地址 width=0 border=0></p>
      其中“loop”为循环参数,infinite表示无限循环,你可以自己改成别的数字,比如loop=1则代表相应音频文件播放一次,依此类推。
 
      3.使用滚动文本框。有时候blog制作者不希望大段的文字占用页面空间,就可以定义一个滚动文本框,让指定的内容在滚动文本框之内,这样可以使页面清爽一些,有利于突出主题。如果你不好理解这到底是什么,请看实例:http://spaces.msn.com/members/qullic/Blog/cns!1pVJ3JsfD61PQr7I5K9H5oxg!278.entry
      代码:<DIV align=left style='
color: #ffffff;
background-color: #000000;
border: solid 2px black;
width: 380px;
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>
      说明:以上有很多以”#“开头的颜色代码,大家可以自行http://spaces.msn.com/members/qullic/Blog/cns!1pVJ3JsfD61PQr7I5K9H5oxg!173.entry查看相应的颜色代码并且进行修改,没改的话就是上面实例里面的颜色效果。还有两个很重要的控制滚动框高度宽度的参数:width: 380px; height: 200px; 经过本人实践当使用小框的时候,width: 380px的时,正好能使滚动框的宽度与blog的宽度相适合,如果使用我现在BLOG的大框,则760px的时候比较恰当。大家也可以根据需要进行修改。最后,滚动框内可以套嵌html代码,比如可以在滚动框内引用图片/音乐等等。

 
 

回應 (4)

請稍候...
很抱歉,您輸入的回應過長。請縮短您的回應。
您尚未輸入內容,請再試一次。
很抱歉,目前無法新增您的回應,請稍後再試。
若要新增回應,您的父母必須先給您權限。要求權限
您的家長已關閉回應功能。
很抱歉,目前無法刪除您的回應,請稍後再試。
您已超過每日回應上限次數,請於 24 小時後再試一次。
由於系統顯示您可能傳送垃圾郵件給其他使用者,因此您帳號中的回應功能已遭停用。 如果您認為自己帳號遭錯誤停用,請連絡 Windows Live 支援
請完成下列安全檢查,以完成回應。
您輸入的安全檢查字元必須與圖片或音訊中的字元相符。

若要新增回應,請以您的 Windows Live ID 登入 (若您使用 Hotmail、Messenger 或 Xbox LIVE,則您已擁有 Windows Live ID)。登入


沒有 Windows Live ID?註冊

WangFT撰寫:
我现在用的灰色主题的滚动框效果代码:<DIV style="SCROLLBAR-FACE-COLOR: #696969; SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0; OVERFLOW: scroll; WIDTH: 380px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 500px" align=left>
8 月 2 日
匿名 的圖片
滿少爺 撰寫:
recently,

being so lazy.

dun want to use my brain
8 月 13 日
匿名 的圖片
sinky_yaya 撰寫:
。。。。。复制粘贴就可以使用的东西还复杂```
8 月 12 日
匿名 的圖片
滿少爺 撰寫:
太復雜。。。有沒有簡單點的???
8 月 11 日

引用通告

此內容的引用通告是:
http://qullic.spaces.live.com/blog/cns!5CACCFC1AFC565CD!288.trak
引述這則內容的部落格