收集一些代码

向荣S

好漂亮啊，谢谢分享精彩

风晴雪

仙儿分享的代码都好看

糊涂仙儿

1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
   
2. 
   
3. <section data-role="outer" class="article135" label="edit by 135editor" style="background-repeat: repeat; background-position: center center; padding: 0px; background-color: rgb(237, 251, 248); background-size: auto; background-image: none; box-sizing: border-box;" data-tplid="140556">
   
4.         <section class="">
   
5.                 <section class="_135editor" data-tools="135编辑器" data-id="140400" data-width="90%" style="width: 90%; flex: 0 0 90%; margin: 0px auto;box-sizing:border-box;max-width:90% !important;">
   
6.                         <section style="margin: 10px auto; display: flex; flex-direction: column;">
   
7.                                 <section style="margin-top: -15px;z-index: 6;">
   
8.                                         <section style="font-size: 18px; color: #4a9e93; text-align: right; margin: 10px 0px 0px; box-sizing: border-box;" class="">
   
9.                                                 <br>
   
10.                                         </section>
    
11.                                 </section>
    
12.                         </section>
    
13.                 </section>
    
14.                 <section class="_135editor" data-tools="135编辑器" data-id="139013" data-width="90%" style="width: 90%; flex: 0 0 90%; margin: 20px auto;box-sizing:border-box;max-width:90% !important;">
    
15.                         <section style="margin: 10px auto; overflow: hidden;" class="">
    
16.                                 <section style="background-color: #ffffff;width: 93%;margin-left: auto;box-sizing:border-box;max-width:93% !important;" data-width="93%">
    
17.                                         <section style="padding: 15px 15px;box-sizing: border-box;" class="">
    
18.                                                 <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;" data-width="100%" class="">
    
19.                                                         <img style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width:100% !important;" src="https://pic1.imgdb.cn/item/67934e5cd0e0a243d4f7885b.png" data-width="100%" draggable="false">
    
20.                                                 </section>
    
21.                                         </section>
    
22.                                 </section>
    
23.                                 <section class="assistant" style="width: 115px; margin: -85px 0px -75px;box-sizing:border-box;" data-width="115px">
    
24.                                         <img class="assistant" style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width:100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/d657251cc48b4219cea4d4fca2aa6c99.png" data-width="100%" draggable="false" width="100%">
    
25.                                 </section>
    
26.                                 <section>
    
27.                                         <section style="font-size: 20px;color: #83cbc1;text-align: right;" class="">
    
28.                                                 <strong class="135brush" data-brushtype="text">守一份清喜于夏天</strong>
    
29.                                         </section>
    
30.                                                 <br><br>
    
31.                                         </section>
    
32.                                 </section>
    
33.                                 <section style="border-right: 1px solid #83cbc1;padding-right: 15px;margin-top: 60px;text-align: right;line-height: 1.75em;letter-spacing: 1.5px;font-size: 14px;color: #333333;background-color: transparent;box-sizing: border-box;">
    
34.                                         <section>
    
35.                                                 <section class="135brush" data-autoskip="1">
    
36.                                                         
    
37.                                                 </section>
    
38.                                                 <section class="135brush" data-autoskip="1">
    
39.                                                         <p>
    
40.                                                                
    
41.                                                         </p>
    
42.                                                 </section>
    
43.                                         </section>
    
44.                                 </section>
    
45.                         </section>
    
46.                 </section>
    
47.                 <section class="_135editor" data-tools="135编辑器" data-id="139732" data-width="95%" style="width: 95%; flex: 0 0 95%; margin-left: auto; margin-right: auto;box-sizing:border-box;max-width:95% !important;">
    
48.                         <section style="margin: 10px auto;">
    
49.                                 <section style="background-color: #ffffff;padding: 10px 0 0;margin: 0 10px;box-sizing: border-box;" class="">
    
50.                                         <section style="padding: 10px 15px 20px;box-sizing: border-box;" class="">
    
51.                                                 <section class="">
    
52.                                                         <section>
    
