p/lh42c0

KUNiGUMi

@TzuLum

Thu, Feb 11, 2016 3:00 PM

83

30

[PlurkCSS][0222更新] 3Presto Ver.3

對應 Plurk 新版面的發佈進行改版，部份設計修改。
Source Code 在這裡請自取
如果發現bug、換背景需要協助，歡迎留言⎝(´・ω・`)⎠

機器狼🌧️雨世界合作

@KMN_BOT

說

Thu, Feb 11, 2016 3:02 PM

嗚汪、您嚇到機器狼了。･ﾟ･(つд`ﾟ)･ﾟ･

藍宇夜

@yuuya1526

Thu, Feb 11, 2016 3:04 PM

懷念的感覺回來了

謝謝K君XD!

🍰羽空

@windicevista

Thu, Feb 11, 2016 3:05 PM

雙背景有點可惜最後面被擋到了

他卡@

@hongtaka

Thu, Feb 11, 2016 3:06 PM

耶！！！！！！！！！

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 3:06 PM

🍰羽空 : 算是故意的，後面那個可以自由放其他東西

休養喵

@yuku_black

Thu, Feb 11, 2016 3:09 PM

感謝K君!!

釣不到猴子的有人島民

@danny8376

Thu, Feb 11, 2016 3:11 PM

正在思考要不要改布景
因為新版其實用得還算習慣XDDD

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 3:12 PM

提一下
佈景配色 請選擇新版的樣式，
原生的上傳背景圖片會在底層，可以自由決定要不要使用（放一些材質圖也很棒）
河道人物 or 背景請自行修改原始碼的 Custom 區

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 3:13 PM

釣不到猴子的有人島民 : 嘛，因為我很堅持不想看到垂直的捲軸www

釣不到猴子的有人島民

@danny8376

Thu, Feb 11, 2016 3:15 PM

KUNiGUMi : BTW
發噗可以往上丟了喔
Ami_menu現在會確認位置不超出視窗了

千秋大小姐

@akira02

Thu, Feb 11, 2016 3:15 PM

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 3:15 PM

釣不到猴子的有人島民 : ~~改的不是時候，我已經用不到了~~

釣不到猴子的有人島民

@danny8376

Thu, Feb 11, 2016 3:16 PM

我還是比較喜歡在上面
這樣噗內容多的時候往下擠不會超出螢幕XD

久🌰里

@KURIKO69

Thu, Feb 11, 2016 3:37 PM

YAYA辛苦啦！

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 3:44 PM

剛剛才發現 Chromium 的 border dotted 竟然是方的，好醜阿www

上 Firefox 下 vivaldi(Chromium)

釣不到猴子的有人島民

@danny8376

Thu, Feb 11, 2016 3:53 PM

哀wwwwwwww

千秋大小姐

@akira02

Thu, Feb 11, 2016 3:58 PM

KUNiGUMi : Geek的味道

阿雷

@resnard

Thu, Feb 11, 2016 4:25 PM

你好，我從轉噗連過來，初次來訪。我看過了別的噗友套用新版面：
www.plurk.com/Erotesstudio
這是我看到的，主控台的樣子我很喜歡，不過背景圖片都會被河道擋住，就算弄成同一張圖片，也會有被切開的感覺。我希望能看到完整的背景圖片，所以想把河道弄成透明的，我應該要改哪一個 alpha 才對呢？

Yan-K

@YanKMW

Thu, Feb 11, 2016 4:37 PM

辛苦了！

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 4:38 PM

阿雷 : 試試看這樣 /*CSS for www.plurk.com (Plurk Paste)

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 4:42 PM

a080123900: 忘了說如果是用全河道背景，background-size 那邊可以改 background-size: cover !important; 或許會比較適合

Yan-K

@YanKMW

Thu, Feb 11, 2016 4:50 PM

KUNiGUMi : 喔喔喔喔！！！！

虛擬熊

@WubbaLubba

Thu, Feb 11, 2016 5:36 PM

感謝分享!!! 版面耐看而且好用!!!!!!

阿姆🔥

@FluffyAstra

Thu, Feb 11, 2016 6:07 PM

你好，想請問一下如果想自訂噗浪生物的話要怎麼讓它顯示出來呢？謝謝><！

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:09 PM

RIO_0604: 自訂區的第一個就是喔，因為我是拿原本放噗浪生物的空間去做的

阿姆🔥

@FluffyAstra

Thu, Feb 11, 2016 6:20 PM

哦哦原來如此！我剛剛直接用回應下面那個paste的語法的
那請問那個生物的位置能夠調上下左右嗎？我加了margin-top可是他不理我（爆

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:21 PM

RIO_0604: 調 background-position 的參數即可

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:23 PM

RIO_0604: 如過是用回給阿雷的版本，因為要拿掉的一些東西，所以那部份我砍掉了

阿姆🔥

@FluffyAstra

Thu, Feb 11, 2016 6:28 PM

不會調參數

因為我也是想用那樣背景跟河道圖通用的那種，再另外加上噗浪生物這樣，那我要用哪邊的版本呢QQ？

Strk

@Wolf_Starck

Thu, Feb 11, 2016 6:29 PM

請問一下如果要讓時間顯示在下方要怎麼做呢？謝謝

SR叉

@srx3567

Thu, Feb 11, 2016 6:31 PM

請問如果背景圖片太大,造成只會顯示上半部或下半部,可以調整成能上下移動嗎?

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:44 PM

說明一下以免搞混，~~斯斯有三種~~背景有三種
1. #dynamic_logo 原本是噗浪生物，被我改來放去背人物圖。自訂區已經寫給你了，可以字型換圖。
2. #timeline_holder 河道背景，也就是你看到佔整個河道灰白漸層背景的那塊。如果要用這個背景，你需要把自訂區 #dynamic_logo 內的語法剪下貼上到同樣在自訂區那個空的 #timeline_holder 裏面
3. 全頁背景，噗浪內建的

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:51 PM

順便說明一下參數
1. background-image, background-repeat 這兩個應該不用我說
2. background-position: 直譯背景位置，參數前者為水平位置、後者垂直位置（right bottom, 就表示水平置右、垂直置下），你可以用的參數有 top left bottom right 或者是直接給多少px之類的

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:56 PM

<續前>
3. background-size: 直譯背景尺寸，參數可以直接給px或%等等單位顯示成絕對尺寸，另外還有兩個特殊參數 contain 會把圖等比例縮放到跟河道一樣大（也就是預設你看到人物的那樣） cover 會把圖等比例縮放到跟比河道大，大到可以填滿。
以上解說

KUNiGUMi

@TzuLum

說

Thu, Feb 11, 2016 6:59 PM

RIO_0604: 你要的背景是哪種呢?（參考上列背景123）

KUNiGUMi

@TzuLum