获取文字及音乐模版原代码的方法

落墨惊云 · 发表于 2019-10-28 21:28

竹轩听雨发表于 2019-10-28 19:36
在这里【忘忧音画】→【会员存图】→发个存图帖，再把阅读权限设为最高权限，这样只有你自己能看到了（当 ...

谢谢听雨老师这么细致的指点，我存下来，研究一下
送你一朵小花❀

落墨惊云 · 发表于 2019-10-28 21:29

竹轩听雨发表于 2019-10-28 19:36
在这里【忘忧音画】→【会员存图】→发个存图帖，再把阅读权限设为最高权限，这样只有你自己能看到了（当 ...

你这个代码，文字加在哪里？
我要那种可以在线编辑文字的，就是文字浮在底图上的代码，谢谢

落墨惊云 · 发表于 2019-10-28 21:36

蝶洛发表于 2019-10-28 21:35
等晚点孩子睡了和你细说～

不急不急的，我先用以前古曲的代码方式
一时半会儿我也学不会
好蝶蝶，你先忙现实中的事，宝贝才是最重要的

落墨惊云 · 发表于 2019-10-28 21:42

竹轩听雨发表于 2019-10-28 19:36
在这里【忘忧音画】→【会员存图】→发个存图帖，再把阅读权限设为最高权限，这样只有你自己能看到了（当 ...

我记得我以前是用那种在线调试器，然后可以在图片上直接编辑文字，用回车键可以直接定位
以前网易博客很多这样的代码，现在已经完全忘了：）

竹轩听雨 · 发表于 2019-10-28 21:54

落墨惊云发表于 2019-10-28 21:29
你这个代码，文字加在哪里？
我要那种可以在线编辑文字的，就是文字浮在底图上的代码，谢谢

我先以那边老师的这个代码为例：
http://www.wyc520.cn/forum.php?m ... amp;_dsign=3f0f8d96

<div align="center">
<table style="POSITION: relative; WIDTH:650px; border=" 0"="" cellspacing="0" cellpadding="0" id="table1">
<tbody><tr>
</tr>
<tr>
<td background="http://img.wyc520.cn/data/attachment/forum/201907/04/223153bq7bs2el7klpetlg.jpg.thumb.jpg" height="1155">
<img border="0" <p="" align="center">　</p>
<div align="center"><br>
<p align="center"> <img src="" width="" /></p>
<font face="楷体"><font size="4"><font color="#218868"><b><br></b></font></font></font></div><div align="center"><font face="楷体"><font size="4"><font color="#218868">
<b>蝉蜕</b><br></font></font>
<div align="center">
<font color="#218868"><b>~~~~~</b></font></div><font color="#218868">
</p><div style="text-align: Justify;"><p style="line-height:25px;text-align:left;letter-spacing:1.8px;padding-left:4.6cm;padding-right:1.6cm;"><font size="3"><font face="楷体">
<font color="#218868"> <br>街边的小树林里<br>
趴着一片甲壳虫般的车子<br>
白天它们吱哇飞起，聒噪人间<br>
夜晚脱去肉身，像一只只蝉蜕<br>
又像一只只棺椁，屋檐闪着磷火<br><br><br>
<font face="宋体"><font size="3"><font color="0088CC"><b><br></b></font></font></font></div><div align="center"><font face="楷体"><font size="4"><font color="#218868">
<b>蝉鸣</b><br></font></font>
<div align="center">
<font color="#218868"><b>~~~~~</b></font></div><font color="#218868">
</p><div style="text-align: Justify;"><p style="line-height:25px;text-align:left;letter-spacing:1.8px;padding-left:4.6cm;padding-right:1.6cm;"><font size="3"><font face="楷体">
<font color="#218868"> <br>热空气像一群蜂，在耳边嗡嗡<br>
树冠巨大的阴影<br>
在夜里一言不发<br>
它的身上有胶带，脚下有眼睛<br>
没有蝉声，偶尔的鸣响是草丛里的虫<br>
蛹还在地下，隔着土地干硬的壳<br>
和人间的绳索<br>
我在树的寂静里窒息<br>
在蜂群的挤压中，爆出一声<br>
不可遏制的蝉鸣<br><br><br><br>
</font></font></font></p><p style="line-height:25px;text-align:left;letter-spacing:1.8px;padding-left:7.6cm;padding-right:1.6cm;"><font size="3"><font face="楷体"><font color="#218868">——那边——<br>
  2019.07.4 <br><br> <br>