53.                                                                 <section class="135brush" data-autoskip="1" style="margin-right:30px; margin-left: 30px;text-align: justify;line-height: 2em;letter-spacing: 2px;font-size: 13px;color: #3b3b3b;background-color: transparent;">
    
54. <br>                                                                        <p>
    
55. 慢慢的人儿，<br><br>
    
56. 
    
57. 
    
58. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=2653105099.mp3" type="audio/mpeg"></audio><br><br>
    
59. 
    
60.                                                                         </p>
    
61.                                                                 </section>
    
62.                                                         </section>
    
63.                                                 </section>
    
64.                                         </section>
    
65.                                 </section>
    
66.                         </section>
    
67.                 </section>
    
68.                 <section class="_135editor">
    
69.                         <section style="text-align: center;">
    
70.                                 <section style="color: #4a9e93;" class="">
    
71.                                         <br>
    
72.                                 </section>
    
73.                         </section>
    
74.                 </section>
    
75.         </section>
    
76. </section>

复制代码

泪红颜

都好漂亮诶~ 破姐整理辛苦

婴宁

这么好看的代码，以后可以随便取了。

糊涂仙儿

当你的才华还撑不起你的野心的时候，
你就应该静下心来学习；
当你的能力还驾驭不了你的目标时，
就应该沉下心来历练。

1. <section class="_editor" style=" margin: 0px auto;width:700PX;">
2. <section class="_editor" data-support="96编辑器" data-style-id="35879">
3. <section style="margin:10px 0px;">
4. <section style="width: 22px;margin-left: -1px;margin-bottom: -25px;">
5. <img src="http://www.zjiao.net/data/attachment/forum/202209/06/155316z5oqumb33fzizh9u.gif" style="display:block;width:100%;" data-width="100%"></section>
6. <section style="border: solid 1px #ffd644;padding: 13px;border-radius: 0 0 0 40px;">
7. <section style="border: solid 1px #03ced8;background-color: #d5e7e8;padding: 15px;border-radius: 0 0 0 40px;">
8. <section style="color:#333;letter-spacing:2px;font-size:16px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;">
10. <div align="center">
11. <br><br>
12. 当你的才华还撑不起你的野心的时候，<br>
13. 你就应该静下心来学习；<br>
14. 当你的能力还驾驭不了你的目标时，<br>
15. 就应该沉下心来历练。<br><br>
17. <img src="http://www.zjiao.net/data/attachment/forum/202209/06/111554bvcjjgtivlllmwgt.jpg"><br><br>
18. <img src="http://www.zjiao.net/data/attachment/forum/202209/08/150625zpb9lqr9bqmvrqb4.gif"><br><br>
19. </div>
21. </section><section style="width: 60px;margin-left: auto;margin-right: -27px;margin-bottom: -22px;">
22. <img src="http://www.zjiao.net/data/attachment/forum/202209/08/150422hrbk719yhrg9sejg.gif" style="display:block;width:100%;" data-width="100%"></section></section></section><section style="text-align: right;margin-right: 12px;margin-top: -17px;">
23. <section style="display:inline-block;">
24. <section style="background-color: #ffffff;padding: 2px 5px;">
25. <section style="width: 100px;">
26. <img src="http://www.zjiao.net/data/attachment/forum/202209/13/150449nkkuu18kuttuakw8.png" style="display:block;width:100%;" data-width="100%">
27. </section></section></section></section></section></section></section>

复制代码

糊涂仙儿

《Why Worry》

演唱：Art Garfunke

千山生快

这是一首足以慰藉心灵的歌曲，歌中充满了对心爱的人的关心和安慰。歌曲旋律优美、曲调柔和，轻柔的旋律中蕴含着淡淡的忧郁，因此更增添了歌曲本身的厚重感和感染力。

