紫衣云梦剧社吧 关注:6贴子:129

【科普】宣传的代码(转自广播剧吧)

只看楼主收藏回复

1L度娘。


1楼2013-07-24 16:48回复
    优声由色:简称YS,上晋江上点击那个论坛,然后再点击耽美区就会出来的。
    图片来自: 红茶的香浓的百度相册
    图片来自: 红茶的香浓的百度相册


    通过百度相册上传2楼2013-07-24 16:49
    回复
      留声花园:简称LS,BG剧发布之地。
      跟上面一样,不过LS在原创区里


      3楼2013-07-24 16:49
      回复
        晋江上有一本专门写代码的书,名字 :晋江文栏特效代码作者:纳兰澈雪
        原文地址:http://www.jjwxc.net/onebook.php?novelid=64399
        新人可以去看看。看了一些或者会了一点的人可以去这个地方发试验贴
        http://bbs.jjwxc.net/board.php?board=21&page=1


        4楼2013-07-24 16:49
        回复
          字体篇
          §字体篇§
          首先,我们看看怎么做到最简单的加粗、斜体
          代码:<B>文字</B>
          示例:<B>话题</B>
          效果:
          代码:<I>文字</I>
          示例:<I>话题</I>
          效果:


          6楼2013-07-24 16:50
          回复
            效果做到这两步,接下来让我们看一下怎么把字变大变小
            代码:<FONT size=1>一号</FONT>
            效果:

            代码:<FONT size=1>二号</FONT>
            效果:
            代码:<FONT size=3>三号</FONT>
            效果:
            代码:FONT size=4>四号</FONT>
            效果:
            代码:<FONT size=5>五号</FONT>
            效果:
            代码:<FONT size=6>六号</FONT>
            效果:
            代码:<FONT size=7>七号</FONT>
            效果:


            7楼2013-07-24 16:50
            回复
              色彩篇
              当我们能够熟练的改变文字的的大小和字体后 今天我们来了解一下怎么让文字变色
              §色彩篇§
              首先,我们看看最简单的变色代码:
              代码:<FONT color=#颜色代码>文字</FONT>
              示例:<FONT color=#1E90FF>雪蓝</FONT>
              效果:
              看到了么 代码一样的是非常的简单 只要把“颜色代码”替换为你想要的颜色代码 文字就会变成你想要的颜色了


              9楼2013-07-24 16:50
              回复
                很多时候我们在YS上看见一些渐变的标题 会觉得 ( ⊙o⊙ )哇 好好看哦 有了上面的这些基础 那接下来我们也尝试一下看看
                代码:<FONT color=#FF00FF>这</FONT><FONT color=#FF00CC>就</FONT><FONT color=#FF0099>是</FONT><FONT color=#FF0066>颜</FONT><FONT color=#FF0033>色</FONT><FONT color=#FF0000>渐</FONT><FONT color=#CC0066>变</FONT>
                效果:
                这个就是用不同的颜色代码组成的,原理也是这个:<FONT color=#颜色代码>文字</FONT>
                就这样编一下字体就会出现不同的颜色
                如果我们想要加粗色彩可以这样:
                代码:<FONT color=#颜色代码><B>文字</B></FONT>
                示例:<FONT color=#1E90FF><B>雪蓝</B></FONT>
                效果:
                这个是之前加粗的代码:<B>文字</B>
                <FONT color=#颜色代码>文字</FONT>
                就在颜色代码的后面加上加粗代码就可以了,不过不要遗忘了它 </FONT>
                最后我们看看能不能把两节课所学到的内容结合起来 达到1+1>2的效果
                代码1:<FONT color=#CC66FF>这里</FONT><FONT color=#CC66CC>有</FONT><FONT color=#CC6699><B>粗体</B>,</FONT><FONT color=#CC6666><I>斜体</I>,</FONT><FONT color=#9966FF>字体,</FONT><FONT color=#9966CC>大小,</FONT><FONT color=#996699>渐变的效果</FONT>
                效果1
                这里的原理就是:<FONT color=#颜色代码>文字</FONT>+<B>粗体</B>+<I>斜体</I>。
                代码2:<FONT color=#CC66FF size=2>哇</FONT><FONT color=#CC66FF size=3>( ⊙o⊙ )</FONT><FONT color=#CC66FF size=5>由</FONT><FONT color=#CC66CC size=6>大</FONT><FONT color=#CC6699 size=5>变</FONT><FONT color=#CC6666 size=4>小</FONT><FONT color=#9966FF size=3>了</FONT>
                效果2:
                这里的原理就是:<FONT color=#CC66FF>+<FONT size=2>文字</FONT>
                看到这里大家就想问了为什么上面的代码是这样的
                <FONT color=#CC66FF size=2></FONT>
                这是我的个人认为:字体颜色代码和字体加大代码看起来都市差不多的,简化了一下成了这样了。
                <FONT color=#CC66FF size=2></FONT>
                代码3:<FONT color=#CC66FF face=黑体 size=2>再</FONT><FONT color=#CC66FF face=黑体 size=3>把</FONT><FONT color=#CC66FF face=黑体 size=5>字</FONT><FONT color=#CC66CC face=黑体 size=6>体</FONT><FONT color=#CC6699 face=黑体 size=5>加</FONT><FONT color=#CC6666 face=黑体 size=4>上</FONT><FONT color=#9966FF face=黑体 size=3>呢</FONT><FONT color=#9966FF face=黑体 size=2> (⊙o⊙)?</FONT
                效果3
                原理:
                <FONT color=#CC66FF>+<FONT face=文字 size=1>文字</FONT>+<FONT size=2>文字</FONT>
                就是字体颜色代码+字体代码+字体加大代码的结合体
                其实代码不难,只要是不怕麻烦


                11楼2013-07-24 16:51
                回复
                  说道图片就不能不说相册了。
                  总结一下不能外联的相册,目前已知:
                  新浪博客、新浪相册、百度图片、网易相册、网易博客、qq空间、qq相册、天涯博客、天涯相册、51相册、图客、灰姑娘相册;
                  tinypic相册部分地区无法使用
                  以上转自晋江文学城,原文地址:http://www.jjwxc.net/onebook.php?novelid=64399&chapterid=52
                  1、photobucket
                  地址:http://photobucket.com
                  需要注册,这里简单写一下步骤
                  进入网页--Sign Up Now!--填写注册名(usename)--输入两遍密码(password)--下一步(next step)--完善资料--名字(First name),姓氏(Last name),邮箱(Email)--性别(Gender)选择女性(female)--生日(Birthday)--邮编(ZIP)仅美国和加拿大用户需填写--验证码--注册(I accept)
                  成功后出现的那个付费页面不用理它,直接点击My home到首页,再点击这个按钮选择需要上传的图片,确定后上传完毕会自动跳转,此时点击“save&get links”,复制“direct link”里面的链接就好。。
                  2、yupoo。
                  地址:http://v.yupoo.com
                  需注册,三个月不登陆会取消外链。。
                  3、21CN相册。
                  地址:http://photo.21cn.com
                  先创建专辑,再上传照片。无水印的图片需点开“调整图片”,再右键属性复制地址


                  15楼2013-07-24 16:53
                  回复
                    纹饰篇
                    §纹饰篇§
                    所谓纹饰就是分隔符
                    可以自己用代码编辑
                    也可以直接用花边图片
                    首先 我们举一些用代码达到的纹饰效果 其原理结合居中、色彩和符号
                    0. 最简单的
                    代码:<HR>
                    效果:


                    19楼2013-07-24 16:55
                    回复
                      ⒈ 花边
                      代码:<CENTER><B><FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~</B></CENTER>
                      效果:
                      注意:用完代码记得把文字颜色修改一下。否则就像这样,本该黑色的字变成叶绿色了。 如果是黑色非粗体是<FONT color=#000000>
                      ⒉ 花边标题
                      代码: <CENTER><FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#1E90FF>〖.<FONT color=#AAAAAA>标题<FONT color=#1E90FF>.〗<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~<FONT color=#DC143C>*<FONT color=#20B2AA>~</B></CENTER>
                      效果:
                      注意:可以根据字数增加适当调整减少花叶的个数,目标,保持花边在一行。


                      20楼2013-07-24 16:55
                      回复
                        ③笑脸
                        <CENTER><b><font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^  <font color=#0000FF>^<font color=#FF00FF>-<font color=#0000FF>^</b></CENTER>

                        ④葡萄架
                        <CENTER><b><font color=#33CCCC>*<font color=#9933FF>∴<font color=#0000FF>⊥<font color=#9933FF>∴<font color=#33CCCC>*<font color=#FF99FF>……<font color=#33CCCC>*<font color=#9933FF>∴<font color=#0000FF>⊥<font color=#9933FF>∴<font color=#33CCCC>*<font color=#FF99FF>……<font color=#33CCCC>*<font color=#9933FF>∴<font color=#0000FF>⊥<font color=#9933FF>∴<font color=#33CCCC>*<font color=#FF99FF>……<font color=#33CCCC>*<font color=#9933FF>∴<font color=#0000FF>⊥<font color=#9933FF>∴<font color=#33CCCC>*<font color=#FF99FF>……<font color=#33CCCC>*<font color=#9933FF>∴<font color=#0000FF>⊥<font color=#9933FF>∴<font color=#33CCCC>*<font color=#FF99FF>……<font color=#33CCCC>*<font color=#9933FF>∴<font color=#0000FF>⊥<font color=#9933FF>∴<font color=#33CCCC>*</b></CENTER>

                        如果觉得以上用代码编辑的纹饰过于简单不够HL的话 可以用图片来代替 既美观也节省了很多时间 我们第三节课在讲图片篇的时候不断用到的
                        其实也可以做为一个纹饰来使用 事实上 设计者也是这样做的^_^ 当然我们不是美工也不会用PS的话可以偷懒点去网上找类似的图片 以下提供一些:





                        http://www.jjwxc.net/onebook.php?novelid=572546
                        更多去这里找吧


                        22楼2013-07-24 16:56
                        回复
                          说道音乐就可以谈到外联的播放器
                          Eingzone(意赢互动),
                          效果如下:
                          具体操作:
                            先注册www.eingzone.com,点击“免费申请音乐播放器”,在“请填写要放置播放器的博客/网页地址”里可填入自己的文章地址,点击“申请”。在管理音乐的页面,需要填入歌曲地址,推荐用百度mp3搜索,点击试听后复制链接,再填入地址。添加完歌曲信息后,可选择皮肤,保存修改,再获取代码。
                          虾米播播,效果如下
                           具体操作:
                           先注册先注册www.xiami.com,搜索感兴趣的音乐(这个网站的音乐还挺全的),选中音乐后,拉到下方点击“将选中歌曲制作成虾米播播
                          然后选择皮肤颜色,复制html代码就成了~。
                          以下播放器上传功能均以关闭。
                          8box
                          具体操作:
                            先注册http://www.8box.com,首页打开我的歌单--我要创建歌单,搜索,添加歌曲生成歌单。。
                          然后点开顶部的博客音乐组件,这边有四个选项,可以选择单曲和引用歌单,这里主要介绍引用歌单。点击下一步,选择需要播放的歌单,然后可以定制外观,主要就是为播放器选择颜色。做好后预览并生成代码,直接复制html代码就可以使用了。
                          注:不勾选“自动播放”,即需要手动点开播放键
                          优点:8box可以直接上传音乐,搜索音乐也很方便,播放器简单美观。。
                          缺点:8box的速度没有百度直接搜索出来的音乐链接这么快。
                          ☆酷狗播放器☆
                          之前也一直在推这个播放器~优点多多,免注册,直接上传获取html代码,适合一些网上找不到外联的歌曲。。
                          教程:打开http://disk.kugou.com
                           浏览上传,选择需要上传的mp3,上传成功后会自动跳到歌曲页面,然后点击生成组件。
                          再点开高级设置,可以选择播放器大小,款式以及颜色。建议把自动播放设置成否。
                          设置好了以后,就复制html代码到文案吧
                          以上转自晋江文学城,原文地址:http://www.jjwxc.net/onebook.php?novelid=64399&chapterid=51


                          24楼2013-07-24 16:57
                          回复
                            再来看看单选/复选框吧^_^ 动态网页常常见到的~
                            单选代码: <INPUT TYPE=CHECKBOX>
                            效果:
                            选中代码:<INPUT TYPE=CHECKBOX checked>
                            效果:
                            复选代码: <INPUT TYPE=radio>
                            效果:
                            选中代码:<INPUT TYPE=radio checked>
                            效果:
                            方框代码:<INPUT TYPE=BOX>
                            效果:


                            26楼2013-07-24 16:58
                            回复
                              有字代码:<INPUT TYPE=BOX value=箱子>
                              效果:
                              口令代码:<INPUT TYPE=PASSWORD>
                              效果:
                              口令赋值:<INPUT TYPE=PASSWORD VALUE=123>
                              效果:


                              27楼2013-07-24 16:58
                              回复