</font></font></font></p></div><table style="</div"> </table></font></font></div></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div></div>
<br>
<br>
<br>

复制代码

这是单张底图的，上边可以编辑文字的代码。

竹轩听雨 · 发表于 2019-10-28 22:15

落墨惊云发表于 2019-10-28 21:42
我记得我以前是用那种在线调试器，然后可以在图片上直接编辑文字，用回车键可以直接定位
以前网易博客很 ...

我感觉草坛自代的代码编辑器有些受限制，简单一些的代码编辑是可以用它的。HTML是要勾选的，纯文本勾选时，可以往里帖现成的代码，这时可以换图片的网址和大小。纯文本不勾选时，进入可视化编辑状态，这时可以编辑文字的。我一般编辑代码时，不用系统自带的，多用FrontPage2003，也常用把代码复制到一个文本文件中，然后再把文本文件的后缀txt,改为html或htm。这样就可在文本文件中修改代码，然后再浏览器打开这个修改后缀的文件，就可以预览效果了。这两种方法各有长处。FrontPage2003可以可视化编辑，但有些个别的代码语句不支持。改后缀的方法，操作上修改和预览要分开就行，但所有代码语句都能正常显示。

落墨惊云 · 发表于 2019-10-28 23:33

竹轩听雨发表于 2019-10-28 22:15
我感觉草坛自代的代码编辑器有些受限制，简单一些的代码编辑是可以用它的。HTML是要勾选的，纯文本勾选时 ...

刚才蝶在教我代码，所以来不及及时回复，见谅
信息量一下子有点大，我这人性子慢，先收藏下来，笔记做好，一点点研究
希望听雨老师不要嫌这个学生笨

竹轩听雨 · 发表于 2019-10-29 18:15

落墨惊云发表于 2019-10-28 23:33
刚才蝶在教我代码，所以来不及及时回复，见谅
信息量一下子有点大，我这人性子慢，先收藏下来，笔记做好 ...

我用你的图和你的文字用代码编辑了一下：

<br><br><br>
<div align="center">
<table id="table1" style="width: 800px; position: relative;" cellspacing="0" cellpadding="0">
<tbody><tr><td height="550" background="http://img.wyc520.cn/data/attachment/forum/201910/29/175204at4zntfe5n797tkn.jpg.thumb.jpg">
<div style="left: 0px; margin-top: -20px; position: relative;">　
<div style="text-align: justify;">
<p style="text-align: left; line-height: 40px; letter-spacing: 1.8px; padding-right: 1.6cm; padding-left: 6.8cm;">
<b><font color="#ffffff" face="微软雅黑" size="4" font=""><b>
<font face="微软雅黑" size="4">
古老的故事<br>
</font></b>
</font></b>
<div style="text-align: justify;">
<p style="text-align: left; line-height: 30px; letter-spacing: 1.8px; padding-right: 1.6cm; padding-left: 6.8cm;">
<font color="#ffffff" face="微软雅黑" size="2">文：落墨惊云
</font>
<div style="text-align: justify;">
<p style="text-align: left; line-height: 25px; letter-spacing: 1.8px; padding-right: 1.6cm; padding-left: 2.2cm;">
<font color="#ffffff" face="微软雅黑">
蝶在摄影版发了一组桂花，其中一张桂花安静坐于盛了清水的<br>
瓷碗中，不由想起《影梅庵忆语》中关于董美人制花露的一段<br>
文字：酿饴为露，和以盐梅，凡有色香花蕊，皆于《初时采渍<br>
之，经年香味、颜色不变……又想到《红楼梦》里袭人拿给宝<br>
玉吃的装在三寸小瓶里的木樨，金贵无比。<br>
我喜欢读一些古老的故事，喜欢它们隔了悠长岁月依旧透出的<br>
活色生香。古人风雅，他们对生活的态度是不厌其烦，而现代<br>
人更喜欢删繁就简。二者不存在哪种好或者哪种不好。适合自<br>
己的，顺应时代的就是好的。相比古人，我们无疑幸福些，<br>
因为我们可以随意拾取岁月长河的一段段雅致幽香。<br>
在我心里，写字就仿佛是在配制文字的花露，所以，我想把这<br>
首清雅的古筝曲送予你，以音佐字，共酿花露。<br>
</font>
<div style="left: 680px; top: 400px; width: 70px; height: 15px; position: absolute; z-index: 1;">
<audio style="width: 70px; height: 15px;" src="http://wp.zp68.com/sub/filestores/2019/10/28/6eb18c31776f7525b41c1aaa96e74440.mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio></div>
</div></div></div></div></tr></tbody></table><br><br><br></div>

