<style> .dynamic_logo{ position: fixed; height: 300px; /*請依照您的生物調整到適當高度*/ width: 500px; /*請依照您的生物調整到適當寬度*/ margin-top: 200px; /*生物距離頂部的位置*/ margin-left:800px; /*生物的左右位置 ( px > 0 時會往左邊,px < 0 時會往右邊)*/ background-repeat: no-repeat; /*防止背景重複*/ /*接著,請將以下圖片網址改成你想放的生物*/ background-image: url("https://emos.plurk.com/15dfb776f19c5a34a609c6fa1a7c33af_w48_h48.gif"); } </style> <p class = "dynamic_logo"></p> <style> .dynamic_logo1{ position: fixed; height: 300px; /*請依照您的生物調整到適當高度*/ width: 500px; /*請依照您的生物調整到適當寬度*/ top: 100px; /*生物距離頂部的位置*/ left:145px; /*生物的左右位置 ( px > 0 時會往左邊,px < 0 時會往右邊)*/ z-index: -1; /*層級下降,不會蓋到字*/ background-repeat: no-repeat; /*防止背景重複*/ /*接著,請將以下圖片網址改成你想放的生物*/ background-image: url("https://emos.plurk.com/6d1986c61e1002b88e3422b4d7ff0e80_w48_h46.gif"); } </style> <p class = "dynamic_logo1"></p> <style> body{cursor: url(https://emos.plurk.com/1850b274c6af8546d8754873f5295f03_w32_h32.png),auto;} a:hover {cursor:url(https://emos.plurk.com/c00253d489e9073fbf03b3d012b9512f_w32_h32.png),auto;} </style> <style> /* 偵探的甜甜圈投餵噗寶 */ /* 建議先 Ctrl+F 找出目前佈景裡把有用到 #dynamic_logo 和 #creature 相關的語法都刪掉 */ /* 用來觸發預先載入圖片的區域 */ .dynamic_logo::before { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; /* 將下面有用到的圖片網址寫在這裡以預先載入,避免圖片載入時產生閃爍 */ content: url('https://images.plurk.com/nEThAH5X8c88KJlJmaZsh.gif') url('https://images.plurk.com/5GvRAdxINHmDQOWhhrWdi7.gif ') url('https://emos.plurk.com/5240062bedefa7713c99caccdd13bb7e_w30_h30.gif') ; /* <- 請不要刪掉這個分號 */ } .dynamic_logo { /* 將噗寶位置固定在距離視窗右下角10px處的最上層,並隱藏被推出去的預設噗寶 */ position: fixed; bottom: 10px; right: 10px; z-index: 1000; overflow: hidden; /* 為整個噗寶加上陰影 */ filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.3)); /* 待機時噗寶圖片寬高 */ width: 300px; height: 300px; /* 待機時噗寶圖片網址 */ background: url('https://images.plurk.com/nEThAH5X8c88KJlJmaZsh.gif') no-repeat left/contain; } /* 用來顯示游標懸浮時噗寶圖片的區域 */ .dynamic_logo::after { /* 讓此偽元素能夠顯示在畫面上並設定大小 */ content: ''; display: block; width: 290px; height: 290px; /* 設定游標懸浮時噗寶圖片寬高與點擊前相同 */ width: 100%; height: 100%; /* 游標懸浮時噗寶圖片網址 */ background: url('https://images.plurk.com/5GvRAdxINHmDQOWhhrWdi7.gif ') no-repeat left/contain; /* 游標懸浮時游標圖片網址 (尺寸必須在 128x128 以內,超過的話會無法顯示) */ cursor: url('https://emos.plurk.com/5240062bedefa7713c99caccdd13bb7e_w30_h30.gif'), auto; } /* 用來顯示點擊後噗寶圖片的區域 */ .creature { /* 點擊前先隱藏點擊後噗寶圖片 */ display: none; /* 將預設噗寶圖片推出畫面外 */ padding-left: 100%; /* 設定點擊後噗寶圖片寬高與點擊前相同 */ width: 100%; height: 100%; /* 點擊後噗寶圖片網址 */ background: url('https://images.plurk.com/5eNUGF3eKpnw5gfE4uMMlu.gif') repeat left/contain; /* 點擊後游標圖片網址 (尺寸必須在 128x128 以內,超過的話會無法顯示) */ cursor: url('https://emos.plurk.com/5240062bedefa7713c99caccdd13bb7e_w30_h30.gif'), auto; } /* 游標懸浮時隱藏待機時噗寶圖片 */ .dynamic_logo:hover { background: none; } /* 游標未懸浮時隱藏懸浮時噗寶圖片 */ .dynamic_logo:not(:hover)::after { background: none; } </style> # 陸谷冬茶(りくたに ふゆちゃ) ## Nikutani Fuyucha   - ##  角色個性介紹 > ## 唯唯諾諾  >>### 十分的內向,不擅與人交際。 > ## 人云亦云  >>### 因為沒自信的緣故,所以很容易跟著別人的腳步走。 > ## 牆頭草  >> ### 自認為是弱小的人,因此習慣依附在他人身上。 > --- # [人物外觀](https://hackmd.io/x50B-XsFQ8-8hCvyzH_a5g) # [繪師介紹](https://hackmd.io/239GKnAwR32nfcJqc1_f8w) # [衍生故事]() <div><iframe width="300" height="60" src="https://vocaroo.com/embed/1hxGMNXO7Tpw?autoplay=0" frameborder="0" allow="autoplay"></iframe><br> 樂師: [噗幣轉蛋](https://www.plurk.com/p/ondqck) [文聲起舞](https://www.plurk.com/wenshengqiwu) <div><iframe width="300" height="60" src="https://vocaroo.com/embed/15VcXv5pcwD4?autoplay=0" frameborder="0" allow="autoplay"></iframe> 樂師: [CC](https://www.plurk.com/p/omu1dy)
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up