1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
3. <section style="margin:10px 0px;text-align:center;">
4. <section style="border:solid 1px #bd8017;border-radius:10px;" class="">
5. <section style="padding:16px 16px;color:#323232;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform:rotatez(0deg);text-align:justify;" class="">
6. <p>
7. <br/>
8. </p>
9. <section class="_editor" style=" margin: 0px auto;width:400PX;">
10. <section style="margin:10px 0px;" class="">
11. <section>
12. <br/>
13. </section>
14. <section style="background-color:#faf7f2;padding:15px 30px;width:70%;border-radius:300px 0px 0px 300px;margin-left:auto;margin-top:-2em;transform:rotate(0deg);" data-width="60%">
15. <section style="text-align:right;font-size:16px;letter-spacing:2px;color:#a36f46;">
16. <p>
17. <strong>《Why Worry》</strong>
18. </p>
19. </section>
20. <section style="height:1px;background-color:#a36f46;margin:10px 0px;"></section>
21. <section style="text-align:center;font-size:13px;letter-spacing:5px;color:#a36f46;" class="">
22. <p>
23. 演唱：Art Garfunke
24. </p>
25. </section>
26. </section>
28. <br/> <br/>
29. <section style="margin:10px 0px;" class="">
30. <section style="display:flex;justify-content:center;align-items:center;" class="">
31. <section style="width:48%;background-color:#faf7f2;padding:3em 0px 1px;border-radius:50%;text-align:center;" data-width="48%" class="">
32. <section style="display:inline-block;border-right:solid 1px rgb(163, 111, 70);padding:0px 5px 3em 0px;margin-bottom:-20px;margin-left:-25px;">
33. <section style="color:rgb(163, 111, 70);font-size:13px;writing-mode:vertical-rl;writing-mode:tb-rl;letter-spacing:3px;" class="">
34. <p>
35. <strong>千山生快</strong>
36. </p>
37. </section>
38. </section>
39. </section>
40. <section style="width:65%;z-index:1;border:solid 1px rgb(163, 111, 70);border-radius:50%;padding:12px;margin-left:-3em;" data-width="65%" class="">
41. <img src="http://www.zjiao.net/data/attachment/forum/202308/04/231540isfwffn3szfrtrpr.jpg" style="display:block;width:100%;border-radius:50%;" data-copyrighted="37121" data-width="100%"/>
42. </section>
43. </section>
44. </section>
45. </section>
48. <section style="font-size:14px;letter-spacing:2px;line-height:2;margin:10px 5px;color:#a36f46;" class="">
49. <p><br/>
50. 这是一首足以慰藉心灵的歌曲，歌中充满了对心爱的人的关心和安慰。歌曲旋律优美、曲调柔和，轻柔的旋律中蕴含着淡淡的忧郁，因此更增添了歌曲本身的厚重感和感染力。<br/><br/>
53. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop"
54. src="http://music.163.com/song/media/outer/url?id=163015-96.mp3" type="audio/mpeg"></audio><br/><br/><br/>
57. </p>
58. </section>
59. <section style="display:Flex;justify-content:flex-start;align-items:center;" class="">
62. </section>
63. </section>
64. </section>
65. </section>
66. <p>
67. <br/>
69. <section style="width:38px;margin-top:-40px;">
70. <img src="http://bbs.zjiao.net/data/attachment/forum/202307/29/092441nqn1f21nvdusnnkt.gif" style="display:block;width:100%;height:auto;" data-width="100%"/>
71. </section>
72. </section>
73. </section>
74. <section class="_editor">
75. <p>
76. <br/>
77. </p>
78. </section>

复制代码

糊涂仙儿

复古魅力/品味经典

留声机所播放的音乐
充满了复古魅力

