"Myanna"公告事項
捏人拉桿追蹤-----2014/05/08更新
★Myanna vol.13-----100%(坑了!)
★俠盜一籠包-----卷一<中>(快坑了!)
★自製物件 -----中元施工!!
★來玩動作盒 -----暫停!
★自製地圖-----龍蟠島85%(完全坑了!)
★最新活動-----嗯~退休了XD

000.jpg  

唉呀~因為我昨天看了好幾個語法~

終於改好隨機版頭了~因為大家的語法有所落差...

所以其實有些地方的語法網路上教學沒說清楚...

這裡是我個人的語法修改...畢竟我也只會一小撮毛...

如果有錯...我...我先跟大家道個歉

那我們開始吧~拿起你的小老鼠(滑鼠)跟我一起來!!!(發落密!!!)


步驟一:請到管理後台-自訂模式-css原始碼編輯(賣緊張...這裡只是會花你眼力而已)

001.jpg

 

步驟二:請找到你目前版頭的網址...應該在滿上面的...(找到有自己帳號的網址應該就是了..)

步驟三:然後(如下圖1.)~你會看到你的版頭位置的標題..把它記下來~等下要用..

(不知道大家的是不是跟我一樣是#header..因為說不定別的版型是用#banner之類的...)

002.jpg

 

步驟四:在你的版頭那行語法最前頭加上/*最後面加上*/(我自己解釋成能讓這行語法暫時失效..)

網路上有的會建議你直接刪掉..不過我是覺得如果以後厭倦隨機版頭..

可以把這行語法改回原樣~比較不容易亂掉...

步驟五:按預覽看語法成功沒(版頭應該會不見)~然後就能儲存了!!

003.jpg

 

步驟六:接著請複製下列語法貼到筆記本或其他可修改字的地方~我們要來改語法了~

<script type="text/javascript">
var banner= new Array()
banner[0]="圖片網址"
banner[1]="圖片網址"
banner[2]="圖片網址"
banner[3]="圖片網址"
banner[4]="圖片網址"
banner[5]="圖片網址"
var random=Math.round(5*Math.random());
document.write("<style>");
document.write("#banner  {");
document.write(' background:url("' + banner[random] + '") no-repeat center;');
document.write(" }");
document.write("</style>");
</script>

 ps.可以到這裡複製語法!!

 

步驟七:隨機圖片數不一定要跟上面一樣5張~你想幾張就幾張~沒用到的編號那行就先刪掉~

在圖片網址處貼上你的圖片網址~如下圖到相簿選原始尺寸--右鍵--內容

複製http://.jpg的網址~這就是你的圖片網址!!

 ps.新版痞客幫要抓原始圖片連結~要把.jpg前面的_n刪掉~就是原始大小了!!

005.jpg

 

步驟八:修改 var random=Math.round(n*Math.random());(如下圖2.)這行語法裡的n
如果你有6張圖~就打5~因為banner編號是0~5...其他以此類推!!

步驟九:修改document.write("#banner  {");(如下圖3.)裡的#banner 

這裡很多網路教學都沒寫...如果你剛剛步驟三的版頭標題是#banner那就不用動..

不過因為我的是#header~總之改成跟你css裡版頭標題一樣就好了! 

004.jpg

步驟十:把剛剛上面改好的語法全部複製~然後到側面欄位裡的任何板塊貼上~

我是選擇頁尾描述的板塊(如下圖2.)..也可以自行選擇別的板塊貼...

006.jpg

 

步驟十一:把語法貼在內容裡儲存就ok了!貼在頁尾有個好處..就是能選擇是否顯示~

如果突然不爽用隨機版頭~只要選關閉就好了...不用整段語法刪掉~真方便!!!

007.jpg


鏘鋃~~恭喜你完成了!!!快去try try有沒有隨機版頭吧!!!

因為我版頭很少張..怎麼刷都好像一直同一張...害我以為失敗了

另外教學圖片有點霧...害大家跟我一樣眼睛變散光...真是蒐裡啦!!!

 

下面連結是我在網路上搜尋到的教學網址~

如果看不懂我的教學可以去參考~(不過他沒教步驟九就是了....)

http://souvenirmine.pixnet.net/blog/post/24044353

創作者介紹

注意!!"meng少爺"在此出沒!

meng少爺 發表在 痞客邦 PIXNET 留言(12) 人氣()


留言列表 (12)

發表留言
  • Pika
  • 太實用了!!
    這對語法苦守得Pika真的啾肝新!
    差一步就完全無法更換
    喔呵呵看了這篇教學就成功了啦!!!!(歡嗚
    少爺你好棒~~~東胚哩開五瓶啦XDD

  • 免客氣~我昨晚也是試了好久啊!!!
    原來都卡在同個地方!!!(推)

    好好~那我搬5做香檳塔給你倒酒~~
    來人啊!!!小澈快滾出來啊!!!!

    meng少爺 於 2011/03/22 00:12 回覆

  • 子貓
  • 謝謝meng巨細靡遺的講解!!
    從很久以前就想要用隨機版頭了
    無奈完全不知該如何下手
    扥妳的福我終於弄出來了(淚目)
    這是一定要推的呀!!(抱一個)

  • 不客氣不客氣~~恭喜試用成功~
    我也覺得隨機版頭很有趣呢~

    meng少爺 於 2011/03/25 22:05 回覆

  • 菲子
  • 好棒好棒好棒 愛死你啦!!
    仔細到我這個電腦白癡都看得懂
    跟Pika一樣感覺"就感心"耶!! (來一個大擁抱)

  • 菲子也快來試試啊~~
    多拍一點版頭就能加入了~~~
    很高興當到你忙呀~

    meng少爺 於 2011/03/25 22:06 回覆

  • 凡妮斯
  • 喔!
    隨機版頭的語法!!!!!!!!!
    不知道我天空部落的能不能用...
    呵呵~先來挑幾張圖~
    等等來企跨賣~~~
    謝謝meng少的教學~
    實在是淺顯易懂~

  • 喔~天空啊~~~我也不知道耶~
    不然搜尋看看應該也有人會教~
    希望凡妮斯也有隨機版頭給我刷阿!!!!(推!!)

    meng少爺 於 2011/03/25 22:07 回覆

  • 栗子
  • 因為試驗成功了,所以特別來感謝meng少!(這樣講好像不太對....)
    我也終於成功用出了隨機版頭了!!!!
    真是太謝謝meng少的教學,真得是很詳盡又簡單~~

    不過痞客邦找原始圖的方式好像有變化(好像免費用戶沒有這功能了,皺眉)
    所以導致我不能用痞客自己的相簿
    要再另尋免空有點傷腦筋
    但無論如何,我還是成功弄出了!!
    謝謝!!!

  • 不客氣~不客氣~
    成功就好~

    其實痞克幫還是能用原始圖的~
    只是步驟比較麻煩~
    在複製圖片連結時把.jpg前面的_n刪掉~
    其實就是原始圖片大小了喔~
    栗子可以試試看!!(笑)

    meng少爺 於 2011/05/11 15:56 回覆

  • alyson
  • 謝謝分享^^
    我成功了^^

  • 不客氣!!

    meng少爺 於 2012/05/03 21:06 回覆

  • ChiakiHoung
  • 感謝少爺的教學,我終於搞定隨機版頭了,愛你哦 ^^

  • 免客氣~~我想看師姐跳新舞~~(喂!!)

    meng少爺 於 2012/05/25 00:30 回覆

  • Dee
  • 挖啊啊啊 謝謝少爺阿
    太棒了這~~~(<<表從來不曉得有隨機版頭這東西)

  • 不客氣~
    希望你也能用成功喔~

    meng少爺 於 2012/07/22 00:15 回覆

  • 莎曼
  • 先謝謝少爺的教學^ ^
    但我我遇到問題> <
    我依照上述方法去做,但第二張圖都顯現不出來,
    不知哪裡做錯了,不好意思麻煩少爺幫我解惑^ ^"

  • 你的步驟3裡先確定是#header還是#header
    要跟步驟9裡的英文一樣~
    然後檢查一下步驟8的圖片編號有沒有正確~
    照理說多刷幾次會看到不同張~
    因為是隨機所以有可能剛好都刷到同一張=3=
    你先試試看吧~

    meng少爺 於 2012/07/22 00:21 回覆

  • 菜菜小依
  • 少爺你真的是個天使啊
    我一直很羨慕有人的版頭可以隨機變換
    現在看到你出了教學
    真的是太感激你了
    放假時我就來用用看
    謝謝少爺呦~

  • 其實這篇已經是去年初發的了XDDD
    最近懶的寫教學文~超累人的=3=
    希望小依也學會隨機版頭喔~

    meng少爺 於 2012/07/22 18:27 回覆

  • 莎曼
  • 謝謝少爺!!我成功了!!(尖叫加猛抱XD)
    結果是我第二張圖多打一個"/"
    好蠢= = ,總之謝謝妳的教學^ ^

  • 恭喜恭喜~~
    下次可以多放幾張版頭玩刷刷樂了~~

    meng少爺 於 2012/07/22 18:29 回覆

  • 捷克斯
  • 你好~初次留言:)
    謝謝你的用心教學~真的非常詳細呢!
    只要一個步驟一個步驟就做的出來~
    感謝你呢!

  • 不客氣~希望你能成功喔!!

    meng少爺 於 2012/09/09 19:57 回覆

找更多相關文章與討論