复制代码

letter-spacing:字符间距
padding-left:左内边距
padding-right:右内边距
line-height:行间距离
text-indent:首行缩进
<div style="left: 0px; margin-top: -20px; position: relative;">中，margin-top: -20px;是整体文字距图片顶部的位置

竹轩听雨 · 发表于 2019-10-29 18:32

下面是2种用三张底图制作的边框：

<br><br><br>
<div align="center">
<table style="POSITION: relative; WIDTH: 678px; border=" 0"="" cellspacing="0" cellpadding="0" id="table1">
<tbody><tr>
<td background="http://img.wyc520.cn/data/attachment/forum/201909/26/232003g2r3dgqila3dfkae.png.thumb.jpg" height="51"></td>
</tr>
<tr>
<td background="http://img.wyc520.cn/data/attachment/forum/201909/26/231603w6tq7ortrn9r706l.png.thumb.jpg" height="77">
<div align="center">
<table style="POSITION: relative; WIDTH: 500px; border=" 0"="" width="500" cellspacing="0" cellpadding="0" id="table2">
<tbody><tr>
<td></td>
</tr>
</tbody></table>
<p align="center"> <img src="http://img.wyc520.cn/data/attachment/forum/201910/10/145038aakpanzfprw6ykqo.jpg.thumb.jpg" width="500">
<br><br><br>
<div align="center"><font face="微软雅黑"><font size="3"><font color="484747"><strong> 秋日私语
</strong><br><br>
<font size="2">文 | 那边</font></font></font><br><br><br>
<br>
</div></font></font> </font> <div style="text-align: Justify;"><p style="line-height:24px;text-align:left;letter-spacing:1.6px;padding-left:3.6cm;padding-right:1.8cm;"><font size="2"><font face="微软雅黑">
<font color="484747">
<strong>《那些红》</strong><br><br>
一坡一坡的<br>
幸福得像要滴下来<br>
天空蓝着，阳光灿烂得有点不真实<br>
让你不由得也想蓝，想红起来<br>
山道细窄，尘世很远<br>
一群人在路边远眺，拍照<br>
想象岁月静好。群山在对面一声不吱<br><br><br>
<strong>《失火》</strong><br><br>
撕碎旧罗衫，踢开镣铐的石头<br>
秋风已在山头喊了三遍<br>
该黄就黄，该红就红吧<br>
就让后山失火，就让火势泛滥成灾<br>
阳光火上浇油，是最好的帮凶<br>
兜里的魂魄按也按不住<br>
“胆小者勿入”，前路不但焚身，亦焚心<br><br><br>
<strong>
《红》</strong><br><br>
它不是暮色<br>
不是临亡的挣扎<br>
只是情到深处的醉态<br>
是迷离，是恍惚，是把心掏出来给你看<br>
它单纯，醇澈，绝美<br>
湖水一样，秋天一样<br><br><br>
<strong>
《会飞的叶子》</strong><br><br>
是风遇到火，是火与火叠在一起<br>
是一个灵魂撞上了另一个灵魂，焚毁燃烧<br>
是一堆灵魂拥抱在一起，是天使折断了翅膀<br>
把尘世变成天堂<br>
是反来复去的生，和反来复去的死<br>
是撒欢，是打滚，是一匹红围巾<br>
飘逝在呼啸的秋天里<br><br><br>
<strong>
《临落的叶子》</strong><br><br>
终是飞不成鸟<br>
就这么不尴不尬，夹在半空<br>
秋风每天都往她身体里楔钉子<br>
已是千疮百孔，已是百病缠身<br>
天空蓝得冰凉，高远<br>
凡尘敞开，这终归躲不掉<br>
逃不开的陷阱<br><br><br>
<strong>
《晚秋》</strong><br><br>
无数次爬过这样的山<br>
犹如无数次犯过的同样错误<br>
仿佛寻找，又仿佛抓取<br>
每次都掏出全部的骨殖、盐分，孤注一掷<br>
天空总是越够越高，山顶也是越靠近越远离<br><br>
山尖没有枫树，只有黄栌独自发放着金黄<br>
林间静寂，松树支撑起天空的高大<br>
石头被染成金色，叶片在指间瑟瑟抖颤<br>
秋风发自体内，从秋到春，又从春到秋<br>
我停留于此，避开人群，关掉尘世<br>
让血流上树梢，泪滑进溪涧，没有羞愧，没有自尊<br><br>
山间有甲虫，它们有坚硬的胸膛<br>
和沉默的舌头。<br>
我带回果核，在冬天重新种植自己<br><br><br>
</div></td>
</tr>
<tr>
<td background="http://www.wyc520.cn/localimg/forum/201909/26/230155affgrfsl2fswh7wg.png.thumb.jpg
" height="46">　</td>
</tr>
</tbody></table>
</div><br><br><br>