1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
3. <section style="margin:10px 0px;">
4. <section style="border-width:2px;border-style:dotted;border-color:#9A4907;border-radius:16px;padding:14px;">
5. <section style="color:#323232;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform:rotatez(0deg);text-align:justify;">
6. <section class="_editor_bg" data-tplid="141007">
7. <section class="_editor" data-id="117919">
8. <section style="margin: 20px auto;">
9. <section style="display: flex;justify-content: center;">
10. <section>
11. <section>
12. <section style="width: 35px; height: 35px; border-radius: 100%; background-color: #9A4907; overflow: hidden;"></section>
13. </section>
14. <section style="padding-left: 15px; margin-top: -20px;">
15. <section>
16. <section style="font-size: 18px; color: #000000; text-align: center; letter-spacing: 1.5px; background-color: #e2c4a0; padding: 10px 15px;">
17. <strong>复古魅力/品味经典</strong>
18. </section>
19. <section style="padding-top: 5px;">
20. <section style="width: 100%; height: 2px; background-color: #e2c4a0; overflow: hidden;" data-width="100%"></section>
21. </section>
22. </section>
23. </section>
24. </section>
25. </section>
26. </section>
27. </section>
28. <section class="_editor" data-id="135259" data-width="94%" style="width: 94%; flex: 0 0 94%; margin-left: auto; margin-right: auto; max-width: 94% !important;">
29. <section style="margin: 10px auto; padding: 0px 0px 0px 14px; transform-style: preserve-3d;">
30. <section style="width: 40px; margin: 0px 0px -15px -15px; transform: translateZ(8px);">
31. <p>
32. <img style="width: 100%; margin-left: 20px;display: block; vertical-align: inherit;" src="https://bcn.135editor.com/files/images/editor_styles/e7546e7e28d2e08c9fedf572f16ae4c2.png" data-width="100%" draggable="false" title="undefined"/>
33. </p>
34. </section>
35. <section style=";transform: translateZ(1px);-webkit-transform: translateZ(1px);-moz-transform: translateZ(1px);-o-transform: translateZ(1px);">
36. <section style="width: 88%; max-width: 88% !important;margin-left: 20px; data-width="90%">
37. <p>
38. <img data-preview="https://bige.cdn.bcebos.com/photo/933394/20221120/145aff3a542ae178abd92a28ffa8686d.jpg" data-model="Image" style="width: 100%; vertical-align: inherit;" src="https://bcn.135editor.com/files/images/editor_styles/94d44b4a922435a9451564d30f34c1bc.jpg" draggable="false" data-width="100%"/>
39. </p>
40. </section> <br>
41. <section style="border-left: 1px solid #e2c4a0; margin: 15px 0px 0px 20px; padding: 0px 0px 5px 13px;">
42. <section style="line-height: 1.8em; letter-spacing: 1.8px; font-size: 14px; color: #000000;">
43. <section style="line-height: 2em;" class="_brush">
44. <p>
45. 留声机所播放的音乐 <br>
46. 充满了复古魅力<br>
47. 黑胶唱片所记录的音乐<br>
48. 往往都是经典之作<br>
49. 这些音乐作品经历了时间的<br>
50. 洗礼和筛选<br>
51. 成为了永恒的经典<br><br>
54. <audio style="width:120px;height:40px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1429250789.mp3" type="audio/mpeg"></audio>
55. </section>
56. </section>
57. </section>
58. </section>
59. </section>
60. </section>
61. <section>
62. <p>
63. <br/>
64. </p>
65. </section>
66. </section>
67. <p>
68. <br/>
69. </p>
70. </section>
71. </section>
72. </section>
73. </section>
74. <section class="_editor">
75. <p>
76. <br/>
77. </p>
78. </section>

复制代码

糊涂仙儿

花 开 @初夏

窗外树梢换了新衣服，屋檐雨水干了

