随州摄影网

查看: 3580|回复: 11

[玩转论坛] 如何把音乐图片文字加入边框

  [复制链接]
发表于 2013-4-14 14:53:44 | 显示全部楼层 |阅读模式
[ 本帖最后由 lilei301046 于 2013-4-16 18:58 编辑 ]\n\n  [ 本帖最后由 lilei301046 于 2013-4-14 22:37 编辑 ]

  应家纺妹子之约,在这里向大家说说如何把文字, 图片,音乐和边框融合在一起,在下才疏学浅,有不足之处请大家谅解。

  首先是找好图片,音乐和歌词,先放在一边,关于音乐自动播放 雨很安静同志已经有专门的帖子,这里就不说了

  接着我们点击发表新帖子,来到编辑状态
===========================================================================
  在编辑帖子内容框里先粘贴这个表格代码:

  [table=80%,black]
  [tr][td]



  [/td][/tr]
  [/table]



  这是个简单的表格代码,纯属本人做音画的时候无意间发现的,觉得很简单很实用,就一直沿用至今。

  1

  [table=80%,black]
  [tr][td]

  上面是边框代码的开头,table=80% 表示边框的大小,一般用80%就OK,全凭个人喜好来设置

  其中“black"是指边框的颜色,用英文表示颜色的单词来替换,比如我们要做一个黑色的边框就替换成black,要做一个紫色的就用 purple 来替换 black, 黄色就用Yellow,绿色就用Green等等。


  2

  中间空白的地方供大家填充图片,音乐地址和文字


  3

  [/td][/tr]
  [/table]]


  上面这个是结尾,每个边框就是由这个三个部分组成的,记住不要少一个符号哦,连标点也不能错,不然边框就不能正常显示了。
  大家记住这个代码就行了,图片,音乐,文字都放在这个代码中间就ok了,为了美观,我们一般把图片,文字音乐都设置成居中。

  4

  大致示意图如下:

  [table=80%,black]
  [tr][td]

  图片

  音乐

  文字

  [/td][/tr]
  [/table]

===========================================================================

  细节注意事项

  我们一般是使用图片上传按钮来传图片,很多人把图片上传就OK了,但要在边框里显示图片,一般为了使用方便我们用附件按钮来上传图片,上传好了,先点击边框的空白处,然后点击插入附件,这样边框里就用了图片,当然为了美观,我们先选中这些图片然后点击居中按钮就好了

  至于音乐地址和播放器代码,请参考雨很安静同志的帖子:教你实现发帖中音乐自动播放的功能 音乐弄好了为了美观也请设置成居中哦。

  文字也是一样,论坛的帖子编辑功能里,为我们提供了很多设置字体,文字大小号和颜色功能。设置好了也请设置居中。

  先说到这里,以后遇到好东东我再完善。

评分

参与人数 3威望 +23 金钱 +23 贡献 +23 收起 理由
下一秒┛.幸福的 + 6 + 6 + 6 给的不是分,是支持!
爱尚家纺 + 10 + 10 + 10 给的不是分,是支持!
love旅行的鱼 + 7 + 7 + 7 很有前途,看好你哟!

查看全部评分

发表于 2013-4-14 20:45:37 | 显示全部楼层
MARK一下
 楼主| 发表于 2013-4-14 20:48:55 | 显示全部楼层
玛瑞优 发表于 2013-4-14 20:45
MARK一下

发表于 2013-4-14 20:56:55 | 显示全部楼层
收藏了。辛苦楼主。
 楼主| 发表于 2013-4-14 21:03:10 | 显示全部楼层
山丘子鱼 发表于 2013-4-14 20:56
收藏了。辛苦楼主。

谢谢朋友支持
祝周末愉快
发表于 2013-4-16 07:41:05 | 显示全部楼层
本帖最后由 发光的石头 于 2013-4-16 07:44 编辑

学习了,说的很详细!

 楼主| 发表于 2013-4-16 18:21:14 | 显示全部楼层
发光的石头 发表于 2013-4-16 07:41
学习了,说的很详细!

谢谢朋友支持
共同学习
发表于 2013-4-16 18:22:46 | 显示全部楼层
{:soso_e160:}谢谢皇帝果果。教程非常赞~
学习了,谢谢你为摄影网付出的~
 楼主| 发表于 2013-4-16 18:27:51 | 显示全部楼层
爱尚家纺 发表于 2013-4-16 18:22
谢谢皇帝果果。教程非常赞~
学习了,谢谢你为摄影网付出的~

说的还不够详细,没有做到图文并茂
妹子多包涵
发表于 2013-4-17 22:50:47 | 显示全部楼层
学习了!很好~
发表于 2013-4-18 15:13:30 来自手机 | 显示全部楼层
这个够强,学习了
 楼主| 发表于 2013-4-18 15:28:54 | 显示全部楼层
云说 发表于 2013-4-18 15:13
这个够强,学习了

谢谢支持
共同学习
您需要登录后才可以回帖 登录 | 注册

本版积分规则

免责申明|Archiver|手机版|随州摄影网 ( 鄂ICP备12016844号-1 )

GMT+8, 2024-11-23 15:41 , Processed in 0.061983 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
快速回复 返回顶部 返回列表