注册 登录
美国中文网首页 博客首页 美食专栏

福布斯齐 //www.sinovision.net/?43252 [收藏] [复制] [分享] [RSS] 梦幻排名!

x

博客栏目停服公告

因网站改版更新,从9月1日零时起美国中文网将不再保留博客栏目,请各位博主自行做好备份,由此带来的不便我们深感歉意,同时欢迎 广大网友入驻新平台!

美国中文网

2024.8.8

分享到微信朋友圈 ×
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

制作网站必备代码收集

已有 2692 次阅读2011-3-28 09:37 |个人分类:网站制作分享到微信

34)网页文字竖排效果
代码实例:
<div style="layout-flow:vertical-ideographic">powered by 25175.net
夜风凛凛 <BR>
独回望旧事前尘<BR>
是以往的我 <BR>
充满怒愤<BR>
诬告与指责 <BR>
积压着满肚气不忿<BR>
对谣言反应 <BR>
甚为着紧<BR>
</div>

===============================================================================
35)强制不显示滚动条,只支持在IE5.5版本以上。
<style type="text/css">
body {overflow: hidden;}
</style>

====================================================================================
36)对表单CSS字体的定义:
font-family: "Verdana"; font-size: 13px; color: #000000;
表单定义的代码:
.fm {font-family: "Verdana"; font-size: 13px; color: #000000; border: #666666; border-style: solid; border-top-width: 1px;

border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}


====================================================================================
37)鼠标移动上图片,图片象右下移动一个象素!

对于文字或者图片的超链接,使用CSS样式表定义:
超链接正常显示部分:
A:link {COLOR: #000000; TEXT-DECORATION: none}
鼠标移至超链接:
A:hover {LEFT: 1px; COLOR: #000000; FONT-FAMILY: "宋体";POSITION: relative; TOP: 1px; TEXT-DECORATION: none; crosshair:}


====================================================================================
38)如何将表单框做成虚线的?
<!--
textarea { border: #000000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

border-left-width: 1px}
input { border: #000000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

border-left-width: 1px}
-->

简化写法:
<!--
textarea,input{ border:1px dashed #000000;}
-->

==================================================================================
39)水平条是虚线的!
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted"

color=#000000 size=1>


====================================================================================
40)DW里打空格?
使用Ctrl+Shift+Space,或者直接使用输入法全角状态下的空格


=====================================================================================
41)“收藏夹”图标的制作?
HEAD 部分加入下面的内容:
〈LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico"〉
注意:该图标的路径一定要使用绝对路径。 图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。它是以 .ico 作为扩展

名。

===================================================================================
42)样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:
1. writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下  tb-rl:从上往下,从右向左
示例:div { writing-mode: tb-rl; }

2. text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐  right:右对齐  center:居中  justify:两端对齐
示例:div { text-align : center; }

实例:<html>
  <head>
  <title>竖排文字</title>
  <style type="text/css">
  <!--
   .tnt {Writing-mode:tb-rl;font-size:12px}
  -->
  </style>
  </head>
  <body>
  <div class="tnt">  “织梦幻影”为站点互动学院(http://favorites.myrice.com)的最新版本。我们在汲取前版本制作经验的基础

上,加以新技术,摒除前版本内容杂、管理烦、更新慢的缺点,全新制作了新的版本 ─ 织梦幻影。</div>
  </body>
  </html>

看了实例与示例,我们可以知道为文字赋予了“writing-mode”的属性值为“tb-rl”,文字就“从上往下”排,赋予了“text-align”的属性

值为“left”,文字就“从右向左”排。总之加入了< div >……< /div >里的内容都会按定义的排列方式排列。
最后一点要说明的是“writing-mode”目前只有IE浏览器支持,Nestscape浏览器不支持!

 

====================================================================================
43)视频有几种格式,如flash、director、wma、rm等,各自用相应的插件播放。
比如插入wma,代码则:
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=200 height=50 >
<param name=ShowStatusBar value=-1>
<param name=Filename value=http://arblue.25175.com/pic/zxdws.mpga>
<embed type=application/x-oleobject

codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp

src=http://arblue.25175.org/pic/zxdws.mpga width=200 height=50>
</embed>
</object>

http://arblue.3322.org/pic/zxdws.mpga则是在线播放文件,MP3、wav等一样处理。

Rm则是:
<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=350 height=100>
<PARAM NAME=SRC VALUE=rtsp://radio.25175.com/music/Eleven/05.rm>
<PARAM NAME=CONSOLE VALUE=Clip1>
<PARAM NAME=CONTROLS VALUE=imagewindow>
<PARAM NAME=AUTOSTART VALUE=false></OBJECT>

rtsp://radio.25175.com/music/Eleven/05.rm则是在线播放文件

 

=======================================================================================
44)在CSS中增加自定义标签,这样单元格内就能强制不换行:td { cloudchen:expression(noWrap=true);}
原来:
<table width="100%">
<tr><td>
关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站

内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用

noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,
</td></tr>
</table>

现在:
<style>
td { cloudchen:expression(noWrap=true);}
</style>
<table width="100%">
<tr><td>
关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站

内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用

noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,
</td></tr>
</table>

 

=========================================================================================
45)文字阴影效果
<table width="282" height="123" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCCCCC"><div style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135,

color=blue);width:100%">asdf</div></td>
</tr>
</table>


============================================================================================
46)使链接具有最大化、最小化的功能代码:
<object id=minimize type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Minimize"></object>
<a href="../../../#1" /a>

再根据Moonjeep提供的最大化效果,我们转录过来:
<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Maximize"></OBJECT>
<a href="../../../#1" /a>


==========================================================================================
47)怎样能够制作出“关闭此页”的按钮
<body>
<input type="button" value="关闭窗口" /><a href="javascript:self.close()"><font size="3">关闭窗口<br>
</font></a>
</body>

=============================================================================================
48)在DW里面编辑的时候有时老是出现西欧字符:
<head></head>中少了这句代码:
<meta http-equiv="Content-Type" content="text/aspl; charset=gb2312">


===========================================================================================
49)插入表单后,上下两个表格被撑开出现空白如何解决?

1.将<form>这样插入:
<table width="90%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<form name="form1" method="post" action="">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</form>
</table>

2.样式表CSS来控制。。。
<!--
form { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px;

padding-bottom: 0px; padding-left: 0px}
-->

 


免责声明:本文中使用的图片均由博主自行发布,与本网无关,如有侵权,请联系博主进行删除。







鲜花

握手

雷人

路过

鸡蛋

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 注册

 留言请遵守道德与有关法律,请勿发表与本文章无关的内容(包括告状信、上访信、广告等)。
 所有留言均为网友自行发布,仅代表网友个人意见,不代表本网观点。

关于我们| 反馈意见 | 联系我们| 招聘信息| 返回手机版| 美国中文网

©2024  美国中文网 Sinovision,Inc.  All Rights Reserved. TOP

回顶部