复制代码

<br>
<DIV align=center>
<table style="POSITION: relative; width:700px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=357 background=http://img.wyc520.cn/data/attachment/forum/201908/07/223042mzhhzm5f543fvm1s.jpg>
</TD></TR><TR><TD height=116 background=http://www.wyc520.cn/localimg/forum/201908/07/223101sy5kbkztipmbjj4k.jpg>
<div align="center"><p style="line-height:30px">
<b>
<font face="微软雅黑" size="4" color="#FFFFFF">《You Raise Me Up》——你鼓励了我
</font>
</b>
<div style="text-align: justify;">
<p style="text-align:left; text-indent:2em; line-height:25px; letter-spacing:1.8px; padding-left:1.6cm; padding-right:1.4cm;">
<font color="#FFFFFF" face="微软雅黑">
<font style="font-size: 11pt">人生路上，谁都不可能一帆风顺，当你面对困苦一筹莫展时，你一定不相信，真的能有一首歌，能鼓舞着你！
<br>
<br>
　　这首歌就是红遍全球的励志歌曲《You Raise Me Up》。《You Raise Me Up》最初是由Secret
Garden（神秘园）创作的，根据爱尔兰传统民歌Danny Boy获得了创作灵感，这首歌最初题为《无声的故事》，由Secret Garden成员Lovland作曲成为世界上最适合被钢琴和小提琴演奏的经典曲目，Lovland在读了爱尔兰小说家和歌曲作家Brendan
Graham（布伦丹·格雷厄姆）的小说后，请他为该歌填词。
<br>
<br>
　　爱尔兰组合Westlife是第100位录制这首歌的艺人，他们也使这首歌的荣耀重新回到了爱尔兰。演唱过这首歌的歌手还有Daniel O'Donnell,
Ronan Tynan, Russell Watson, Celtic Woman, Tommy Fleming, Michael Ball等。<br>
<br>
　　我第一听到这首歌是在westlife《face to
face》这张专辑中。第一次听到这首歌的时候就被它优美的旋律，蕴意深刻的唱词所感动。歌手细腻的声线，就如同一道光束一样，干净明亮，透亮的音色在开口的那一瞬间，仿佛能温暖人心，再多的不快都能被治愈。音乐推向高潮时，和声的加入涌入新的力量感。和声空灵而又坚定有力，让人不经意间沉浸其中，无比感动。<br>
<br>
　　这首歌唱出来的仿佛正是自己内心深处长期想表达而没有表达出来的感情。赤裸裸地来到这个世界，到了最后发现自己并不是一个完整的个体。母体只给予了我一个生存的骨架，仍然感觉到自己是一种残缺的存在。<br>
<br>
　　当xx在你的肩上时，我是如此坚强。你鼓舞了我，让我能超越自己。这首让人落泪的歌，希望同样鼓舞了你！
</font>
</div>
<div style="text-align: justify;">
<p style="text-align:right; line-height:25px; letter-spacing:1.8px; padding-left:1.6cm; padding-right:1.8cm;">
<font size="2">云儿 2019.8.07
<br>
<br>
</font>
</div>
<p align="center"><embed width=55 height=25 type=application/x-shockwave-flash align=center pluginspage=http://www.macromedia.com/go/getflashplayer
src="http://webftp.bbs.hnol.net/sxrx2016/player.swf?id=20707713&style=0&color=ffffff&auto=1&alpha=60&display=1" wmode="transparent" invokeurls="false"></embed></P>
<p align="center"><br><br></P>
</TD></TR><TR><TD height=327 background=http://img.wyc520.cn/data/attachment/forum/201908/07/223116r98117vxo9heox7h.jpg>
</table><br><br></div>

