教大家学做简单代码贴

开落无异 · 发表于 2010-4-3 13:29

本帖最后由开落无异于 2010-4-14 14:24 编辑

套用代码：

<div align="center"><table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%"> 歌曲或音乐名称 <img src="图片地址"> 介绍文字 <EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"> </td></tr></table></div>

初学的人先别被这些符号吓着，只要把这段代码收藏起来，就可以发简单的代码帖子了。^_^
发贴的时候先把左下角的Html代码和右上角的源码打上勾，像这样：

然后把代码粘贴进去，取消源码，就可以看到预览效果了。

另外:如果要让文字回行,在需要回行的文字后面加上 这个代码就行了,回一行加一个,回二行加二个,依此类推。如果不加 则所有的文字都是连在一起的。

有兴趣的可以了解一下各个代码的含义。如下：
简易套用代码详解:
<div align="center">是定义帖子居中;
<table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%">
这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度
 歌曲或音乐名称 
是定义文字居中的， 是回行代码，加几个就会空几行。是定义文字属性的。face="华文彩云"是定义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如果不定义，默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在网上可以找到<img src="图片地址"> 介绍文字 
第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。介绍文字是定义这段文字的。如果想改变字号、字体、字的颜色，可照搬上面我讲的定义方法。
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1">
这一段是插入播放器代码，style="FILTER: xray()"
是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的，autostart="true"是设定手动或自动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop="-1"是播放次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。

开落无异 · 发表于 2010-4-3 13:57

这个帖子发出之后所长如同见到外星人一样惊讶地喊：你做贴还用代码？
犹如一声春雷震得偶是一佛出窍二佛升天。那个瀑布汗啊～飞流直下三千尺～～

～～～哈哈，请允许偶的落后，这个帖子即然发出去了就不删了，附上所长先进的一页：http://www.shiandci.net/bbs/view ... &extra=page%3D1

悠悠猫儿 · 发表于 2010-4-3 15:09

分解图来看看...

就拿你们随便一个图举例，呵呵

开落无异 · 发表于 2010-4-3 15:39

本来想举个例子的，可当知道可以不用代码就能做出来之后，不好意思说下去了。

即然猫猫有兴趣，那我就举个例子吧。

首先，背景图片或图片的地址必须是能正常显示的有效链接。可以从网络上获得或自己把图片先上传到某个空间。再把地址套进去就行了。

背景图

开落无异 · 发表于 2010-4-3 15:41

效果：

歌曲或音乐名称

介绍文字

开落无异 · 发表于 2010-4-3 15:51

本帖最后由开落无异于 2010-4-3 17:59 编辑 回头再说，有事出去了。

歌曲或音乐名称

介绍文字

开落无异 · 发表于 2010-4-3 15:57

本帖最后由开落无异于 2010-4-3 18:02 编辑 .......................前景图片

开落无异 · 发表于 2010-4-3 18:05

祝你生日快乐

介绍文字

开落无异 · 发表于 2010-4-3 18:06

想加几张加几张，图片的长宽可以调整。

开落无异 · 发表于 2010-4-3 18:14

歌曲或音乐名称

介绍文字

介绍文字

介绍文字

介绍文字

开落无异 · 发表于 2010-4-3 18:30

如果还不明白怎么多加后面的图片，可以看一下代码：

<div align="center"><table border="1" width="90%" height="403" background="http://www.shiandci.net/bbs/attachments/month_1004/100403153916bef84503789a71.jpg"><tr><td width="80%" height="100%"> 歌曲或音乐名称 <img src="http://www.shiandci.net/bbs/attachments/month_1004/1004031801a36a126a65642baf.jpg"> 介绍文字 <img src="http://www.shiandci.net/bbs/attachments/month_1004/10040318010645625cf3a83959.jpg"> 介绍文字 <img src="http://www.shiandci.net/bbs/attachments/month_1004/10040318010645625cf3a83959.jpg"> 介绍文字 <img src="http://www.shiandci.net/bbs/attachments/month_1004/1004031801ba3b7ba31fc25953.jpg"> 介绍文字 <EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"> </td></tr></table></div>

红色的部分都是重复的，只是图片地址不同。

开落无异 · 发表于 2010-4-3 18:36

就是把<img src="图片地址"> 介绍文字多粘贴几段，为了好看，可以在每一段的后面加回行 ,要加几个看自己感觉。

开落无异 · 发表于 2010-4-3 19:01

偶罗里罗嗦地自言自语，不知道有没有人感兴趣。偶还是继续自言自语吧。也能赚一下今天的发帖量。

如果想做成我那篇《三月》那样的帖子，那背景图就要换成这样的了：

像这样符合要求的图片如果网上找不到就只好自己动手做了，这要用到PS，在这就不说了。

加一条线性素材：

开落无异 · 发表于 2010-4-3 19:04

本帖最后由开落无异于 2010-4-3 19:07 编辑

歌曲或音乐名称

介绍文字

介绍文字

线性图片可以调小一点。

开落无异 · 发表于 2010-4-3 19:16

本帖最后由开落无异于 2010-4-3 19:25 编辑

今天才知道论坛有一个《音画学堂》板块，（偶对论坛的了解太不够了）那里有淡月咏梅提供的许多漂亮的背景图片。喜欢的朋友不妨试做一二。http://www.shiandci.net/bbs/home/link.php?url=http://www.shiandci.net%2Fbbs

歌曲或音乐名称

香如故 · 发表于 2010-4-3 20:31

开落：你真棒！漂亮极了！

水千月 · 发表于 2010-4-3 21:18

哇，真不错，有空来学学~~

水凝凝 · 发表于 2010-4-4 00:59

引用16楼回帖：开落，你真棒

纤指十三弦 · 发表于 2010-4-4 19:31

谢谢开落，很有帮助的说，改天有空做一个试试。

芳寸之缘 · 发表于 2010-4-4 20:27

落热心，图片片要代码的

		自动登录	找回密码
密码			注册

教大家学做简单代码贴

本帖子中包含更多资源

评分

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

浏览过的版块