zoukankan      html  css  js  c++  java
  • 博客园公告栏

    前几天耍耍博客园,发现公告栏是个好东西,支持HTML代码。虽然没学过HTML,不过有百度嘛~(大神请自动忽略该文……)

    要知道自己的博客寄人篱下是什么感觉,懒得自己弄个服务器独立自主自力更生,但是你觉得界面哪个地方不爽又改不了。

    还好博客园有点人性,给这一席之地让我们这些寄宿者发挥所剩无多的个性。

    第一次尝试是加了张图片:嗯用微博的头像,感觉无论是外观还是亲和力瞬间升级了好几倍。再在图片上添加链接,转到我的微博上。顺便为微博打打人气嘿嘿……

    <a href="http://weibo.com/helloworld">
    <img src="http://tp4.sinaimg.cn/1849994703/180/5668689381/1">
    </a>

    第二次尝试是添加按钮:添加一个百度的按钮。注意这里的链接不能省略http://。

    <a href="http://www.baidu.com">
    <button type="button">百度一下</button>
    </a>

    第三次尝试添加背景音乐:强大的embed.(我也不知道是什么)玉满堂,仙三游戏音乐,当年循环通关了几次的仙三嘿~提到玉满堂就想到渝州永安当~然后....

    1.这种背景音乐的链接很苛刻,我也不知道怎么弄的,反正就是跟当年玩QQ空间背景音乐的链接一样。一样是.mp3结尾,有些打开来后是下载,有些则是网页上播放。而这些网页上播放的才能当作背景音乐。所以当放一个下载链接的时候,每打开或刷新下博客,浏览器就会提示下载……囧

    2.当把链接换成一个普通链接,这时就能实现自动跳转了,好神奇。因为是这个链接是自动执行...autostart = "true"

    3.本来想换《下一个天亮》,但是每打开一个日志,浏览器又会自动加载公告栏,这时背景音乐又得从头开始放了......因为我们只能控制局部代码(公告栏),所以无法提供一个全局的范围去播放背景音乐.....然后看到embed有一个参数是 starttime用来设置音乐开始播放的时间,查了下发现可以用cookie来当作一个全局变量,然后跳转的时候用cookie保存播放的进度,加载完后再读取播放进度。嗯perfect~~~~~But.....怎么读取当前的播放进度,embed参数里面根本没有这个东西,坑啊。。。或许可以用js什么的去实现,太高级了所以然后就没有然后了。

    <EMBED src="http://www.hbfy.com/ebook/1001/bbdb4e45-fe41-432f-8237-6e278894b108.mp3"   hidden = "true" autostart="true"  loop = "false">

    第四次尝试添加微博秀:这个折腾了好久好久,终于解决了iframe的问题。博客园自动屏蔽iframe关键词,所以要用特殊的方法处理iframe。但是……一直失败……问那些成功显示微博秀的人要的代码也失败了?问了博客园管理员,也是找不出原因。后来用审查元素一个一个删掉,终于找到了根源。原来是在【通过CSS代码定制代码页面风格】这个框中以前添加了以下去广告的代码,定制了css风格,所以iframe才没能成功显示啊!!!(因为这些广告是通过iframe显示出来的)

    iframe
    {
    display:none;
    }

    删除它,增加小小成就感,贴代码

    <div id="norcy">
    <script type="text/javascript">
    var ifr = '<ifra';
    ifr += 'me width="230" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=zh_cn&width=230&height=550&fansRow=1&ptype=1&speed=100&skin=6&isTitle=1&noborder=0&isWeibo=1&isFans=1&uid=1849994703&verifier=2163a5e7&dpc=1"></ifr';
    ifr += 'ame>';
    document.getElementById('norcy').innerHTML = ifr;
    </script>
    </div>

    微博组件:http://open.weibo.com/widget/

    ps:

    embed:html5带来的新东西,用于媒体播放,具体参数百度百科。

    html没学过,上面的代码都是查的,找时间补一下。

    width="100%" 宽度自适应~

    一些其他代码,太无聊没放上去。学会HTML这些应该不是问题……先存着吧

    字体闪烁

    <marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
    <marquee direction=up behavior=alternate width=40 height=150></marquee><font color=red>
    <marquee direction=up behavior=alternate width=40 height=200></marquee><font color=orange>
    <marquee direction=up behavior=alternate width=40 height=150></marquee><font color=orange></font></b></marquee>
    View Code

    鼠标碰一下会变色

    <FONT onmouseover="this.style.backgroundColor = 'red';" 
    onmousewheel = "this.style.backgroundColor = 'blue';"
    style="BACKGROUND-COLOR: green" onmouseout="this.style.backgroundColor = 'Green';" face=arial size=3>欢迎光临我的博客</FONT>
    View Code

    还有……一些其他的透明动画。

    <EMBED style="RIGHT: 370px; POSITION: absolute; TOP: 18px"
    src="http://www.dabaoku.com/FLASH/flash/5.swf" autostart = "true"  width=182 height=182 ;; quality="high" onmouseover="width = 300" onmouseout = "width = 182">
    View Code
  • 相关阅读:
    java-version
    Centos7使用google-Chrome浏览器
    sign_and_send_pubkey: signing failed: agent refused operation
    删除带中划线的数据库
    yum update报错RPM数据库问题
    Centos的timedatectl
    /var/lib/docker/overlay2/db72dadf047395c178feb0eaedd932b48e283abcaa5a870c0c746bab8ee6f76a: no such file or directory
    /bin/bash^M: 坏的解释器: 没有那个文件或目录
    repeat()函数
    (Problem 47)Distinct primes factors
  • 原文地址:https://www.cnblogs.com/chenyg32/p/3221139.html
Copyright © 2011-2022 走看看