前幾天耍耍博客園,發現公告欄是個好東西,支持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>
鼠標碰一下會變色
<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>
還有……一些其他的透明動畫。
<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">
