歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:24 AM
510
232
打開噗浪大家都在改語法
分享一個好用的功能，改的時候會比較方便
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:27 AM
很多人應該都知道，但還是分享一下這無意間發現的東東
用CHROME打開噗浪，接著按F12，會跑出這個
https://i.imgur.com/T3ZPCzX.jpg
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:28 AM
我的噗浪是別人寫的
所以改版完版面有跑掉
就是利用這個輔助我改好的
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:30 AM
https://i.imgur.com/isgLCly.png
然後點一下左上方那個箭頭
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:33 AM
接著把箭頭移到想修改的板塊去
反白你想要修改的部分
https://i.imgur.com/TxhAK0W.jpg
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:34 AM
我想要修改「統計」那一整塊的大小
所以就反白那一整塊
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:38 AM
https://i.imgur.com/RWuVsTP.jpg
紅色框起來的那塊就是原本的大小
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:41 AM
https://i.imgur.com/S2zLPfG.png
輸入數字調整想要的大小
整個面板也會隨著你輸入的數字改變
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:44 AM
可是這邊的調整只是測試用
最後還是要回到原本的語法那邊
將剛才的數字重新輸入
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:52 AM
https://i.imgur.com/9FvV7oR.png
剛才測試完發現高度150比較適合
就去自訂佈景風格那邊，找到相對應的
我這邊的「統計」是dash-stats
將高度（heught）改成150
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:54 AM
記得儲存，這樣就完成了
F12只是測試用的！最後還是要找到自訂語法再修改一次！
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 6:59 AM
大概就是這樣
我這方面也不是專業，繼續研究怎麼改比較順眼中
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 7:09 AM
https://i.imgur.com/2TFIBDE.png
一個大板塊會有很多不同的小板塊組成
他會用顏色區分
像我這邊朋友欄(綠色的)就是一個其中的小板塊
修改他的數字就要自訂語法
找到的右邊綠色Padding相對應的語法，再去修改數字
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 7:19 AM
*更正:我把height打成heught
Kei
@Helens89227
說
Thu, Feb 4, 2016 7:29 AM
提醒，記得放大縮小視窗測試，因為有時候一改視窗大小就會爆版，在不同大小的螢幕上修改也會炸裂~
Kei
@Helens89227
說
Thu, Feb 4, 2016 7:30 AM
關鍵字：CSS BoxModel (中文好像叫盒子模型)
好好吃飯好好咀嚼好好睡覺★小思
@angel40736a
Thu, Feb 4, 2016 8:43 AM
可是找不到對應的語法怎麼辦xDDDDDDDD
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 8:54 AM
Kei : 謝謝提醒!!!!完全沒想到這個問題
歲歲平安
@SUIsuiiii
Thu, Feb 4, 2016 8:58 AM
好好吃飯好好咀嚼好好睡覺★小思 : https://i.imgur.com/kZhuWpY.png
我剛剛有試過把左下那一段需要的語法複製
直接貼到要改的那一區塊裡面
可是可能會失敗，要嘗試的話先把原始的檔案貼到WORD存起來
載入新的回覆