复制代码

以上三组代码，再加上最前面的两组，自己再找一些喜欢的也就够用了。

竹轩听雨 · 发表于 2019-10-29 18:38

再帖一组三张底图加动画的代码：

<DIV align=center>
<table style="position: relative; width:700px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=285 background=http://webftp.bbs.hnol.net/sxrx2016/bamboo/image/bamboo_01.jpg>
<P align=center><EMBED height=200 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=500 src
=http://webftp.bbs.hnol.net/sxrx2016/swf/starshine.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></P>
</TD></TR><TR><TD height=50 background=http://webftp.bbs.hnol.net/sxrx2016/bamboo/image/bamboo_02.jpg>
<div align="center"><p style="line-height:30px">
<b><font face="微软雅黑" size="4">执念的树<br>
</font></b>
<font color="#313736" face="微软雅黑" size="2">——文：悠忧竹影——</font><font color="#313736" face="宋体">
</font> <div align="center">
--------------------------------</div>
<div style="text-align: justify;">
<p style="text-align:left; line-height:25px; letter-spacing:1.8px; padding-right:1.6cm; padding-left:6.6cm">
<font color="#313736" face="微软雅黑">
【壹】相遇<br>
总是喜欢<br>
探知天空的情怀<br>
那是心的远航<br>
<br>
总是喜欢<br>
仰望树木的姿态<br>
那是梦的住所<br>
<br>
天空中的树木<br>
身体里的灵魂<br>
以各自的存在<br>
在其所及之处<br>
相遇<br>
相抚 <br>
<br>
【贰】雕刻时光<br>
你在每一年的四季里轮回<br>
我却无法在岁月里转身<br>
在岁月里，我因无法停留<br>
错失了流年里的邂逅<br>
<br>
当时光载着此刻的你<br>
与我擦肩而过<br>
在时光里，我驻守着瞬间<br>
才有了相遇在经年里的一笑<br>
Goodbye, time <br>
浮生缒绻<br>
It was time to meet <br>
时光氤氲<br>
<br>
【叁】互为融合<br>
光影，是投射在<br>
岁月里的记忆<br>
文字，是编织在<br>
记忆里的曾经<br>
当它们合为一体<br>
便是一个难忘的故事 <br>
走在这些依然鲜活的<br>
感觉里，看树的伸展<br>
体味着生命中<br>
未转变冷的温情<br>
<br>
【肆】经年相伴<br>
将凝重的岁月沉入心湖<br>
摁住涟漪<br>
以行云流水的旋律<br>
给她呼吸<br>
以蓝天绿树的倒影<br>
给她安宁<br>
再用文字撑开心的翅膀<br>
轻轻追逐<br>
冬的脚步.蹒跚而去<br>
春的风语，汲汲而生<br>
亭前一遇，又是经年<br>
晨曦在侧，如梦如幻<br>
清晰的言，如丝<br>
模糊的忆，如灯</font><font color="#313736" face="微软雅黑" size="2"><br>
<br>
<br>
</font></div>
<p align="center"><embed width=55 height=25 type=application/x-shockwave-flash align=center pluginspage=http://www.macromedia.com/go/getflashplayer
src="http://webftp.bbs.hnol.net/sxrx2016/player.swf?id=210326&style=0&color=000000&auto=1&alpha=60&display=1" wmode="transparent" invokeurls="false"></embed></P>
</TD></TR><TR><TD height=330 background=http://webftp.bbs.hnol.net/sxrx2016/bamboo/image/bamboo_03.jpg>
<P align=right><embed width=700 height=300 type=application/x-shockwave-flash align=left pluginspage=http://www.macromedia.com/go/getflashplayer
src="http://webftp.bbs.hnol.net/sxrx2016//swf/dragonfly.swf?url=&bgcolor=000000" wmode="transparent" invokeurls="false"</embed></P>
</table><br><br></div>

复制代码

其中播放器用法可见：
http://www.wyc520.cn/forum.php?m ... amp;_dsign=d3d2c0a2

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

[单曲推荐] 获取文字及音乐模版原代码的方法 [复制链接] (56/2920)

点评

点评

点评