‹‹ 上一主题 | 下一主题 ››
发新话题
打印

帖子编辑技巧 教你如何美化帖子

本主题由 elfwss 于 2007-10-28 12:34 设置高亮
elfwss

木吾

管理员 玫瑰花 4 朵

Rank: 10Rank: 10Rank: 10

魔

UID
5490 
帖子
1005 
精华
7 
积分
13311 
金币
8534  
威望
53  

主题勋章 贴图高手勋章

宠物名字：飞龙族
[显示宠物资料]
楼主 大 中 小 发表于 2007-10-28 12:10  只看该作者
欢迎来到淡泊苑.您是本帖第633個瀏覽者

帖子编辑技巧 教你如何美化帖子

帖子编辑技巧 教你如何美化帖子

HTML代码实际应用讲解
一：背景




一个完整的HTML帖子应该是：

美贴＝背景＋文章＋插图＋收尾


原代码如下： <TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>
帖子的文章加图片
</TD></TR></TBODY></TABLE>
注意：前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错哦　：）
常用的参数设定及注解：
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">
width="400" 表格宽度，接受绝对值（如 500）及相对值（如 80%）。 border="10" 表格边框的厚度。 cellspacing="2" 表格格线的厚度 cellPadding=5　表格格线内厚度 align="CENTER" 表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。 　　 background="背景图片网址" 表格的背景图片，与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的底色，与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 bordercolorlight="#00FF00" 表格边框向光部分的颜色 bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor  将会失效。


二.文字应用
1.文字基本设制
基本代码如下：
< align=center><FONT color=#CFCF88 face=华文行楷 size=5>插入文字</FONT></P>
< align=center>表示居中，< align=left>表示居左，< align=right>表示居右。
face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等 size=字体大小，这里的最大值为7　取值越大文字就越大 另一种贴法： <font style=font:40pt face=新宋体 color=#ff0000>插入文字</font> font:40pt　数值越大文字就越大。 color=颜色代码。


三.贴图
1.基本代码：
<img src=图片网址 width=图片宽度 height=图片长度>
注意：设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）。图片的居中，居左，居右上面已经介绍了，这里不再重复。。。。。
2.给图片加边框
基本代码：
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=http://web.cn898.net/haoran/tp/lu/lu10.jpg width=500 height=375></td></table>
说明：
border="6" 表格边框的厚度，不同浏览器有不同的内定值。
cellspacing="2" 表格格线的厚度
cellPadding=1　表格格线内厚度
borderColor=#841A00　边框色彩
3.图片朦胧
A.圆形效果
代码：　<IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

B.方形效果
代码：　<IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375 ALGIN="MIDDLE">


四.透明FLAH的应用
1.常用代码如下：
<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=图片><TBODY><TD><EMBED src=透明网址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></center>
注意：长和宽的设定要根据图片的实际大小来设定效果

上帝把我们都骗了,其实地狱才是最美的地方,佛祖知道真相,所以佛说:我不下地地狱,..........？＂）））

TOP

hezhuotian

版主 玫瑰花 71 朵

Rank: 8Rank: 8

UID
456 
帖子
363 
精华
1 
积分
3021 
金币
2383  
威望
8  

考勤勋章 宣传勋章

宠物名字：多洛球(恶魔系)
[显示宠物资料]
金牌 大 中 小 发表于 2008-1-10 13:53  只看该作者
建议BZ删帖
这样的帖子会搞得论坛乱七八糟的，真的
自封水王

不回没技术含量帖子，
没必要回的帖子一概不回。

TOP

elfwss

木吾

管理员 玫瑰花 4 朵

Rank: 10Rank: 10Rank: 10

魔

UID
5490 
帖子
1005 
精华
7 
积分
13311 
金币
8534  
威望
53  

主题勋章 贴图高手勋章

宠物名字：飞龙族
[显示宠物资料]
银牌 大 中 小 发表于 2008-1-10 15:54  只看该作者


回复 2# 的帖子

晕！  楼上看来是想找人删我贴子噢！   嘿嘿！！！
   看来楼主对 html语言没太大兴趣  亦或是网页编程高手，对此不屑一顾！？？？
论坛开通html功能的一个目的是在促进大家对网络、网页的了解！
上帝把我们都骗了,其实地狱才是最美的地方,佛祖知道真相,所以佛说:我不下地地狱,..........？＂）））

TOP

hezhuotian

版主 玫瑰花 71 朵

Rank: 8Rank: 8

UID
456 
帖子
363 
精华
1 
积分
3021 
金币
2383  
威望
8  

考勤勋章 宣传勋章

宠物名字：多洛球(恶魔系)
[显示宠物资料]
铜牌 大 中 小 发表于 2008-2-6 17:01  只看该作者
不是说不感兴趣，主要是一个学生论坛，不要弄得那么花哨
简洁美观又不失大方感觉那样才是一个大学生论坛
如果搞成现在比较受15-18岁追捧的非主流，那样岂不贻笑大方
会弄编程，html语言的人我很PF的，因为我不会，也很想学习，但是这样会搞得论坛花花绿绿的，“乌烟瘴气”（这个词似乎有点不妥）。

管理员，你啥时候把洋葱头的图片搞上来啊，那套猪的表情都没人用，哈哈！！洋葱头的图片相当生动有趣
自封水王

不回没技术含量帖子，
没必要回的帖子一概不回。

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题