28 12
发新话题
打印

html标鉴做贴攻略及常用字体(新手必看)

html标鉴做贴攻略及常用字体(新手必看)



一:背景

原代码如下:

<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>


帖子内容,文字或图片.....
</TD></TR></TBODY></TABLE>

<TABLE> 的参数设定(常用):

<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

注解:

width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。

border="1"
表格边框的厚度,不同浏览器有不同的内定值,故请指明。

cellspacing="2"
表格格线的厚度

align="CENTER"
表格的摆放位置(水平),可选值为: left, right, center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为top, middle, bottom

background="myweb.gif"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色,与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框光部分的颜色

bordercolordark="#00FFFF"
表格边框光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2"
表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。

谢谢你凝视我——

TOP

文字设制

一,文字基本设制

基本代码如下:

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center 表示字体居中,可选值为居右(right)居左(left)



color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看




face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小,这里的最大值为7 取值越大文字就越大

二,大字体文字

效果:

数到三就不哭




代码:

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt 数值越大文字就越大。

三,移动文字设置:

基本代码1:

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

基本代码2:

<marquee behavior=移动效果>插入文字</marquee>

说明:

behavior=scroll 一圈一圈绕着走 

behavior=slide

只走一次 behavior=alternate 来回走

停停走走:

效果如:

数到三就不变

代码如下:

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

四,文字特效显示:

效果一:

数到三就不哭

原代码:

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果二:

数到三就不哭

原代码:

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果三:

数到三就不哭

原代码:

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER>

效果四:


数到三就不哭

原代码:

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

效果五:


欢迎你朋友


友朋你迎欢

原代码:

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。

谢谢你凝视我——

TOP


载入音乐

基本语法:

<EMBED SRC="音乐文件地址">

常用属性如下:

src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。

autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。

loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。

HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮

例一:

<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

作为背景音乐来播放,隐藏了播放器。

例二:

<EMBED SRC="midi.mid" loop=true width=145 height=60>

出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。

注明:可用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。

IE中的的背景音乐

代码如下:

<bgsound src="音乐文件地址" loop=#>

#=循环数

注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

在论坛做帖常用格试如下:

一:

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

说明:一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。

二:

<bgsound src="音乐文件地址" loop=3>
说明:一般用来插入wav wma mid mp3等格试的音乐文件。
谢谢你凝视我——

TOP

透明FLASH的贴法

首先选好一个图片,地址如下:

http://www.ysx2001.com/bbs/UploadFile/2006-1/200611220474565542.jpg

再选一个flash地址:

http://www.2000y.net/bbs/UploadFile/2005-9/200591121403884607.swf

将图片如贴背景的代码一样,贴出来

代码如下:

<P align=center>
<TABLE height=340 cellSpacing=0 cellPadding=0 width=453 background=http://www.ysx2001.com/bbs/UploadFile/2006-1/200611220474565542.jpg border=0>
<TBODY>
<TR>
<TD>

再将flash代码跟在后面贴出:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://www.2000y.net/bbs/UploadFile/2005-9/200591121403884607.swf width=453 height=340 type=application/x-shockwave-flash quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>

就是下面的效果:

[MP=0,0,true]mms://media.chinabroadcast.cn/chi/chinese_culture/ra040827005.wma[/MP]

[此贴子已经被作者于2006-1-13 18:45:12编辑过]

谢谢你凝视我——

TOP

宽屏图片编辑
其实,也没有很大难度,关键是最外一个边框,照这个格式套,其他基本不用更换.适当调整一下各层边框的宽度和距离就行了.
但是要注意:发表前,一定要取消<自动修正>,否则,就没有宽屏了.
<TABLE id=table1 style="LEFT: -220px; WIDTH: 950px; POSITION: relative; TOP: 80px" cellSpacing=28 align=center background=http://bbs.yunbbs.com/UploadFace/5555_200511416424271569.gif border=0>
<TBODY>
<TR>
<TD>
<P align=center>插入内容</TD></TR></TBODY></TABLE>

我把楚老师的教程也搬来了:

扮靓你的帖子~做图片背景的简单编辑小技巧(供参考)

[此贴子已经被作者于2006-1-21 13:43:49编辑过]

谢谢你凝视我——

TOP

天使真是个有心人!把自己做贴的经验和技巧都倾囊相授了啊.实在是非常感谢你!好贴!顶!

TOP

哇!!姐姐你好厉害,好羡慕呀……

TOP

天使MM教学有方。加精鸟!

TOP

有点难度哦 先看看

TOP

欢迎zxj768朋友,只要用心,你一定可以学会,让我们一起进步!
谢谢你凝视我——

TOP

我最笨哦,只会看不会做唉,向你学习!

TOP

真棒!

照葫芦画瓢
偶受益匪浅

[此贴子已经被作者于2006-3-23 22:00:52编辑过]

TOP

谢谢天使,可惜我看不懂啊!以后要好好学习的!

TOP

看来你是一个高手,有时间向你学习学习。

TOP

TOP

好!!

TOP

天使心灵手巧,吾辈望尘莫及;啥时我亦学学,让贴熠熠生辉!
倘若一个人同时活在人世与艺术王国里,那一定是快乐无比的;愿文学与音乐在你我之间搭起友谊的桥梁!

TOP

回复

天使好厉害啊!自叹不如!

TOP

我也是只会看不会做

TOP

引用:
原帖由 折翅的天使 于 2006-2-19 00:00 发表
欢迎zxj768朋友,只要用心,你一定可以学会,让我们一起进步!
德国汽车-------笨死

TOP


我才看到噢。。。
Angel姐姐。。。

TOP

看来你是一个高手,有时间向你学习学习

TOP

好,可做网页了。
牵一只蜗牛去散步……

TOP

[img]http://photo7.yupoo.com/20070408/145814_895407073_nnuuqjby.jpg
晕!我笨啊!看不懂。

TOP

学习啦非常感谢天使
如果注定了雪得洁白,将要与混浊为伍,那么我宁愿做那山涧叮咚得小溪,平静安祥

TOP

 28 12
发新话题
本功能由奇虎搜索实现

相关主题

标题 作者 最后发表
[站外] 攻略大全   [转帖] 月夜殘影 2008-11-17
[站外] HTML攻略   [转帖] 博客 2008-11-14
点击阅读更多关于的相关帖子