顏砂
2 years ago
SAND CASTLE記錄一下BLOG的小改動
+雜
latest #13
顏砂
2 years ago
分隔線

https://images.plurk.com/3kx4aHSie3IMhWOUAoQfPs.png

https://images.plurk.com/7EY7jGEzRwhyu7dhYYysmB.png
之前都很隨便打一串等號就當作分隔線XDD,突然想換個樣子就改成這樣了。是利用border就能輕易做出的效果~
顏砂
2 years ago
Lightbox 燈箱
雖然很久以前就知道這東西,可是我BLOG圖片不算多就一直沒打算用,本身會把CG圖縮小至與文章寬度一致(所以舊文章未改版前的圖都會比較小),而遊戲截圖的話平時要看大圖我都是右鍵開新分頁XDD。不過最近的感想文貼了很多圖才覺得每次都要右鍵新分頁很不方便觀看(太遲),終於決定來研究一下在自家BLOG設置Lightbox!

參考網站:How To Create a Lightbox
顏砂
2 years ago @Edit 2 years ago
由於與想要的效果有差距,所以有自行調整一下。改動部分如下:
1) 開啟、關閉、切換頁面時均帶有淡入淡出效果
2) 變更頁數與切換頁面按鍵的位置與樣式
3) 點擊圖片以外的空白位置可關閉燈箱
4) 點擊圖片的左或右半部分可切換至上或下一頁
5) 背景換成灰白色(純粹覺得比黑色更襯自家版面XD)
6) 背景帶半透明及模糊效果、為圖片加上陰影(實試後覺得這些效果很不錯w)
7) 圖片由水平置中變為水平+垂直置中,並更改圖片寬度上限
立即下載
顏砂
2 years ago
各種調整後的實際樣子(解析度1920 x 1080)
PSV截圖:
https://images.plurk.com/3f38lgmcqckSJXrCzw8MZT.png

NS截圖:
https://images.plurk.com/6ui1Zsn2FiFQoLV4pszBvS.png

Steam截圖(圖寬1920px,會自動縮小至視窗寬度的80%):
https://images.plurk.com/FMe5rQnu7MMjVsgIEE8CL.png
顏砂
2 years ago
雖然Lightbox很普遍很多網站都會有,不過自己真正動手做才發現挺麻煩&複雜,試了很久才完全達到自己想要的效果,花的時間好像跟去年換新版面那次差不遠(在BLOG整體上算是小改但對我來說是大改動

最後把2017/11以後的文章都裝上了Lightbox,因為更早期的文章圖片全是小圖,有沒有Lightbox都沒分別就沒刻意去改了。改好之後覺得好像終於追上了時代(?),不用再另開新分頁也很方便觀看!順利改完心情愉快,可以專心打遊戲了!!
顏砂
2 years ago @Edit 2 years ago
https://images.plurk.com/67adamOja2AaG0kptuuO7x.jpg
糾結了一下最後還是決定玩梟雄,去英國觀光順便當個刺客(??
雖然覺得去年玩的大革命劇情很普通,可是在遊玩性上我覺得挺好玩,序列的任務非常緊張刺激XDD,而且又可以欣賞到法國美景,其實玩得頗滿足
(玩完梟雄之後應該會挑系列較早期的作品來玩~
顏砂
2 years ago @Edit 2 years ago
還有最近在重看怪物事變的動畫,覺得主角那群孩子真是很可愛
劇情也很精彩,等看完就去補漫畫!17卷慢慢看看完就可以開始追連載了
仔仔❀
2 years ago
燈箱的效果好好!閱覽起來很舒適美觀
顏砂
2 years ago
peggy3039: 我自己也很喜歡實際出來的效果~很開心能夠順利完工XDD
顏砂
2 years ago
cuiwei_: 謝謝日日 我都是照著自己喜好來改,覺得方便閱讀又挺順眼
仔仔❀
2 years ago
在這邊跟顏砂說一聲我牽走貴站的連結了,如果顏砂不想被牽連結的話還煩請跟我說一聲
顏砂
2 years ago
peggy3039: 當然沒問題了!感謝仔仔牽走連結
back to top