創作內容

16 GP

【紀錄】Hugo About Page 5/7

作者:樂小呈│2021-05-07 16:58:52│巴幣:32│人氣:161
今天
修 tag 頁面的 tabview css
寫一下 about 頁面的內容
寫 about 頁面的 layout


把 tag 頁面的 tabview css 修回正常大小和位置,然後把列表稍微內縮一點

About 頁面
寫了之後才注意到 about 有兩個部分用滾動的看有點怪
所以拿上面那個tab在改成另一個顯示可以內容的 partial
CSS 還是tab的那個,之後再修 :P

然後 tabview 也沒那麼麻煩,其實不需要像昨天那個一樣寫死,是我搞錯一些東西了
這次就只用兩個迴圈搞定,只要把要切換的頁面傳進去這個 partial 就會自動列出 tab 然後切換頁面,泛用性++
雖然應該沒什麼情況會需要它...

之後也把舊的那個修一修,改成迴圈就好,原本寫死了就只有一種功能
Hugo 有夠好用诶,之後也整理一下筆記好ㄌ

是說有沒有辦法觸發某個css class上的動畫阿,或是設置時間讓他直接是播完的狀態 ?
那個底線的動畫只在滑鼠移上去的時候會撥,我找不到這主題的模板是從哪裡觸發的, scss 我也沒辦法直接搬來改
真的不行就要自己重寫動畫了

就醬
我房間的位置超尷尬的,有一扇朝西的大窗戶(真的超大,應該夠我把房間所有東西扔出去八)
所以夏天的時候西曬很嚴重,然後大樓的這側窗戶開了也沒風,超亮又超熱

說那麼多...對不起了北極熊,我真的需要那個cool東西
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=5142370
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:網頁|Hugo

留言共 2 篇留言

藍莓蘇打
請問你的意思是指用js來控制動畫播放嗎~?

如果是藉由增加class來跑動畫的話,可以用element.classList.add("class name")來觸發動畫,
但如果是用偽類(pseudo)來跑動畫的話,這我自己就會偏向重寫class動畫,因為我對js控制偽類的部分不熟哈哈,或許有方法可以直接呼叫元素的事件?剛剛去找了mdn是沒有找到就是了,可能是我資質駑鈍哈哈
希望我的方向沒有偏掉 & 能幫到你QQ

然後我房間也是西曬...窗簾打開感覺眼睛都要變火眼金睛了...

05-07 23:53

樂小呈
我也找不到直接觸發事件的方法,看來可能要重寫動畫了[e18]05-08 07:42
樂小呈
謝謝拉,有這個心意就好了 <305-08 07:43
樂小呈
真的超亮,但我又不喜觀拉窗簾ww05-08 07:43
風格A
如果你說的是滑鼠移上去會觸發動畫,是否看一下:hover (過濾模式右邊有個:hov)

05-10 09:32

樂小呈
對阿,但就是不知道為甚麼主題scss裡找不到[e18]05-10 09:44
我要留言提醒:您尚未登入,請先登入再留言

16喜歡★angus945 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【紀錄】Hugo tab... 後一篇:【紀錄】Hugo tab...

追蹤私訊切換新版閱覽

作品資料夾

huaing123道德/良知在哪裡?🙂
正當路不走,盡搞些下三濫的手段,老愛玩陰的,真的不知道該說些甚麼🙂🙃🙂🙃看更多我要大聲說昨天22:27


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】