2. <br><br><section class="_editor" style=" margin: 0px auto;width:580PX;">
3. <section data-role="paragraph" class="_135editor">
4. <p>
5. <br>
6. </p>
7. </section>
9. <section style="margin: 10px auto;">
10. <section style="width: 60%;margin: 0 auto -2.1%;box-sizing:border-box;max-width:60% !important;">
11. <svg id="组_90" data-name="组 90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 326.407 83.66" style="display: block;" xml:space="default">
12. <g id="组_64" data-name="组 64">
13. <g>
14. <path id="矩形_1088_拷贝_2" data-name="矩形 1088 拷贝 2" style="fill: #fff3db;fill-rule: evenodd;" d="M459,2235H726c10.876,0,20.907,4.62,28.956,10.71-186.888,0-186.091.16-326.378,0.16A47.818,47.818,0,0,1,459,2235Z" transform="translate(-428.562 -2171.34)"></path>
15. </g>
16. <g>
17. <path id="椭圆_1095_拷贝_2" data-name="椭圆 1095 拷贝 2" style="fill: #fff3db;fill-rule: evenodd;" d="M592,2215c37.8,0,71.775,7.87,95.206,20.39-67.58,0-136.791-.08-190.254-0.08C520.377,2222.84,554.284,2215,592,2215Z" transform="translate(-428.562 -2171.34)"></path>
18. </g>
19. </g>
20. <g id="组_93" data-name="组 93">
21. <g>
22. <circle id="椭圆_1100" data-name="椭圆 1100" style="fill: #ffffff;" cx="163.438" cy="73.66" r="10"></circle>
23. </g>
24. <g>
25. <path id="椭圆_1102" data-name="椭圆 1102" style="fill: none;stroke: #dc1516;stroke-linecap: round;stroke-width: 4px;fill-rule: evenodd;" d="M600,2242c-4.126,3.52-6.6,3.63-9,2.25-4.783-2.76-2.392-15.86,5.34-29.25,4.511-7.82,21.375-24.42,35.66-32m-14-8c1.825,10.17,1.684,33.02,0,40" transform="translate(-428.562 -2171.34)"></path>
26. </g>
27. </g>
28. </svg>
29. </section>
30. <section>
31. <section style="padding: 0 10px;margin-bottom: -10px;box-sizing:border-box;">
32. <section style="background-color: #fff3db;border-radius: 10px 10px;height: 20px;box-sizing:border-box;" class=""></section>
33. </section>
34. <section style="background-color: #fff3db;border-radius: 10px;padding: 10px;box-sizing:border-box;" class="">
35. <section style="background-color: #ffffff;padding: 10px 10px;border: 1px solid #ffd053;border-radius: 10px;box-sizing:border-box;" class="">
36. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
37. <section class="_135editor" data-id="140404" data-tools="135编辑器">
38. <section style="margin: 10px auto; display: flex; justify-content: center;">
39. <section>
40. <section style="margin-bottom: -25px;margin-left: -15px;">
41. <section class="assistant" style="width: 40px;box-sizing:border-box;">
42. <img class="assistant" style="width: 100%; display: block;vertical-align:inherit;box-sizing:border-box;max-width:100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/c3c41d20e014084eec3df5f2e1d5a82b.gif" draggable="false" data-ratio="1.0415704387990763" data-w="433">
43. </section>
44. </section>
45. <section style="border-radius: 25px;padding: 4px 30px;background-color: #abd667;box-sizing:border-box;" class="">
46. <section style="font-size: 18px;color: #ffffff;text-align: center;">
47. <strong class="135brush" data-brushtype="text">花 开 @初夏</strong>
48. </section>
49. </section>
50. <section style="width: 100%; border-bottom: 1px solid #ffde5d; height: 4px; max-width: 100% !important; overflow: hidden;box-sizing:border-box;"></section>
51. </section>
52. </section>
53. </section>
54. <section class="_135editor" data-role="paragraph">
55. <p>
56. <br>
57. </p>
58. </section>
59. <p>
60. </p><p style="margin-right:90px; margin-left: 90px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#413B3B">
61. 窗外树梢换了新衣服，屋檐雨水干了<br><br><br><br>
66. <audio style="width:200px;height:40px;outline:none;" controls="controls" autoplay="autoplay" loop="loop" src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=OScz-NtNO2Q" type="audio/mpeg"></audio><br><br><br>
69. </p>
70. </section>
71. </section>
72. </section>
73. <section style="padding: 0 10px;margin-top: -10px;box-sizing:border-box;">
74. <section style="background-color: #fff3db;border-radius: 10px 10px;height: 20px;box-sizing:border-box;" class=""></section>
75. </section>
76. </section>
77. </section>
78. </section>

复制代码

眉眉

仙儿收集辛苦了！