〖彩〗排版素材分享帖
本帖最后由 光彩 于 2017-10-30 15:47 编辑或许有小伙伴需要吧，图片太多了，打算每天放一点，包括排版素材，排版分割，排版小标，排版模块
排版/播放器代码等~（有需要代码的也可以呼我）
排版很简单哒~等图片发完，会附上排版的过程，很简单复制粘贴就可以了
本帖最后由 童话 于 2021-11-7 21:52 编辑 <br /><br /><section style="margin: 10px 3px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section></section><section style="margin-right: 3px; margin-left: 3px; border-left: 1px dashed rgb(110, 197, 255); border-right: 1px dashed rgb(110, 197, 255); padding: 15px; box-sizing: border-box;"><section style="color:#3d9ced;font-size: 15px; letter-spacing: 2px;"><p style="text-align: center;"><b>文本内容</b></p></section></section><section style="display: flex;justify-content:space-between;align-items:center;"><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#a3dea0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ff8e80;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#ffc497;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section><section style="width:8px;height:8px;background-color:#83cdff;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);"></section></section></section><section class="_editor"><p></p></section>
2
<section style="margin-top: 10px; margin-bottom: 10px;"><section style="background-image: linear-gradient(120deg, #fa8dce 45%, #ffd2fe 20%); padding: 6px; box-sizing: border-box;"><section style="background-color: rgb(254, 254, 254); padding: 15px; box-sizing: border-box;"><p style="text-align: center; letter-spacing: 2px;"><span style="font-size: 15px;">文本内容</span></p></section></section></section><section class="_editor"><p></p></section>
3
<section style="margin:10px 10px;"><section style="background-color: rgb(255, 225, 255); padding: 3px; box-sizing: border-box;"><section style="box-shadow:0px 0px4px #e170a9;background-color:#fefefe;padding:15px;color:#ff78b1;transform: rotateZ(2deg);-webkit-transform: rotateZ(2deg);-moz-transform: rotateZ(2deg);-ms-transform: rotateZ(2deg);-o-transform: rotateZ(2deg);"><p style="text-align: center; letter-spacing: 2px; transform: rotateZ(-2deg);"><br></p><p style=" letter-spacing: 2px;transform: rotateZ(-2deg);-webkit-transform: rotateZ(-2deg);-moz-transform: rotateZ(-2deg);-ms-transform: rotateZ(-2deg);-o-transform: rotateZ(-2deg);"><span style="font-size: 15px;"><br></span></p></section></section></section><p></p><section class="_editor"><p></p><br></section> 本帖最后由 光彩 于 2017-10-30 12:19 编辑
感谢分享。 本帖最后由 童话 于 2021-11-7 21:48 编辑 <br /><br /><center><table cellspacing="5" cellpadding="5" bgcolor="#a0d9e7" align="center" style="table-layout: fixed; width: 750px; border: 1px dashed rgb(160, 217, 231); text-align: center; line-height: normal; height: 71px;"><tbody><tr><td bgcolor="white" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220457suvjztiev11viewt.gif" style="border-style: dashed; border-color: white; width: 730px; height: 38px;"><font size="2"><table cellspacing="4" cellpadding="4" style="table-layout: fixed; width: 730px; border: 2px dotted rgb(167, 197, 241);"><tbody><tr><td style="border-width: 2px; border-style: dotted; border-color: rgb(0, 191, 255); height: 38px;"><br><br><br><br>内容<br><br><br><br><br><br><br></td></tr></tbody></table></font></td></tr></tbody></table></center>
<center><table cellspacing="5" cellpadding="5" bgcolor="#a0d9e7" align="center" style="table-layout: fixed; width: 750px; border: 1px dashed rgb(160, 217, 231); text-align: center; line-height: normal; height: 71px;"><tbody><tr><td bgcolor="white" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220457suvjztiev11viewt.gif" style="border-style: dashed; border-color: white; width: 730px; height: 38px;"><font size="2"><table cellspacing="4" cellpadding="4" style="table-layout: fixed; width: 730px; border: 2px dotted rgb(167, 197, 241);"><tbody><tr><td style="border-width: 2px; border-style: dotted; border-color: rgb(0, 191, 255); height: 38px;"><br><br><br><br>内容<br><br><br><br><br><br><br></td></tr></tbody></table></font></td></tr></tbody></table></center>
<center><table cellspacing="5" cellpadding="5" bgcolor="#ffd2d2" align="center" style="table-layout: fixed; width: 700px; border: 1px dashed rgb(255, 210, 210); height: 71px;"><tbody><tr><td bgcolor="white" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220455u2qizywqe2igiue8.gif" style="border-style: dashed; border-color: white; width: 680px;"><table cellspacing="4" cellpadding="4" style="table-layout: fixed; width: 680px; border: 2px dotted hotpink;"><tbody><tr><td align="middle" style="border-width: 2px; border-style: dotted; border-color: deepskyblue;">【内容】<br><br><br></td><br><br><br></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table cellspacing="5" cellpadding="5" bgcolor="#ffd2d2" align="center" style="table-layout: fixed; width: 700px; border: 1px dashed rgb(255, 210, 210); height: 71px;"><tbody><tr><td bgcolor="white" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220455u2qizywqe2igiue8.gif" style="border-style: dashed; border-color: white; width: 680px;"><table cellspacing="4" cellpadding="4" style="table-layout: fixed; width: 680px; border: 2px dotted hotpink;"><tbody><tr><td align="middle" style="border-width: 2px; border-style: dotted; border-color: deepskyblue;">【内容】<br><br><br></td><br><br><br></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table cellspacing="0" cellpadding="0" align="center" border="0" style="table-layout: fixed; width: 690px; font-family: tahoma, sans-serif; border-color: plum; border-width: 4px; border-style: dotted;"><tbody><tr><td><table cellspacing="0" cellpadding="0" align="center" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220241p9gqgkjyiy8za8pp.gif" border="0" style="table-layout: fixed; width: 680px; border: 5px solid plum;"><tbody><tr><td><div style="text-align: center;">内容</div><br></div><br><br></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table cellspacing="0" cellpadding="0" align="center" border="0" style="table-layout: fixed; width: 690px; font-family: tahoma, sans-serif; border-color: plum; border-width: 4px; border-style: dotted;"><tbody><tr><td><table cellspacing="0" cellpadding="0" align="center" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220241p9gqgkjyiy8za8pp.gif" border="0" style="table-layout: fixed; width: 680px; border: 5px solid plum;"><tbody><tr><td><div style="text-align: center;">内容</div><br></div><br><br></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table cellspacing="1" cellpadding="1" align="center" bgcolor="white" style="table-layout: fixed; width: 700px; text-align: center; font-family: tahoma, sans-serif; border: 3px dotted rgb(255, 192, 203); line-height: 18px;"><tbody><tr><td><table style="table-layout: fixed; width: 680px; border: 4px solid rgb(255, 192, 203);"><tbody><tr><td><table background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221611xxl7438000w35fjj.jpg" style="table-layout: fixed; width: 670px; text-align: left; border: 2px dashed rgb(255, 192, 203);"><tbody><tr><td><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><br><h1 class="ts z" style="margin-top: 8px; margin-bottom: 8px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: Tahoma, "Microsoft YaHei", SimHei, sans-serif; float: left; background-color: rgb(251, 253, 255);"><br><br></h1><div style="text-align: center;"><b><font face="微软雅黑">内容</font></b></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table cellspacing="1" cellpadding="1" align="center" bgcolor="white" style="table-layout: fixed; width: 700px; text-align: center; font-family: tahoma, sans-serif; border: 3px dotted rgb(255, 192, 203); line-height: 18px;"><tbody><tr><td><table style="table-layout: fixed; width: 680px; border: 4px solid rgb(255, 192, 203);"><tbody><tr><td><table background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221611xxl7438000w35fjj.jpg" style="table-layout: fixed; width: 670px; text-align: left; border: 2px dashed rgb(255, 192, 203);"><tbody><tr><td><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><br><h1 class="ts z" style="margin-top: 8px; margin-bottom: 8px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: Tahoma, "Microsoft YaHei", SimHei, sans-serif; float: left; background-color: rgb(251, 253, 255);"><br><br></h1><div style="text-align: center;"><b><font face="微软雅黑">内容</font></b></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table style="table-layout: fixed; width: 680px; font-family: tahoma, sans-serif; text-align: center; border: 4px solid rgb(255, 192, 203);"><tbody><tr><td><table background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220445p33fe343j1bt3ej3.gif" style="table-layout: fixed; width: 670px; text-align: left; border: 2px dashed rgb(255, 192, 203);"><tbody><tr><td><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><div style="text-align: center;"><b><font face="微软雅黑">【内容】</font></b></div><br><br><br></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table style="table-layout: fixed; width: 680px; font-family: tahoma, sans-serif; text-align: center; border: 4px solid rgb(255, 192, 203);"><tbody><tr><td><table background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220445p33fe343j1bt3ej3.gif" style="table-layout: fixed; width: 670px; text-align: left; border: 2px dashed rgb(255, 192, 203);"><tbody><tr><td><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><div style="text-align: center;"><b><font face="微软雅黑">【内容】</font></b></div><br><br><br></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table cellspacing="5" cellpadding="5" align="center" bgcolor="#ffecec" style="table-layout: fixed; width: 550px; border-width: 5px; border-style: dashed; border-color: rgb(255, 210, 210); height: 71px;"><tbody><tr><td background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221606dme75m77eggd2a77.jpg" bgcolor="white" style="text-align: center; border-style: dashed; border-color: white; overflow: hidden; width: 700px;">【内容】</td></tr></tbody></table></center>
<center><table cellspacing="5" cellpadding="5" align="center" bgcolor="#ffecec" style="table-layout: fixed; width: 550px; border-width: 5px; border-style: dashed; border-color: rgb(255, 210, 210); height: 71px;"><tbody><tr><td background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221606dme75m77eggd2a77.jpg" bgcolor="white" style="text-align: center; border-style: dashed; border-color: white; overflow: hidden; width: 700px;">【内容】</td></tr></tbody></table></center>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 720px; border: 4px dotted rgb(51, 204, 174);"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 700px; border: 7px solid rgb(51, 204, 174);"><tbody><tr><td><div align="left"><p align="center"><font color="pink"><span style="font-weight: 700;"></span></font></p><table align="left" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220238cal15hbbzjqy4lzf.gif" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed; width: 680px;"><tbody><tr><td><br><div style="text-align: center;"><span style="text-align: center;">【内容】</span></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table><br></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 720px; border: 4px dotted rgb(51, 204, 174);"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 700px; border: 7px solid rgb(51, 204, 174);"><tbody><tr><td><div align="left"><p align="center"><font color="pink"><span style="font-weight: 700;"></span></font></p><table align="left" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220238cal15hbbzjqy4lzf.gif" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed; width: 680px;"><tbody><tr><td><br><div style="text-align: center;"><span style="text-align: center;">【内容】</span></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table><br><br><br><br><br></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 720px; border: 4px dotted rgb(255, 210, 210);"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 700px; border: 7px solid rgb(255, 210, 210);"><tbody><tr><td><div align="left"><p align="center"><font color="pink"><span style="font-weight: 700;"></span></font></p><table align="left" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221542mzmzqwk1fwmu1m7j.gif" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed; width: 680px;"><tbody><tr><td><br><div style="text-align: center;"><span style="text-align: center;">【内容】</span></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table><br></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 720px; border: 4px dotted rgb(255, 210, 210);"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 700px; border: 7px solid rgb(255, 210, 210);"><tbody><tr><td><div align="left"><p align="center"><font color="pink"><span style="font-weight: 700;"></span></font></p><table align="left" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221542mzmzqwk1fwmu1m7j.gif" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed; width: 680px;"><tbody><tr><td><br><div style="text-align: center;"><span style="text-align: center;">【内容】</span></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table><br></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 720px; border: 4px dotted rgb(255,20,147);"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 700px; border: 7px solid rgb(255,20,147);"><tbody><tr><td><div align="left"><p align="center"><font color="pink"><span style="font-weight: 700;"></span></font></p><table align="left" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221549ldlzpo7gnockdctb.gif" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed; width: 680px;"><tbody><tr><td><br><div style="text-align: center;"><span style="text-align: center;">【内容】</span></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></div><br>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 720px; border: 4px dotted rgb(255,20,147);"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 700px; border: 7px solid rgb(255,20,147);"><tbody><tr><td><div align="left"><p align="center"><font color="pink"><span style="font-weight: 700;"></span></font></p><table align="left" background="http://static.xiage.yy.com/data/attachment/forum/201912/19/221549ldlzpo7gnockdctb.gif" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed; width: 680px;"><tbody><tr><td><br><div style="text-align: center;"><span style="text-align: center;">【内容】</span></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></div><br>
<center><table align="center" bgcolor="#ff0000" cellspacing="5" cellpadding="5" style="table-layout: fixed; width: 700px; border: 1px dashed rgb(255, 0, 0); height: 71px; text-align: center; line-height: 18px;"><tbody><tr><td background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220401sen8oywny1y4nzoa.gif" bgcolor="white" style="border-style: dashed; border-color: white; width: 680px;"><table cellspacing="4" cellpadding="4" style="table-layout: fixed; width: 680px; border: 2px dotted red;"><tbody><tr><td style="border-width: 2px; border-style: dotted; border-color: rgb(0, 191, 255);"><br><div><p align="center">【内容】<br><br></p></div><div><u><b></b></u><br></div></td></tr></tbody></table></td></tr></tbody></table></center>
<center><table align="center" bgcolor="#ff0000" cellspacing="5" cellpadding="5" style="table-layout: fixed; width: 700px; border: 1px dashed rgb(255, 0, 0); height: 71px; text-align: center; line-height: 18px;"><tbody><tr><td background="http://static.xiage.yy.com/data/attachment/forum/201912/19/220401sen8oywny1y4nzoa.gif" bgcolor="white" style="border-style: dashed; border-color: white; width: 680px;"><table cellspacing="4" cellpadding="4" style="table-layout: fixed; width: 680px; border: 2px dotted red;"><tbody><tr><td style="border-width: 2px; border-style: dotted; border-color: rgb(0, 191, 255);"><br><div><p align="center">【内容】<br><br></p></div><div><u><b></b></u><br></div></td></tr></tbody></table></td></tr></tbody></table></center>
<div align="center"><div><br></div><div><section style="max-width: 80%; overflow: hidden; color: rgb(0, 0, 0); font-size: 16px; box-sizing: border-box !important; word-break: break-all !important;"><section style="margin-right: 9.39063px; margin-left: 9.39063px; padding-top: 6px; padding-bottom: 12px; max-width: 100%; border-radius: 8px; background-color: rgb(229, 210, 255); box-sizing: border-box !important; word-break: break-all !important;"><section style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; margin-right: 8px; margin-left: 8px; max-width: 100%; display: flex; justify-content: space-between; box-sizing: border-box !important; word-break: break-all !important;"><section style="max-width: 100%; width: 9px; height: 9px; border-radius: 100%; background-color: rgb(255, 255, 255); text-align: right; box-sizing: border-box !important; word-break: break-all !important;"></section></section><section style="margin-top: 4px; margin-right: 10px; margin-left: 10px; padding: 16px 22px; max-width: 100%; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(151, 33, 102, 0.44) 5px 5px 6px -1px; box-sizing: border-box !important; word-break: break-all !important;"><p style="text-align: center; max-width: 100%; clear: both; min-height: 1em; font-size: 14px; letter-spacing: 1.5px; line-height: 1.75; color: rgb(51, 51, 51); box-sizing: border-box !important; word-break: break-all !important;">内容</p></section></section></section></div></div>
<div align="center"><div><br></div><div><section style="max-width: 80%; overflow: hidden; color: rgb(0, 0, 0); font-size: 16px; box-sizing: border-box !important; word-break: break-all !important;"><section style="margin-right: 9.39063px; margin-left: 9.39063px; padding-top: 6px; padding-bottom: 12px; max-width: 100%; border-radius: 8px; background-color: rgb(229, 210, 255); box-sizing: border-box !important; word-break: break-all !important;"><section style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; margin-right: 8px; margin-left: 8px; max-width: 100%; display: flex; justify-content: space-between; box-sizing: border-box !important; word-break: break-all !important;"><section style="max-width: 100%; width: 9px; height: 9px; border-radius: 100%; background-color: rgb(255, 255, 255); text-align: right; box-sizing: border-box !important; word-break: break-all !important;"></section></section><section style="margin-top: 4px; margin-right: 10px; margin-left: 10px; padding: 16px 22px; max-width: 100%; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(151, 33, 102, 0.44) 5px 5px 6px -1px; box-sizing: border-box !important; word-break: break-all !important;"><p style="text-align: center; max-width: 100%; clear: both; min-height: 1em; font-size: 14px; letter-spacing: 1.5px; line-height: 1.75; color: rgb(51, 51, 51); box-sizing: border-box !important; word-break: break-all !important;">内容</p></section></section></section></div></div>
楼主是不良人小妹？ 看不懂。。。谢谢分享。。。慢慢学。估计也学不会:funk:
膜拜一下。 这个实用，回去研究一下，感谢分享 搞这么多分享啊！哈，谢谢啊:lol 就喜欢这种热心分享的好楼主，给你10086个赞
不过这些方方的图片是用来做什么的呀
我没研究出来:o 本帖最后由 童话 于 2021-4-11 21:39 编辑
颜色代码
████ 粉红(#ffb3a7)，即浅红色。别称：妃色 杨妃色 湘妃色 妃红色
████ 妃色 妃红色(#ed5736)：古同“绯”，粉红色。杨妃色 湘妃色 粉红皆同义。
████ 品红(#f00056)：比大红浅的红色
████ 桃红(#f47983)，桃花的颜色，比粉红略鲜润的颜色。
████ 海棠红(#db5a6b)，淡紫红色、较桃红色深一些，是非常妩媚娇艳的颜色。
████ 石榴红(#f20c00)：石榴花的颜色，高色度和纯度的红色。
████ 樱桃色(#c93756)：鲜红色
████ 银红(#f05654)：银朱和粉红色颜料配成的颜色。多用来形容有光泽的各种红色，尤指有光泽浅红。
████ 大红(#ff2121)：正红色，三原色中的红，传统的中国红，又称绛色
████ 绛紫(#8c4356)：紫中略带红的颜色
████ 绯红(#c83c23)：艳丽的深红
████ 胭脂(#9d2933)：1，女子装扮时用的胭脂的颜色。2，国画暗红色颜料
████ 朱红(#ff4c00)：朱砂的颜色，比大红活泼，也称铅朱 朱色 丹色
████ 丹(#ff4e20)：丹砂的鲜艳红色
████ 彤(#f35336)：赤色
████ 茜色(#cb3a56)：茜草染的色彩，呈深红色
████ 火红(#ff2d51)：火焰的红色，赤色
████ 赫赤(#c91f37)：深红，火红。泛指赤色、火红色。
████ 嫣红(#ef7a82)：鲜艳的红色
████ 洋红：色橘红(#ff0097)
████ 炎(#ff3300)：引申为红色。
████ 赤(#c3272b)：本义火的颜色，即红色
████ 绾(#a98175)：绛色；浅绛色。
████ 枣红(#c32136)：即深红
████ 檀(#b36d61)：浅红色，浅绛色。
████ 殷红(#be002f)：发黑的红色。
████ 酡红(#dc3023)：像饮酒后脸上泛现的红色，泛指脸红
████ 酡颜(#f9906f)：饮酒脸红的样子。亦泛指脸红色
████ 鹅黄(#fff143)：淡黄色 （鹅嘴的颜色，高明度微偏红黄色）
████ 鸭黄(#faff72)：小鸭毛的黄色
████ 樱草色(#eaff56)：淡黄色
████ 杏黄(#ffa631)：成熟杏子的黄色 （比较常用且有浓郁中国味道）
████ 杏红(#ff8c31)：成熟杏子偏红色的一种颜色
████ 橘黄(#ff8936)：柑橘的黄色。
████ 橙黄(#ffa400)：同上。 （现代感比较强。广告上用得较多）
████ 橘红(#ff7500)：柑橘皮所呈现的红色。
████ 姜黄(#ffc773)：中药名。别名黄姜。为姜科植物姜黄的根茎。又指人脸色不正,呈黄白色
████ 缃色(#f0c239)：浅黄色。
████ 橙色(#fa8c35)：界于红色和黄色之间的混合色。
████ 茶色(#b35c44)：一种比栗色稍红的棕橙色至浅棕色
████ 驼色(#a88462)：一种比咔叽色稍红而微淡、比肉桂色黄而稍淡和比核桃棕色黄而暗的浅黄棕色
████ 昏黄(#c89b40)：形容天色、灯光等呈幽暗的黄色
████ 栗色(#60281e)：栗壳的颜色。即紫黑色
████ 棕色：棕毛的颜色,即褐色。1，在红色和黄色之间的任何一种颜色2，适中的暗淡和适度的浅黑。
████ 棕绿(#827100)：绿中泛棕色的一种颜色。
████ 棕黑(#7c4b00)：深棕色。
████ 棕红(#9b4400)：红褐色。
████ 棕黄(#ae7000)：浅褐色。
████ 赭(#9c5333)：赤红如赭土的颜料,古人用以饰面
████ 赭色(#955539)：红色、赤红色。
████ 琥珀(#ca6924)：
████ 褐色(#6e511e)： 黄黑色
████ 枯黄(#d3b17d)：干枯焦黄
████ 黄栌(#e29c45)：一种落叶灌木，花黄绿色,叶子秋天变成红色。木材黄色可做染料。
████ 秋色(#896c39)：1，中常橄榄棕色,它比一般橄榄棕色稍暗,且稍稍绿些。2，古以秋为金,其色白,故代指白色。
████ 秋香色(#d9b611)：浅橄榄色 浅黄绿色。
████ 嫩绿(#bddd22)：像刚长出的嫩叶的浅绿色
████ 柳黄(#c9dd22)：像柳树芽那样的浅黄色
████ 柳绿(#afdd22)：柳叶的青绿色
████ 竹青(#789262)：竹子的绿色
████ 葱黄(#a3d900)：黄绿色，嫩黄色
████ 葱绿(#9ed900)：1，浅绿又略显微黄的颜色2，草木青翠的样子
████ 葱青(#0eb83a)：淡淡的青绿色
████ 葱倩(#0eb83a)：青绿色
████ 青葱(#0aa344)：翠绿色,形容植物浓绿
████ 油绿(#00bc12)：光润而浓绿的颜色。以上几种绿色都是明亮可爱的色彩。
████ 绿沈(#0c8918)（沉）：深绿 本帖最后由 童话 于 2021-4-11 21:39 编辑
（图片可以根据喜好修改）
这里可以放歌词
标志X的地方可以
可以直接打字修改ｘｘｘｘｘｘｘｘ ｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘｘｘｘｘ
ｘｘｘｘｘｘｘ
ｘｘｘ
ｘ
写字的地方
新手可以直接全部复制黏贴到帖子后，根据提示更改内容
</font></font></div><br><br><div align="left"><br><font face="微软雅黑, Tahoma, Helvetica, SimSun, sans-serif"><table width="98%" class="t_table" style="background-color: deepskyblue"><tbody><tr><td><table width="98%" class="t_table" style="background-color: white"><tbody><tr><td><table width="98%" class="t_table" style="background-color: white"><tbody><tr><td><div align="center">图片位置 <br>（图片可以根据喜好修改）</div></td><td><br></td></tr></tbody></table><br></td></tr><tr><td><table width="98%" class="t_table" style="background-color: white"><tbody><tr><td><font face="宋体"><font size="2"><font color="deepskyblue">这里可以放歌词 <br>标志X的地方可以<br>可以直接打字修改</font></font></font></td><td><div align="center"><font style="background-color:lightblue"><font color="#ffffff"><font size="2">ｘｘｘｘｘｘｘｘ</font></font><font size="2"><font color="#ffffff"><font style="background-color:white"> </font></font></font><font color="#ffffff"><font size="2">ｘｘｘｘｘｘｘｘ</font></font></font><font size="2"><br></font><font face="宋体"><font size="2"><font style="background-color:lightblue"><font color="#ffffff">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ</font><br></font></font></font><font style="background-color:lightblue"><font face="宋体"><font size="2"><font color="#ffffff">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ</font><br></font></font><font face="宋体"><font size="2"><font color="#ffffff">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ</font></font></font></font><font face="宋体"><font size="2"><br><font color="#ffffff"><font style="background-color:lightblue">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ</font></font></font></font><font face="宋体"><font size="2"><br><font style="background-color:lightblue"><font color="#ffffff">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ</font><br></font></font></font><font face="宋体"><font size="2"><font color="#ffffff"><font style="background-color:lightblue">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ<br></font></font></font></font><font face="宋体"><font size="2"><font color="#ffffff"><font style="background-color:lightblue">ｘｘｘｘｘｘｘｘｘｘｘｘｘｘｘ<br></font></font></font></font><font face="宋体"><font size="2"><font color="#ffffff"><font style="background-color:lightblue">ｘｘｘｘｘｘｘｘｘｘｘ<br></font></font></font></font><font face="宋体"><font size="2"><font color="#ffffff"><font style="background-color:lightblue">ｘｘｘｘｘｘｘ<br></font></font></font></font><font style="background-color:lightblue"><font face="宋体"><font size="2"><font color="#ffffff">ｘｘｘ<br></font></font></font><font face="宋体"><font size="2"><font color="#ffffff">ｘ</font></font></font></font></div></td></tr></tbody></table></td></tr></tbody></table><div align="right"><font color="white">写字的地方</font></div><font color="white"><br></font><br></td></tr></tbody></table></font></div></td></tr></tbody></table>会用HTML的可以复制以上代码修改颜色，字体大小，内容等，颜色代码在12楼
本帖最后由 童话 于 2021-4-11 21:39 编辑
排 版 模 本 pai ban mo ben
下皆白，唯我独黑，黑白不良人下皆白，唯我独黑，黑白不良人(可以随便修改文字)
下皆白，唯我独黑，黑白不良人(可以随便修改文字)
文字可以直接添加，图片可以用帖子里的 天下皆白，唯我独黑，黑白不良人
<table width="98%" class="t_table" style="background-color: deepskyblue"><tbody><tr><td><div align="right"><div align="center"><br><table width="98%" class="t_table" style="background-color: white"><tbody><tr><td><div align="center"><div align="center"><table width="98%" class="t_table" style="background-color: deepskyblue"><tbody><tr><td><div align="center"><div align="left"><br><div align="left"><font face="Times New Roman"><font size="7"><font color="white"> 排 版 模 本</font></font></font></div></div><div align="left"><font face="Times New Roman"><font size="3"><font color="white"> pai ban mo ben</font></font></font></div></div><br></td></tr></tbody></table></div></div></td></tr></tbody></table></div><div align="center"><table width="98%" class="t_table" style="background-color: white"><tbody><tr><td><div align="right"><div align="center"><table width="98%" class="t_table" style="background-color: deepskyblue"><tbody><tr><td><br></td></tr><tr><td><div align="left"><font color="#ffffff"><font face="宋体"><font size="2">下皆白，唯我独黑，黑白不良人</font></font></font><font color="#ffffff"><font face="宋体"><font size="2">下皆白，唯我独黑，黑白不良人(可以随便修改文字)</font></font></font><font color="dimgray"><font face="宋体"><font size="2"><br><hr class="l"></font></font></font></div><br><font color="#ff0000"><font face="新宋体"><font size="2"><hr class="l"></font></font></font><div align="left"><font color="#ffffff"><font face="宋体"><font size="2">下皆白，唯我独黑，黑白不良人</font></font></font><font color="#ffffff"><font face="宋体"><font size="2">(可以随便修改文字)</font></font></font></div></td><td><div align="right"><div align="center"><img width="300" src="http://bbs.zuijh.net/data/attachment/forum/201711/02/161200wevf2xzlwu33x85s.jpg" border="0" alt=""></div></div></td></tr></tbody></table></div></div></td></tr></tbody></table></div></div></td></tr></tbody></table><div align="center"><table width="98%" class="t_table" style="background-color: white"><tbody><tr><td><div align="right"><div align="center"><table width="98%" class="t_table" style="background-color: deepskyblue"><tbody><tr><td><div align="left"><font face="新宋体"><font size="2"><font color="#ffffff">文字可以直接添加，图片可以用帖子里的</font></font></font></div><div align="right"><img width="80" src="http://bbs.zuijh.net/data/attachment/forum/201711/02/161313wpfkhf8f1fk6kf06.gif" border="0" alt=""> <font face="宋体"><font size="2"><font color="white">天下皆白，唯我独黑，黑白不良人</font></font></font></div><font face="宋体"><font size="2"><font color="white"><br></font></font></font><br></td></tr></tbody></table></div></div></td></tr></tbody></table></div>
明天继续其排版样式和图片，有兴趣或者有疑问的可以呼我，随时聆听您的召唤～旺旺！对于初学排版的，不用勾选HTML，直接将帖子的框复制到帖子，按保存后再进入编辑更改图片文字神马的～喵喵！
以下方法用于HTML排版
http://593131.haituie.cn/593131/1.png
精品好帖已经加精置顶... 半夜心跳 发表于 2022-11-11 15:27
精品好帖已经加精置顶...
额.....17年的帖子被加精有种时空穿越的感觉...
谢谢版主，版主辛苦了
补充一下复制粘贴的步骤
第一步：复制
https://593131.freep.cn/100_593131/B8B09CCC-ABF1-4F96-8FF1-F581722A0885.gif
第二步：粘贴
https://593131.freep.cn/593131/15FC1F70-3E32-41C3-A967-A0648B0E46C7.gif
半夜心跳 发表于 2022-11-11 15:27
精品好帖已经加精置顶...
精品贴，不错~~~:lol 童话 发表于 2022-11-13 22:01
补充一下复制粘贴的步骤
第一步：复制
HTML代码看起来很亲切~~;P 风吹牛儿走 发表于 2022-11-13 22:51
精品贴，不错~~~
你也来点精品贴..
给你加精..
页:
[1]
2