芜湖毅昌工资如何:设计边框的代码222

来源:百度文库 编辑:九乡新闻网 时间:2024/04/19 23:15:00
设计边框
关键是这个第一层边框::  这个根据论坛的设置的而定.
WIDTH: 750px;这是边框尺寸,可以自由调整






一定要加在最外一个边框,不能放在其他位置!
照这个格式套,其他一般不用换.
发表前,一定要取消<自动修正>,否则,就没有宽屏了.



关键是第一个边框的设置,其他不变.
这是一般的帖子设置,


其中:LEFT: -220px; 为左边界距离。WIDTH: 970px; 为边框的宽度。 TOP: 80px" 为上边界距离。如果在机器里就应该修改为:LEFT: -20px至10px。WIDTH: 700px;至970px。  TOP: 10px或者5px    这个数据你可以根据你机器的情况进行调节。主要是因为你使用的刷新频率和系统,显示器。
这是全频帖子的设置,


































































楼主 2006-07-27 17:14
回复帖子

凡老易
等级:57级
积分:8309分
金币:398个
圈主
1楼 2006-07-27 17:16

凡老易
等级:57级
积分:8309分
金币:398个
圈主
HTML做帖子常用特效代码





2楼 2006-07-27 17:17

凡老易
等级:57级
积分:8309分
金币:398个
圈主
透明flash多层叠加:





采用的代码:
……
如果你是用FP做帖,点HTML,把红字部分放在第一个表格的这个位置,即可全屏显示。把style="LEFT: 0px; POSITION: absolute; TOP: 0px"放在FLASH的相应位置。(后面。)
这个是以分辩率1024X768为标准,800X600的还要调下数据。
3楼 2006-07-27 17:17

凡老易
等级:57级
积分:8309分
金币:398个
圈主
图片边缘羽化再加一层FLASH效果


4楼 2006-07-27 17:19

凡老易
等级:57级
积分:8309分
金币:398个
圈主
带有滑动条的帖子





突然爱上了这首歌...

我已经
已经把我伤口化作玫瑰
我的泪水
已经变成雨水早已轮回

我已经
已经把对白留成了永远
忘了天色
究竟是黑是灰
分手伤了谁
谁把他变美
我的眼泪写成了诗已无所谓
让你再回味
字不醉人人自醉
因为回忆总是美

夜里的歌声有着异样的美丽的颜色和芳香,而我在音乐的隐蔽下大声地哭泣。原来伤口依然,并且不可触及,就好像我分明知道该把一切忘掉,而所有的记忆都已经成了我生命中的干燥花...


我的爱就仿佛像星空中闪烁星光般闪亮着,却永远都不会属于我 ,
因为它只出现在过去的夜空中...
因为现在的我不敢去触摸...不能去触摸...

渴望爱,却只能用隐忍来填满我的心...

原来,我们的爱是那么的多,但有时却只能藏在自己的内心,给了一些永远不会伤害我们的人,给了一个梦,可能因为他的遥远,才可以承受内心这百分之百的真爱...

"就让一切结束于开始之前..."
就让偶用这种残忍的清醒来扼杀这一切吧....





5楼 2006-07-27 17:19

凡老易
等级:57级
积分:8309分
金币:398个
圈主
边框举例:




















做框步骤:
将"边框粗细"设置10,单元间距设置20
我们现在设置边框颜色和背景颜色,点开调色版
在调色版中自由选取边框和背景颜色,看我选的颜色代码,选择边框颜色 =#09097F 背景颜色=#A3B3F5
第1层表格
编辑栏下面有一组设置,你看一下,在以后编辑中常用到:
"Design"是设计状态, "VIEW"是预览状态, "HTML"是代码状态
我们进入HTML看代码



 

6楼 2006-07-27 17:24

凡老易
等级:57级
积分:8309分
金币:398个
圈主
2、学习修改表格的宽度
先我们做的第一层边框,(进入HTML看代码)




现在我们将width="100%"宽度改width="60%"



3、制作两层边框
现在我们做第二层,方法跟1层一样。
方法:用鼠标选中你做的边框,点右键复制,在第一层边框中粘贴上,跟文字粘贴一样.
代码:









怎样添加表格呢?
鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后在边框外空的地方点一下,再把鼠标放进表格内最靠左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高.)右击---粘贴,就出现双层边框.重复这样的操作,做成一个5层边框如下:
制作多列行表格:修改行列数字.
2行:
代码:





内容
内容

代码:









内容
内容
内容
内容

2列:
代码:




内容内容

5列:
代码:







内容内容内容内容内容

行列合并,2行2列
代码:







内容内容
内容内容

8行3列:

































   
   
   
   
   
   
   
   

代码:将空格码删除掉,太多我就不一个个的删除了,你做时一定要在代码中删除空格码然后再添加内容.
7楼 2006-07-27 17:25

