0

。。代码试验田。。。【欢迎想学普通代码或者html代码的你】

刷新数据 阅读:39564 回复:433
本帖已关闭
  • 晓琳不笨(明星作家)

    板凳 2010-02-27

    示范1: flash代码,图上动态效果 图上花瓣





    木木26楼其中两个代码示例:

    双层表格

    (相比起主贴提供的半透明双层背景,这个代码无法调整透明度,不过更为简洁)

    输入文字

    对图片进行圆形渐变透明示例:


    示范2:小方块日志背景代码

    只有一个图层。。。图片平铺。。




    [ 此贴被晓琳不笨在2010-03-29 20:51重新编辑 ]
  • 朽木夜翼(文学之神)

    地板 2010-02-27

    ~代码分享~
    飘落FLASH代码:

    <CENTER><EMBED style="LEFT: 400px; POSITION: absolute; TOP: 400px" align=right src=地址 width=700 height=1400 type=application/x-shockwave-flash wmode="transparent" quality="high"></CENTER>


    双层表格
    <table border=0 cellpadding=20 cellspacing=0 background="你的图片" align=center><tbody><tr><td>
    <table border=0 cellpadding=20 cellspacing=0 background="你的图片" align=center><tbody><tr><td>
    </TD></TR></TBODY></TABLE>
    </TD></TR></TBODY></TABLE>
    示例在11楼

    对图片进行圆形渐变透明:
    <center><img style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src=" 图片地址" complete="true" complete="true" /></center>
    示例在11楼

    整体效果可以看这个:http://m.paipai.fm/r6404725/

    我的帖子的全部代码:

    这个是黑色的背景的代码:<table border=0 cellpadding=20 cellspacing=0 background="http://l.paipai.fm/118851/10/02/18/104_2448383_dacb7cc3c97ab5d.jpg" align=center><tbody><tr><td>
    </br>
    </br>
    </br>
    </br>
    </br> 
    </br>
    </br>

    这一段是渐变的字体的代码:

    <font color=#FCC309>欢</font><font color=#F9BA12>迎</font><font color=#F6B11B>参</font><font color=#F3A824>加</font><font color=#F09F2D>¦</font><font color=#ED9636>╭</font><font color=#EA8D3F> </font><font color=#E78448>图</font><font color=#E47B51>片</font><font color=#E1725A>展</font><font color=#DE6963>示</font><font color=#DB606C>╮</font><font color=#D85775>¦</font><font color=#D54E7E>木</font><font color=#D24587>木</font><font color=#CF3C90>转</font><font color=#CC3399>正</font><font color=#C92AA2>纪</font><font color=#C621AB>念</font><font color=#C318B4>
    </font><br>

    </br>
    </br>
    这一段是我的图片,因为是一张张的所以用了表格放到一起了,不然会有的图片突出来。
         
    [attachment=9789384][attachment=9789385][attachment=9789386][attachment=9789387][attachment=9789388][attachment=9789392]

    </br>
    </br>
    这一段时蒲公英的播放器代码:

    播放器可以自己找,http://www.tqqa.com/mp3Play/  这个我提供一下 有40款,O(∩_∩)O~ 然后按照它上面的步骤把播放器生成好,把下面这段代码【】内的取代就可以了,【】我只是为了标记,用的时候要删掉啊~~
    <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=【http://flash.tqqa.com/mp3Play/mp3Play14.swf?mp3=http://www.wmon.com.tw/Lineage/audio/02.mp3&autoStart=yes&repeatPlay=yes&name=╭(╯3╰)╮&.swf】 width=300 height=180 type=application/x-shockwave-flash quality="high" wmode="transparent">



    </TD></TR></TBODY></TABLE>
    这里是小星星的挂坠

    下面的390是指离左边的距离 50是指离顶部的举例 可以调整到自己满意的位置
    <CENTER><EMBED style="LEFT: 390px; POSITION: absolute; TOP: 50px" align=right src=http://www2.qqjay.com/qqflash/113.swf width=830 height=1050 type=application/x-shockwave-flash wmode="transparent" quality="high"></CENTER>

    流星的代码:

    我用了好几个 只要调整TOP后面的参数值 就可以让整张帖子布满流星了
    <CENTER><EMBED style="LEFT: 300px; POSITION: absolute; TOP: 500px" align=right src=http://qzone.qqjay.com/touming/22.swf width=800 height=1400 type=application/x-shockwave-flash wmode="transparent" quality="high"></CENTER>

    <CENTER><EMBED style="LEFT: 300px; POSITION: absolute; TOP: 950px" align=right src=http://qzone.qqjay.com/touming/22.swf width=800 height=1400 type=application/x-shockwave-flash wmode="transparent" quality="high"></CENTER>

    <CENTER><EMBED style="LEFT: 300px; POSITION: absolute; TOP: 1400px" align=right src=http://qzone.qqjay.com/touming/22.swf width=800 height=1400 type=application/x-shockwave-flash wmode="transparent" quality="high"></CENTER>

    <CENTER><EMBED style="LEFT: 300px; POSITION: absolute; TOP: 1800px" align=right src=http://qzone.qqjay.com/touming/22.swf width=800 height=1400 type=application/x-shockwave-flash wmode="transparent" quality="high"></CENTER>
    [ 此贴被朽木夜翼在2010-05-03 12:36重新编辑 ]
  • 晓琳不笨(明星作家)

    4楼 2010-03-01

    ~隐藏播放器讲解~
    百度是强大的。。。自己一直对播放器了解得很少,
    最近才学会用隐藏播放器,
    也给大家共享一下隐藏播放器的奥秘吧~


    两种适用于隐藏播放器的代码,效果一样,只是细节有点区别,大家可以选用自己喜欢的使用:

    1、<BGSOUND balance=0 src="音乐地址" volume=-240 loop=infinite>

    Volume表示音量,可以根据个人需要调节,
    loop=infinite表示循环播放,不停止。这种代码无法设置播放器的可视性,换言之就是只能隐藏。


    2、<embed src="音乐地址" hidden="true" autostart="true" loop="true">

    autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false"
    loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了
    hidden="true"表示隐藏播放,也就是不显示播放器的外观,如果想显示,把"true" 替换为"false"即可,修改之后将默认是最小化播放,如果想具体修改播放器的大小,另加上height="高度值" width="宽度值" 就可以了,加上之后的代码:<embed src="音乐地址" autostart="true" loop="true" c width="200" height="150" >(c可以省略,将width和height设置为0默认隐藏)
    [ 此贴被晓琳不笨在2010-03-01 16:18重新编辑 ]
  • 高空飞过(热心会员)

    5楼 2010-03-16

    — (晓琳不笨) 你愿意做特邀嘉宾,把你做周年的帖子代码,在这里和大家分享吗? (2010-03-24 22:36) —

    以下内容为某凛说的:
    很荣幸来分享代码 就是没什么新鲜货 我也是现学现卖 在此谢谢晓琳不笨、脸红红和tmd88600(他们贡献的代码~~)

    高空的双层背景就是晓琳那个代码
    我主要说的在纪念帖中tmd88600贡献的滚动条代码



    原代码为:(在http://www.paipaitxt.com/r4944274_1/上 与原帖略有出入 是代码识别后自动调整后结果)



    <div style="BORDER-RIGHT: #ffccff 1px dotted; BORDER-TOP: #ffccff 1px dotted; SCROLLBAR-HIGHLIGHT-COLOR: #f5d8f5; OVERFLOW: auto; BORDER-LEFT: #ffccff 1px dotted; WIDTH: 98%; SCROLLBAR-SHADOW-COLOR: #e5c8e5; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #ffefff; BORDER-BOTTOM: #ffccff 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ff66ff; HEIGHT: 100px"><br/>
    <div> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/><br/><br/>
    </div>
    </div>



    实际效果为:





    这里为文字输入区
    这里为文字输入区
    这里为文字输入区
    这里为文字输入区
    这里为文字输入区





    滚动条的长度和颜色是可以改变的,如在纪念帖中的颜色为:






    这里为文字输入区
    这里为文字输入区
    这里为文字输入区
    这里为文字输入区
    这里为文字输入区




    原代码为:

    <DIV style="BORDER-RIGHT: #ffccff 1px dotted; BORDER-TOP: #ffccff 1px dotted; SCROLLBAR-FACE-COLOR: #fcfcd8; SCROLLBAR-HIGHLIGHT-COLOR: #fcb4b4; OVERFLOW: auto; BORDER-LEFT: #ffccff 1px dotted; WIDTH: 100%; SCROLLBAR-SHADOW-COLOR: #fc90b4; SCROLLBAR-3DLIGHT-COLOR: #fcb4b4; LINE-HEIGHT: 15px; SCROLLBAR-ARROW-COLOR: #fc90d8; SCROLLBAR-TRACK-COLOR: #fcfcfc; BORDER-BOTTOM: #fc90d8 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #fcb4b4; SCROLLBAR-BASE-COLOR: #fcd8b4; HEIGHT: 100px" ?><BR>
    <DIV>这里为文字输入区<BR>这里为文字输入区<BR>这里为文字输入区<BR>这里为文字输入区<BR>这里为文字输入区<BR><BR><BR></DIV></DIV>



    代码增加的部分就是对滚动条颜色更具体的设定


    其中HEIGHT是滚动条长度 后面的数字可据情况作出改动 如纪念帖原帖长度为1169px

    LINE-HEIGHT为行距 可视情况自定



    然后讲解一下颜色问题:


    scrollbar-3d-light-color 立体滚动条亮边的颜色(即上、下小方块及条的上左条内侧颜色)

    scrollbar-arrow-color 上下按钮上三角箭头的颜色

    scrollbar-base-color 滚动条的基本颜色(即整体颜色基调、个人认为没太大用处)

    scrollbar-dark-shadow-color 立体滚动条强阴影的颜色(即上、下小方块及条的下右条内侧颜色)

    scrollbar-face-color 立体滚动条凸出部分的颜色(即滚动的条的颜色)

    scrollbar-highlight-color 滚动条空白部分的颜色(即上、下小方块及条的上左条外侧颜色)

    scrollbar-shadow-color 立体滚动条阴影的颜色(即上、下小方块及条的下右条外侧颜色)

    scrollbar-track-color 滚动条的背景颜色


    颜色代码对照表

    http://www.paipaitxt.com/r4945071_u1497904/ tmd88600
    http://www.ezhy.com/zhiyong/color.htm


    滚动条颜色在线生成:

    http://www.abaonet.com/tool/scrollbarColor/


    只要把颜色代码在原代码中更改就好~~


    然后高空的纪念帖请见————高调飞过的一年~~~纪念派派一周年


    若想将整个帖子向上贴一样套在滚动条内 请把“这里为文字输入区<BR>这里为文字输入区<BR>这里为文字输入区<BR>这里为文字输入区<BR>这里为文字输入区”换为所需代码


    以上

    [ 此贴被高空飞过在2010-03-29 12:35重新编辑 ]
  • 一直很安静~(专栏作家)

    6楼 2010-09-13

    [ 此贴被安静di兔斯基在2011-03-23 22:19重新编辑 ]

    小图 | 大图 图片

  • 贫僧有尼(内阁元老)

    7楼 2010-09-13




    .........





      其实我就是话唠,话唠,话唠。

      上任没有实习那会的不知所措,不过上任帖也让我犯难。

      实习那会多出来的公费让我觉得自己是暴发户

      暴发户可能土了点,但是感觉真不错

      有时会笑一些朋友把上任帖子弄得像获奖感言

      到了自己,发现也必须感谢很多人,想发表一下获奖感言

      其实一路走来,我一直很幸运

      从最初的靠好朋友的支持,主要是四人行、夏娃子、涵涵儿

      有了两叔的提携吧,才能进了手机实习

      在手机真的要谢谢林子妹妹的指导

      很抱歉没有及时告知你一些事

      谢谢竞竞和飞飞,让我今天在耽美版块顺利上任

      初进耽美,错误不断,谢谢你们的耐心

      当然还有其他版主的宽容 

      就这样吧,就像我一开始说的,朋友们,有你们的支持
     
      我的每一步都走得很幸福,很心安,谢谢支持我的paier。 
     



    [ 此贴被面团三少在2010-10-30 23:23重新编辑 ]
  • 陌亦輕。(热心会员)

    8楼 2010-09-13

    小丁子&小苯——伴郎伴娘贴:









    你见,或者不见我
    我就在那里 不悲 不喜
    你念,或者不念我
    情就在那里  不来 不去
    你爱,或者不爱我
    爱就在那里  不增 不减
    你跟,或者不跟我 
    我的手就在你手里 不舍不弃
    来我的怀里, 或者
    让我住进你的心里
    默然相爱 寂静欢喜

    伴郎/伴娘:XXX














    【嫻雅白●花清新】_陌亦輕。製作


    花童:







    你见,或者不见我
    我就在那里 不悲 不喜
    你念,或者不念我
    情就在那里 不来 不去
    你爱,或者不爱我
    爱就在那里 不增 不减
    你跟,或者不跟我
    我的手就在你手里 不舍不弃
    来我的怀里, 或者
    让我住进你的心里
    默然相爱 寂静欢喜






    【嫻雅白●花清新】_陌亦輕。製作
    [ 此贴被陌亦輕。在2011-03-18 23:03重新编辑 ]
  • 泠泠暖暖(文学大师)

    9楼 2010-09-13

     
    [ 此贴被泠泠暖暖在2010-10-24 21:46重新编辑 ]
  • 洛子珩。(文学之神)

    10楼 2010-09-13

    内容

    内容
    内容
    [ 此贴被15°的苝尐緈在2011-03-05 19:54重新编辑 ]
  • 简小安。(明星作家)

    11楼 2010-09-13

    [ 此贴被简小安。在2010-11-23 12:13重新编辑 ]
  • 沐衾雨°(热心会员)

    12楼 2010-09-13





    [ 此贴被沐衾雨°在2010-12-09 12:09重新编辑 ]
  • 汐影洛洛(家喻户晓)

    13楼 2010-09-13


    ♡ゞ、记那一场流年写意`ヅ♡
    ♡ゞ、浮这一生繁华如梦`ヅ♡


    最美不过流年意

    白头才知少年愚

    远山偷偷带走夕阳

    惹来晚霞红晕

    时光悄悄倾泻流年

    谁来平复难忘情怀

    归途远道羊肠

    依旧难舍心中荡漾

    不知他日回眸

    小径荆棘满道

    那通往家的旅途嗬

    怎经得起荒凉的蔓延

    曾经执着不悔的前进

    掠过多少繁花似梦

    如若掉转回头

    那路不如归去


    [ 此贴被汐影洛洛在2010-12-13 19:14重新编辑 ]
  • 紫桠(热心会员)

    14楼 2010-09-13





    我很心疼!

    你的离去,让我的心缺了一角

    使我的生活不能得到全部的美丽

    对,这都是我的错

    我的手该被剁了,怎么能这么不知轻重

    怎么能牵连到如此美好的你

    你的离去,让我被众人唾弃

    我很自责,可是这算什么

    人说总是到失去的时候才知道珍惜

    难道我已经真的失去你了吗

    不,你怎么能就此离去

    我还没有给你最好的呵护,让你散发你全部的美丽

    你的美丽就是我的美丽,你就是我的骄傲

    你将是我在很长一段时间里不能割舍的痛!

    哦。。。。。。。


    损友转头问:你在写什么。

    答:哦,在悼念我今早手贱剪残了的那柞头发!
    [ 此贴被四在2011-03-02 12:31重新编辑 ]
  • 玉铃兰(内阁元老)

    15楼 2010-09-13

      ♥♥♥ 冉冉 ♡ 球球 ♥♥♥
    婚姻。

    即使是闪婚。

    可是在漫漫的几十人生,细水长流才是最好。

    而在这时间里,总会有很多的收获的。

    于是,好好的品味一下。

    每每有伤心,愉快的事总会有人跟你分享。

    遇到烦恼的事情也会有人帮忙解决而无需过多的烦恼。
    仓促的一切。
    让我无法表达对你们的祝福。

    只愿茫茫人海中相遇的两人。

    都能愉快的开始他们美满的幸福生活。

    只愿我亲爱的。

    妹妹以及妹夫在未来能够相辅相成。

    幸福到老!
    【伴娘·兰兰】
    [ 此贴被玉铃兰在2011-01-22 20:56重新编辑 ]
  • 貓夫人°(派派版主)

    16楼 2010-09-13

    编辑
    [ 此贴被雨落涵烟在2010-12-08 10:02重新编辑 ]
  • 轻冉(文学之神)

    17楼 2010-09-13

     
  • 细。(内阁元老)

    18楼 2010-09-13

    我们一同走过的日子




                   



    我们一同走过的日子

    我们一同走过的日子

    我们一的覆盖了是的疯狗后的甘肃省同走过的日子

    我们一同走过的日子

    我们一同走过的日子

    我们一同走过的日子

    我们一同走过的日子

    我们一同走过的日子

    我们一同走过的日子

    我们一同走过的日子

    我们一同走过的日子



    [ 此贴被细。在2011-02-10 11:45重新编辑 ]
  • 紫雨-苯(博雅杂志组)

    19楼 2010-09-13

    占楼
  • 点击查看更多