试用 Dreamweaver CS6 编辑代码贴

阙歌

首先,上传所用的图片素材:

阙歌

示范：

肩上的云

         

           原唱：安静    翻唱：阙歌

风起的时候 我好想你
多想陪你走过 四季
那段爱情还留在心底
沉默得像身边的空 气
飘雨的时候你在哪里
望穿 秋水不露 痕迹
只有 那片蓝色的 天空
它曾 看过 我们的甜蜜
你是落在我肩上的云
随风飘飘飘成相思的雨
掌心里 还留着你的情
却像花瓣般散落一地
你是落在我肩上的云
随风飘飘飘吹来了回忆
看那往事在心里堆积
从此只剩我一个人孤寂

飘雨的时候 你在哪里
望穿秋水 不露痕迹
只有 那片 蓝色的天空
它曾 看过 我们的甜蜜
你是落在我肩上的云
随风飘飘飘来相思的雨
掌心里 还留着你的情
却像花瓣般散落一地
你是落在我肩上的云
随风飘飘飘吹来了回忆
看那往事 在心里堆积
从此 只剩 我一个人 孤寂
从此 只剩 我 一个人 孤寂

阙歌

代码:


<section class="_editor" style=" margin: 0px auto;width:530PX;">

<section style="margin:10px 0px;" class="">
<section style="width:40%;margin:0px auto;background-image: url('https://img.wyc520.com.cn/data/attachment/forum/202209/26/184420agg6gaag877av61z.jpg'); background-position: 100% 100%; background-repeat: no-repeat;background-size:100% 100%; text-align: center;transform: rotatez(0deg);" data-width="60%" class="_bg">
<section style="width:100%" data-width="100%" class="">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202209/26/184421oim6smsn3slx627e.png" style="display: block; width: 100%; height: auto;" data-width="100%" alt="">
</section>
</section>
<section style="margin-top:-68px;border:solid 1px #fc7f68;border-radius:20px;padding:8px;" class="">
<section style="background-color:#fff4f2;border-radius:20px;padding:76px 14px 20px;" class="">
<section style="margin-right: 90px; margin-left: 70px; letter-spacing: 2.4px; line-height: 2em; transform: rotateZ(0deg); text-align: justify;" class="">
<p style="">
<div style="text-align: center;"><span style="letter-spacing: 2.4px;"><font size="6" face="黑体" style="" color="#483d8b">肩上的云</font></span></div><font color="#323232">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</font></p>
<p style=""><font color="#323232"></font><font color="#708090">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;原唱：安静&nbsp; &nbsp; 翻唱：阙歌</font><br><div style="text-align: center;"><span style="font-size: 13px; letter-spacing: 2.4px;"><font color="#2f4f4f"><br></font></span></div><div style="text-align: center;">
  <p>风起的时候 我好想你<br>
    多想陪你走过 四季<br>
    那段爱情还留在心底<br>
    沉默得像身边的空 气<br>
    飘雨的时候你在哪里<br>
    望穿 秋水不露 痕迹<br>
    只有 那片蓝色的 天空<br>
    它曾 看过 我们的甜蜜<br>
    你是落在我肩上的云<br>
    随风飘飘飘成相思的雨<br>
    掌心里 还留着你的情<br>
    却像花瓣般散落一地<br>
    你是落在我肩上的云<br>
    随风飘飘飘吹来了回忆<br>
    看那往事在心里堆积<br>
    从此只剩我一个人孤寂</p>
  <p>飘雨的时候 你在哪里<br>
    望穿秋水 不露痕迹<br>
    只有 那片 蓝色的天空<br>
    它曾 看过 我们的甜蜜<br>
    你是落在我肩上的云<br>
    随风飘飘飘来相思的雨<br>
    掌心里 还留着你的情<br>
    却像花瓣般散落一地<br>
    你是落在我肩上的云<br>
    随风飘飘飘吹来了回忆<br>
    看那往事 在心里堆积<br>
    从此 只剩 我一个人 孤寂<br>
    从此 只剩 我 一个人  孤寂</p>
</div><font color="#2f4f4f"><span style="font-size: 13px;"></span></font><br>
<p>[align=center] <audio style="width: 280px; height: 50px;" src="https://pan.wyc520.net/?explorer/share/file&hash=b995wz1fB3LhuY7XRoABn_cGfkiNNVYhv_j3DpUgbn3dtf4BdwicccovYaYOOHKMWhVL" autoplay="autoplay" loop controls type="audio/mpeg"></audio>[/align] </p>
<div align="center"><br>
  <img src="https://img.wyc520.com.cn/data/attachment/forum/202209/26/190150kksk3pu9ah82nsk8.gif" width="200" height="72"><br>
</div>
</p>

</section>
</section>
</section>
</section>
</section>
</section>

阙歌

下载并安装  Dreamweaver CS6 文件/新建/HTML文件



选择代码模式，全选/……


将代码复制/粘贴到/……


复制论坛中的文本内容,在电脑上新建记事本并粘贴,
然后复制记事本中的文本/选择/设计模式/粘贴到Dreamweaver中,这步骤是过滤、清除论坛中的文本样式。

阙歌

星空序曲

         

            文字： 林深时见鹿

天空的道路
把轨迹铺进未知

人间，是拿来遗忘的
生死时速 说不得。
云中漫步
休提，西雅图夜未眠

阙歌

以上的样式,只替换了文本内容,并清除了播放器。两播放器同时播放，会听见重音。

阙歌

替换图片的方式，准备好图片素材并上传~~~~

阙歌

星空序曲

         

            文字： 林深时见鹿

天空的道路
把轨迹铺进未知

人间，是拿来遗忘的
生死时速 说不得。
云中漫步
休提，西雅图夜未眠

阙歌

切换成代码模式，替换图片网址。

阙歌

@林深时见鹿   步骤并不多,你先试试~~~