凡老易
等级:57级
积分:8309分
金币:398个
圈主
一、在表格中添加文字
1、用鼠标点表格的中间处,你看到光标在闪动,这时你就能写入文字了,也可以复制粘贴文字。
2、编辑表格中的文字
将鼠标放到表格中文字的最前面,点击,然后横拖鼠标选中,你看到字的背景颜色是蓝色时你就可以操作了
3、编辑文字
居中:点居中图标
字体:选择你喜欢的字体,有很多选项
字号:论坛中的编辑器是数字越大字也就越大。
字体颜色:点开A自由选色,满意为止
4、我们现在要在表格中输入“寂寞时上网来看我”看编辑效果:
代码:




 寂寞时上网来看我


二、在表格中插入图片
插入图片方法有三种:
1、直接插入法。将鼠标放在你选好的图片上,点右键,复制然后粘贴到你的表格中,看效果:
2、用编辑器插入法
选择好图片,将鼠标放在图片中点右键,点属性,复制图片地址;在编辑器里点开“插入图片”图标,将你刚复制过的地址粘贴到信息栏里,按确定,看是下面的格式。
[*IMG]http://class.znrsw.com/UploadFile/2005-10/2005101120412195250.jpg[/IMG*]
3、在html格式下插入图片代码及图片地址
帖图基本格式如下:
<*IMG src="图片连接URL地址"><*IMG> 称图形标记,主要用来插入图形标记。
方法:在表格中输入“内容”两字,点开html将你编辑好的代码及图片地址粘贴上,
看代码:



内容

常用参数识别:

width="100"
表格宽度,接受绝对值(如 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"
表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。
贴图格式帖图基本格式如下:

8楼 2006-07-27 17:26

凡老易
等级:57级
积分:8309分
金币:398个
圈主
称图形标记,主要用来插入图形标记。
的一般参数设定:
例如 Logo of PenPals Garden
src="logo.gif"
图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行已久,后者则由 96 年开始发展, 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称,否则 必须加上正确的路径,相对或绝对均可。
width=100 height=100
设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真。)
hspace=5 vspace=5
设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, 是设定图片上下的空间,高度采用 pixels 作单位。
border=2
图片边框厚度
align="top"
调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom,
texttop 表示图片和文字依顶线对齐,
baseline 表示图片对齐到目前文字行底线值,
absmiddle 表示图片对齐到目前文字行绝对中央,
absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q 等字的下边)。
alt="Logo of PenPal Garden"
这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字 将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示。
lowsrc="pre_logo.gif"
设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低 解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本。
9楼 2006-07-27 17:27

凡老易
等级:57级
积分:8309分
金币:398个
圈主
原代码 ○ 说明标记 为文件加上说明,但不被显示

○ 段落标记 为字、画、表格等之间留一空白行

○ 换行标记 令字、画、表格等显示于下一行


○ 水平线 插入一条水平线
● 居中 令字、画、表格等显示于中间 反对
 ● 预设格式 令文件按照原始码的排列方式显示
● 区隔标记 设定字、画、表格等的摆放位置
● 不折行 令文字不因太长而绕行
● 建议折行 预设折行部位
三\常用参数识别(略)
(第四课)表格中添加背景图片代码制作精美边框
首先我们找来制作边框素材:
2、转换为HTML模式,边框变为代码
3、修改边框颜色代码:
4、添加背景图片即代码background代码



添加内容

5、把代码稍微修改一下
换上代码background= 及图片地址,把border=1改为border=0 ,cellSpacing=2 把2修改得大一点,比如20 ,数越大,边框越宽
6、添加图片代码与图片地址



添加内容

7、这是第一层,转换为DESIGN模式,看一下效果
我们接着做第二层:
1。把第一层的上半部分复制,




我们将图片地址修改一下
2、然后稍作修改就可以了 。




cellSpacing=1 把原来的20改为了1。
10楼 2006-07-27 17:28

凡老易
等级:57级
积分:8309分
金币:398个
圈主
七层边框:
第四层跟第二层一样 ,第五层跟第一层一样 ,第六层跟第二层还一样 ,把原来的代码依次复制过来就可以了。(还可以自由组合)
都复制过来看看效果:
第五课)如何在网页中添加音乐代码\地址
(第六课)如何修改和固定图片
我们可以用这样的格式,以此来控制了图片的缩小,我看到很多用代码做帖子的朋友的帖子的外框大,图片被缩的很小,就是因为直接显示了图片,没有用这样的格式来控制它.
代码如下:




宽和高根据图片的大小来设定!
其中"WIDTH: 550px; HEIGHT: 400px"的代码,能控制图片的大小,防止图片在某些论坛自动缩小!
第8课)常用特效制作与处理(倒影、飞舞,雾化....)详细说明语音室告诉大家,为节约时间这里就不细说了





代码
















11楼 2006-07-27 17:29

凡老易
等级:57级
积分:8309分
金币:398个
圈主
边框