ಠ_ಠ
@anonymous
偷偷說
Wed, Jul 29, 2020 9:00 PM
Wed, Jul 29, 2020 9:52 PM
8
1
【萬事求噗友/噗浪CSS問題請教】
已解決!
不好意思深夜打擾各位旅人了……這邊搞CSS搞了好久,翻了好多文章都沒有解決方法T_T……
想請問該怎麼樣修正才能將第二張圖順利的顯示出來(如gif中右側那樣,除了本身上傳到噗浪的頭貼之外,游標移過去後還能顯示底下的圖片)
我用其他隻帳號,也請朋友確認,但顯示出來的都是gif中的左側那樣會直接消失><……
(下收)
ಠ_ಠ
Wed, Jul 29, 2020 9:00 PM
使用的噗浪語法為以前朋友給的→
#plurk-dashboard #dash-profile a{ (Plurk Paste)
自己嘗試在修改的時候有試著把第一行「#dash-profile a{」這一段的「a」去掉,結果是可以成功顯示出第二張圖片,只是整個自介欄就會全部擠在一起OTZ↓
不知道到底要怎麼修改才能成功顯示……麻煩各位旅人拯救我OTZ嗚嗚…先謝謝大家……
ಠ_ಠ
Wed, Jul 29, 2020 9:05 PM
超級不專業的自己認為問題就是出在第一行的「#dash-profile a{」,所以我很瞎的亂修改有把a改成「hover」或「auto」之類的,結果就是想顯示的圖片直接不見
究竟…為…為何呢……
ಠ_ಠ
Wed, Jul 29, 2020 9:06 PM
那個「a{」的存在感好重
可是我…我不懂……救命…不好意思打擾了但是救命……(半夜精神不濟的語無倫次)
human4306
Wed, Jul 29, 2020 9:10 PM
不在電腦面前 沒辦法幫
egg6979
Wed, Jul 29, 2020 9:11 PM
我的語法可以ㄟ
不過要開電腦才能翻
ಠ_ಠ
Wed, Jul 29, 2020 9:15 PM
human4306:
沒有關係…也感謝您!這麼晚了的確是關電腦休息的時間
egg6979: 天啊是有成功的勝者……!沒有關係的,等您有開電腦&還記得這噗的時候再請您幫忙T_T
taro3568
Wed, Jul 29, 2020 9:15 PM
不在電腦前面+對噗浪的各類命名方式不熟+1
但是我覺得你如果用chrome 可以右鍵你的噗浪個人照片的部分 然後檢視原始碼看看
下面那個語法hover的意思我記得就是你的鼠標晃過去圖片 圖片透明度變成0?
taro3568
Wed, Jul 29, 2020 9:20 PM
其實我有點不明白你底圖的問題是什麼
taro3568
Wed, Jul 29, 2020 9:24 PM
你要不要試試看把a改成 a:hover{
畢竟你想要晃過去才有效果
ಠ_ಠ
Wed, Jul 29, 2020 9:24 PM
taro3568:
(噗主是超級CSS外行人所以打開了檢視原始碼或F12都看不懂……!)
但是對的依照您的問句……這段語法就是鼠標晃過去,用噗浪上傳的那張大頭貼會變不見→
我…!我的問題是,我想要鼠標移過去主控台的頭貼,能夠順利的把藏在頭貼A底下的頭貼B顯示出來,可是我目前的語法沒辦法順利顯示出頭貼B
(天啊不好意思我現在語言組織可能真的弱爆T_T……)
ಠ_ಠ
Wed, Jul 29, 2020 9:25 PM
好的我試試看!!
egg6979
Wed, Jul 29, 2020 9:25 PM
1
噗主我直接來ㄌ(神奇ㄉ使用手機網頁版!
這是我的語法
profile_pic
{
background: url(我ㄉ圖片);
background-repeat: no-repeat;
padding-top:170px;
background-size:170px
}
profile_pic:hover
{
height:170px;
width:170px; padding-top:0px; } 這樣就是一開始我的介面頭貼那裡是另外設定的圖片 滑鼠移過去會是原本的頭貼這樣!給你參考~~
ಠ_ಠ
Wed, Jul 29, 2020 9:26 PM
還…還是顯示不出來!(跪著)
human4306
Wed, Jul 29, 2020 9:26 PM
plurk-dashboard
.dash-segment-profile
dash-profile
img.profile-pic:hover{opacity:0;}
最下面這行
開頭只留下
.dash-segment img.profile-pic
ಠ_ಠ
Wed, Jul 29, 2020 9:32 PM
egg6979: 啊!!!!!!!!!
謝謝您!!???!!!!!天啊成功了……成功了(落淚)謝謝您……謝謝太謝謝了CSS真是個神奇的東西……
ಠ_ಠ
Wed, Jul 29, 2020 9:36 PM
human4306:
還是沒辦法顯示耶……!不知道是不是我理解有誤…
ಠ_ಠ
Wed, Jul 29, 2020 9:38 PM
天啊謝謝旅人們幫忙解惑
您們人真好……不好意思在快要是吃早餐的時間勞煩大家幫忙,CSS好深奧……(曾經想學但是腦筋太死)
human4306
Wed, Jul 29, 2020 9:39 PM
我知道最下面那串是透明度變0
你的原語法應該是
一張圖蓋在頭像上》滑過去三秒後〉蓋在上面的圖消失
所以應該是最下面那串有問題⋯⋯吧
我猜的!!
egg6979
Wed, Jul 29, 2020 9:39 PM
有幫上忙真是太好了!!
您怎麼給我噗幣真是不好意思
我也是各種研究其他專業人士(??)ㄉ不同語法,喜歡把自己河道用ㄉ可可愛愛
ಠ_ಠ
Wed, Jul 29, 2020 9:48 PM
human4306: 原來是這樣!!!沒關係的還是很感謝您幫忙
(抱緊)
ಠ_ಠ
Wed, Jul 29, 2020 9:52 PM
egg6979:
耶…只是噗主微薄的小心意……!真的太感謝您了TT!!!覺得會改CSS的人都好厲害
(噗主真的是CSS白癡……看得懂英文字的意思但是組合在一起就如同天書般)
pear5070
Wed, Jul 29, 2020 10:18 PM
Wed, Jul 29, 2020 10:22 PM
路過回一下自己的語法,沒理解錯的話應該只是想要變換頭貼?
給的語法大小是官方原本的設定大小,想要更大或更小都可以自己調整,秒數也可以調
/*改變主控台的噗主頭貼顯示的圖片,游標未移至時*/ (Plurk Paste)
噗浪語法自由度超高,歡迎一起玩語法
補充:不管有沒有幫到忙都不用給噗幣,只是希望大家都能在語法的世界玩得更開心
egg6979
Thu, Jul 30, 2020 8:42 AM
pear5070: 不好意思打擾旅人!用了您的語法後、我自己最原本的頭貼要怎麼用消失呢
ಠ_ಠ
Thu, Jul 30, 2020 9:02 AM
(睡醒了)
pear5070:
這邊也和egg6979有一樣的問題……!但是還是超級感謝您,用了一下這個語法也好方便
超級厲害……
pear5070
Thu, Jul 30, 2020 9:11 AM
egg6979: ಠ_ಠ: 請問用消失是指什麼狀況呢?抱歉想問得更清楚一點以免回答錯誤
其實我沒有專業的學過語法,但如果能幫得上忙就會幫忙
egg6979
Thu, Jul 30, 2020 9:14 AM
就是使用ㄌ您的這兩ㄍ語法後--(是另外連結的圖片)
自己最原本上傳ㄉ頭貼(app版會看到ㄉ)還在所以會擋到……!
pear5070
Thu, Jul 30, 2020 9:20 AM
egg6979: 咦?請問是指兩個語法都使用後,A沒有不見,而且A擋在B上面?也就是顯示的狀況是游標沒移至時看到的頭貼是A,游標移至時是C嗎?
(假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C)
egg6979
Thu, Jul 30, 2020 9:25 AM
ㄟ我的情況比較特殊因為我自己有調整頭貼尺寸XDD
目前是游標沒移至時看到的頭貼是B,游標移至時是C沒錯(放大版ㄉ)
可是原本的A會以原尺寸一直擋在中間(不管游標有沒有移過去)
ಠ_ಠ
Thu, Jul 30, 2020 9:30 AM
我的話也和egg6979的一樣!(哇好害羞這是我的角噗……)
我也是有自己調整過頭貼尺寸,紫髮是我本來的頭貼A,游標滑過去能出現頭貼B,但就是頭貼A的原尺寸會擋在中間
ಠ_ಠ
Thu, Jul 30, 2020 9:31 AM
我是使用「/
改變主控台的噗主頭貼顯示的圖片,游標移至時
/」這個語法!
pear5070
Thu, Jul 30, 2020 9:36 AM
試了一下發現你們應該不是用我上面貼的語法改頭貼大小?因為我剛剛用那兩個語法直接改數值大小,沒有出現A擋在中間的情況
egg6979
Thu, Jul 30, 2020 9:41 AM
ㄚ對我是用自己之前另外找到ㄉ!!
那我去修改一下看看如何><
ಠ_ಠ
Thu, Jul 30, 2020 9:45 AM
ㄚ!我把另外找到的放大語法刪掉了,現在顯示正常了但是我調width和height的數值都沒有反應
……!調padding的話原本的頭貼A還是小的
egg6979
Thu, Jul 30, 2020 9:46 AM
我也一樣
pear5070
Thu, Jul 30, 2020 9:56 AM
我是padding跟width跟height一起調(數字沒一樣沒關係,但一樣也可以),可能這樣說不太對,但我的理解方式是padding是圖片展示空間有多大,width跟height是調整圖片大小
我敘述好爛你們看得懂嗎
egg6979
Thu, Jul 30, 2020 10:09 AM
我再試試看!
ಠ_ಠ
Thu, Jul 30, 2020 10:10 AM
我一起調的話原本的頭貼也不會動T^T……不過我把第一個語法用下去之後現在他們都很大!我很開心……太感謝旅人了
pear5070
Thu, Jul 30, 2020 10:14 AM
Thu, Jul 30, 2020 10:15 AM
ಠ_ಠ: 不會動是指?是說我剛剛重新看了一下你上面17:45回的那條,發現後面那句的問題點我可能知道了
你17:31那條回應說你使用的是「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,那A的大小沒改變是正常的
你用「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,會有變化的是C喔
假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C
ಠ_ಠ
Thu, Jul 30, 2020 10:44 AM
不會動就是原本上傳的頭貼A還是原來的尺寸↓
哦哦原來是這樣!!不過如果兩個語法都併用的話就可以解決這個問題了!
pear5070
Thu, Jul 30, 2020 10:49 AM
Thu, Jul 30, 2020 10:50 AM
看了一下你的示意圖,關於不會動的問題跟我18:14回應的是同一個狀況,因為你沒有使用會去動到A的語法,只有使用會動到C的語法,所以A自然會是原本的尺寸
ಠ_ಠ
Thu, Jul 30, 2020 10:54 AM
pear5070: 原來如此!!再次超級感謝您提供語法之外還幫忙解惑
pear5070
Thu, Jul 30, 2020 10:58 AM
不用客氣,雖然自己現在還是語法玩得很糟,但至少比最初摸索時懂一點點點點點點點點(拇指與食指張開的距離仿佛0),最初時超痛苦的,如果能幫上任何人更懂得語法的好玩之處我也開心!
eel5090
Tue, May 14, 2024 8:46 AM
不好意思!這麼久打擾!發現語法貌似無法使用了!想詢問有修復方法嘛!QQ
就是滑鼠移過去,會顯示原本噗浪設定的頭貼那種。
ಠ_ಠ
Tue, May 14, 2024 10:03 AM
eel5090: 您好!!噗主這邊使用的語法一樣還是pear旅人提供的超讚語法,不過我這邊並沒有發生無法使用的狀況……>_<!
有可能是旅人的其他語法出現疊加後導致語法失靈的問題,或者是您的語法當中的圖片網址交換一下看看呢?
噗主的語法是這樣的!
載入新的回覆
【萬事求噗友/噗浪CSS問題請教】已解決!不好意思深夜打擾各位旅人了……這邊搞CSS搞了好久,翻了好多文章都沒有解決方法T_T……
想請問該怎麼樣修正才能將第二張圖順利的顯示出來(如gif中右側那樣,除了本身上傳到噗浪的頭貼之外,游標移過去後還能顯示底下的圖片)
我用其他隻帳號,也請朋友確認,但顯示出來的都是gif中的左側那樣會直接消失><……
(下收)
自己嘗試在修改的時候有試著把第一行「#dash-profile a{」這一段的「a」去掉,結果是可以成功顯示出第二張圖片,只是整個自介欄就會全部擠在一起OTZ↓
不知道到底要怎麼修改才能成功顯示……麻煩各位旅人拯救我OTZ嗚嗚…先謝謝大家……
究竟…為…為何呢……
不過要開電腦才能翻
egg6979: 天啊是有成功的勝者……!沒有關係的,等您有開電腦&還記得這噗的時候再請您幫忙T_T
但是我覺得你如果用chrome 可以右鍵你的噗浪個人照片的部分 然後檢視原始碼看看
下面那個語法hover的意思我記得就是你的鼠標晃過去圖片 圖片透明度變成0?
畢竟你想要晃過去才有效果
但是對的依照您的問句……這段語法就是鼠標晃過去,用噗浪上傳的那張大頭貼會變不見→
(天啊不好意思我現在語言組織可能真的弱爆T_T……)
這是我的語法
profile_pic {
background: url(我ㄉ圖片);
background-repeat: no-repeat;
padding-top:170px;
background-size:170px
}
profile_pic:hover {
height:170px;
width:170px; padding-top:0px; } 這樣就是一開始我的介面頭貼那裡是另外設定的圖片 滑鼠移過去會是原本的頭貼這樣!給你參考~~
最下面這行
開頭只留下
.dash-segment img.profile-pic
你的原語法應該是
一張圖蓋在頭像上》滑過去三秒後〉蓋在上面的圖消失
所以應該是最下面那串有問題⋯⋯吧
我猜的!!
您怎麼給我噗幣真是不好意思
我也是各種研究其他專業人士(??)ㄉ不同語法,喜歡把自己河道用ㄉ可可愛愛
給的語法大小是官方原本的設定大小,想要更大或更小都可以自己調整,秒數也可以調
/*改變主控台的噗主頭貼顯示的圖片,游標未移至時*/ (Plurk Paste)
噗浪語法自由度超高,歡迎一起玩語法
補充:不管有沒有幫到忙都不用給噗幣,只是希望大家都能在語法的世界玩得更開心
pear5070:
其實我沒有專業的學過語法,但如果能幫得上忙就會幫忙
自己最原本上傳ㄉ頭貼(app版會看到ㄉ)還在所以會擋到……!
(假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C)
目前是游標沒移至時看到的頭貼是B,游標移至時是C沒錯(放大版ㄉ)
可是原本的A會以原尺寸一直擋在中間(不管游標有沒有移過去)
我的話也和egg6979的一樣!(哇好害羞這是我的角噗……)
我也是有自己調整過頭貼尺寸,紫髮是我本來的頭貼A,游標滑過去能出現頭貼B,但就是頭貼A的原尺寸會擋在中間
那我去修改一下看看如何><
我敘述好爛你們看得懂嗎
你17:31那條回應說你使用的是「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,那A的大小沒改變是正常的
你用「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,會有變化的是C喔
假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C
哦哦原來是這樣!!不過如果兩個語法都併用的話就可以解決這個問題了!
就是滑鼠移過去,會顯示原本噗浪設定的頭貼那種。
有可能是旅人的其他語法出現疊加後導致語法失靈的問題,或者是您的語法當中的圖片網址交換一下看看呢?
噗主的語法是這樣的!