個人檔案开什么玩笑相片部落格清單更多 ![]() | 說明 |
|
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)
引用通告此內容的引用通告是: http://qullic.spaces.live.com/blog/cns!5CACCFC1AFC565CD!288.trak 引述這則內容的部落格
|
|
|