不用會HTML,CSS語法2-做一隻會走路的龍貓Totoro
 
龍貓-1
大家有沒有看到我的上一篇文章『龍貓龍貓,加油加油,跑快一點!』?
想不想製作一隻會走路的龍貓哥哥?方法...也很簡單哦,不需要知道什麼語法,因為有人早就把它寫好了,只要套用上去就可以了。
 

這是我在一個日本網站上看到的,可能也有人會使用什麼語法的把它做出來,但因為敝人功力有限,所以僅能套用別人現成寫好的東西,不過反正可以達到我要的目的就好了。

製作方法請參考以下步驟:
1.去網路上找一張你喜歡的會走路的動態圖,如果自己會製做更好。
2. 把它上傳到你的相簿。
3. 找出這個動態圖的相對應網址。
(不知如何上傳相簿及找出動態圖對應網址,請參考我的另一篇文章不用會HTML,CSS語法的自製推薦自己部落格文章法
4.套用以下語法:
<MARQUEE DIRECTION="right" SCROLLDELAY="60"><A href="http://ikebukuro.cool.ne.jp/c_chicken/mario.html" target="_blank"><IMG src="マリオ画像のパス" width="17" height="17" border="0"></A></MARQUEE>
>把src="マリオ画像のパス" 裡的紅色字體部分,置換為你的動態圖的對應網址。
>裡面有幾個參數是可以改變的:
  - MARQUEE DIRECTION="right" 這是由左到右跑,當然你也可以改為”left”由右向左跑。
  - SCROLLDELAY="60"> 裡面的數字越大,跑的越慢,當然愈小就越快。
  - width="17" height="17"裡面的數字,代表你的動態圖的大小,越大圖就越大。
 
5.你可以直接把上面的語法複製到你的部落格平台的新增文章中的『HTML原始程式編輯器』修改裡面的參數,再用『預覽』的方式看看結果,滿意了,就可以把這個『原始碼』複製到你的文章或側欄欄位上了。
(同樣如果不知如何編輯HTML原始程式碼的方法,請參考我的另一篇文章『不用會HTML,CSS語法的自製推薦自己部落格文章法』)
 
是不是很有趣呢?快回去試看看吧,很簡單的哦^^

宮崎駿~灰色龍貓立體娃娃鑰匙圈

宮崎駿/龍貓公車-伸縮票夾/證件夾/零錢兩用包

宮崎駿/龍貓系列-(藍色龍貓)伸縮票夾/證件夾/零錢兩用包

 參考資料:
歡迎複製,整篇複製只要載明出處及連結即可。

 

, ,
創作者介紹

幾米力的休閒娛樂站 ( Geminichen's Blog )

幾米力 發表在 痞客邦 PIXNET 留言(16) 人氣()


留言列表 (16)

發表留言
  • 設計嵐
  • 讚!!!

    可愛又活潑~~~很適合Blog..Good!!!
  • 謝謝您的喜歡,但是不是只能用在部落格,我就不知道了

    幾米力 於 2010/08/18 22:39 回覆

  • 悄悄話
  • 米菲
  • 很棒的語法耶...很簡單
    謝謝分享 XD
  • 哪裡,不客氣,喜歡就拿去用看看吧,可以把妳的部落格裝扮的比較生動哦

    幾米力 於 2010/08/18 22:41 回覆

  • 酷洛洛
  • 感謝分享...
    以前我學長用BASIC語法做個從左跑到右的動畫就要花2個小時呢..
  • 只花兩小時就可以讓他從左跑到右了,很厲害了,兩個小時,我都沒法讓他動一下,哈

    幾米力 於 2010/08/18 22:43 回覆

  • 噴你飯
  • 哈哈,這個好耶~
    收下了,我下次也來做一個!
  • 我想看到『翻滾的飯團』,無論是前空翻,後空翻,側空翻都可以^^

    幾米力 於 2010/08/18 22:44 回覆

  • wishomakase
  • 老爹你好厲害喔

    為甚麼不會日文也能夠去日本網站套用ㄚ
    太厲害了ㄅ!!!!
  • 姑奶奶,我有點承受不起妳一直叫我老爹耶,
    網路就是一條四通八達的道路,不小心就逛到日本去了,我不是也不小心就到妳那裡了?

    幾米力 於 2010/08/18 22:47 回覆

  • Caribbean
  • ㄟ 很有用的 CSS 耶!!
    尤其是後面那隻從右跑到左, 粉可愛~那是我們幾米力嗎? 呵
  • 那隻不是我啦,只是一隻想假裝為麋鹿的狗狗

    幾米力 於 2010/08/18 22:50 回覆

  • 亞希斯.雷
  • 現在真的很方便^^~

    多謝分享呢^^~
  • 不客氣,有需要可以用看看

    幾米力 於 2010/08/19 14:27 回覆

  • proync
  • 記起來
    以後想玩時
    可以用喔
    謝謝呢
  • 是啊,有需要的時候,用看看,很簡單的

    幾米力 於 2010/08/19 14:28 回覆

  • bao9108
  • 感謝分享~~我也來試試!!
  • 很簡單,試看看吧!

    幾米力 於 2010/08/19 14:30 回覆

  • Ohlala
  • 語法好難喔>"<
    這個真可愛~可是要先畫跑的連續圖吧??
  • 語法可能很難,我也不會,但用法很簡單,套用就好了

    幾米力 於 2010/08/19 14:31 回覆

  • 施寶
  • 好可愛~
    我好喜歡歐
    謝謝分享:D
  • 不客氣,喜歡就玩看看,很簡單哦

    幾米力 於 2010/08/19 14:34 回覆

  • 程程媽咪
  • 一直跑真的很可愛~
    不過我超懶的~~
  • 想把自己的部落格裝扮的更生動的時候再弄啊,我有點無聊,一天到晚改自己的部落格玩

    幾米力 於 2010/08/20 17:30 回覆

  • 恩爸比
  • 太可愛了
  • 有空玩看看吧

    幾米力 於 2010/08/20 17:30 回覆

  • ☆故事☆
  • 龍貓要瘦身了
    在一直跑步
  • 有空常常走一走,身體才會好^^

    幾米力 於 2010/08/20 17:31 回覆

  • 王子MAN
  • 幾米力好大方阿
    千萬格友感謝你
    龍貓也感謝你
    呃!我會不會諂媚過頭了:P

    總之謝啦
    改天抄來用^^
  • 不用客氣,部落格不就是分享的地方?,我只是不喜歡有人直接複製我的圖,那樣會讓我的外連空間很快就滿,圖都出不來

    幾米力 於 2010/08/20 17:38 回覆

【 X 關閉 】

恭喜您是我們挑選到的讀者!希望能了解您的
【痞客邦部落格使用行為】

填問卷將有機會獲得痞客邦獨家好禮喔!(注意:關閉此視窗將不再出現。)

立即填寫取消