Login
Sign Up For Free
English
中文 (繁體)
中文 (香港)
中文 (简体)
日本語
Filipino
Bahasa Indonesia
Bahasa Melayu
Pусский
Português (Brasil)
Magyar
Français
Español
Deutsch
Čeština
العربية
Català
Dansk
Ελληνικά
فارسی
Suomi
Gaeilge
Hindi
עברית
Hrvatski
Italiano
Norsk bokmål
Nederlands
한국어
Polski
Română
Slovenský
Svenska
Türkçe
українська
беларуская
ไทย
Standard view
ಠ_ಠ
偷偷說
5 years ago
@Edit 5 years ago
【萬事求噗友/噗浪CSS問題請教】
已解決!
不好意思深夜打擾各位旅人了……這邊搞CSS搞了好久,翻了好多文章都沒有解決方法T_T……
想請問該怎麼樣修正才能將第二張圖順利的顯示出來(如gif中右側那樣,除了本身上傳到噗浪的頭貼之外,游標移過去後還能顯示底下的圖片)
我用其他隻帳號,也請朋友確認,但顯示出來的都是gif中的左側那樣會直接消失><……
(下收)
latest #44
ಠ_ಠ
5 years ago
使用的噗浪語法為以前朋友給的→
#plurk-dashboard #dash-profile a{ (Plurk Paste)
自己嘗試在修改的時候有試著把第一行「#dash-profile a{」這一段的「a」去掉,結果是可以成功顯示出第二張圖片,只是整個自介欄就會全部擠在一起OTZ↓
不知道到底要怎麼修改才能成功顯示……麻煩各位旅人拯救我OTZ嗚嗚…先謝謝大家……
ಠ_ಠ
5 years ago
超級不專業的自己認為問題就是出在第一行的「#dash-profile a{」,所以我很瞎的亂修改有把a改成「hover」或「auto」之類的,結果就是想顯示的圖片直接不見
究竟…為…為何呢……
ಠ_ಠ
5 years ago
那個「a{」的存在感好重
可是我…我不懂……救命…不好意思打擾了但是救命……(半夜精神不濟的語無倫次)
立即下載
human4306
5 years ago
不在電腦面前 沒辦法幫
egg6979
5 years ago
我的語法可以ㄟ
不過要開電腦才能翻
ಠ_ಠ
5 years ago
human4306:
沒有關係…也感謝您!這麼晚了的確是關電腦休息的時間
egg6979: 天啊是有成功的勝者……!沒有關係的,等您有開電腦&還記得這噗的時候再請您幫忙T_T
taro3568
5 years ago
不在電腦前面+對噗浪的各類命名方式不熟+1
但是我覺得你如果用chrome 可以右鍵你的噗浪個人照片的部分 然後檢視原始碼看看
下面那個語法hover的意思我記得就是你的鼠標晃過去圖片 圖片透明度變成0?
taro3568
5 years ago
其實我有點不明白你底圖的問題是什麼
taro3568
5 years ago
你要不要試試看把a改成 a:hover{
畢竟你想要晃過去才有效果
ಠ_ಠ
5 years ago
taro3568:
(噗主是超級CSS外行人所以打開了檢視原始碼或F12都看不懂……!)
但是對的依照您的問句……這段語法就是鼠標晃過去,用噗浪上傳的那張大頭貼會變不見→
我…!我的問題是,我想要鼠標移過去主控台的頭貼,能夠順利的把藏在頭貼A底下的頭貼B顯示出來,可是我目前的語法沒辦法順利顯示出頭貼B
(天啊不好意思我現在語言組織可能真的弱爆T_T……)
ಠ_ಠ
5 years ago
好的我試試看!!
egg6979
5 years ago
噗主我直接來ㄌ(神奇ㄉ使用手機網頁版!
這是我的語法
#profile_pic
{
background: url(我ㄉ圖片);
background-repeat: no-repeat;
padding-top:170px;
background-size:170px
}
#profile_pic:hover
{
height:170px;
width:170px; padding-top:0px; } 這樣就是一開始我的介面頭貼那裡是另外設定的圖片 滑鼠移過去會是原本的頭貼這樣!給你參考~~
ಠ_ಠ
5 years ago
還…還是顯示不出來!(跪著)
human4306
5 years ago
#plurk-dashboard
.dash-segment-profile
#dash-profile
img.profile-pic:hover{opacity:0;}
最下面這行
開頭只留下
.dash-segment img.profile-pic
ಠ_ಠ
5 years ago
egg6979: 啊!!!!!!!!!
謝謝您!!???!!!!!天啊成功了……成功了(落淚)謝謝您……謝謝太謝謝了CSS真是個神奇的東西……
ಠ_ಠ
5 years ago
human4306:
還是沒辦法顯示耶……!不知道是不是我理解有誤…
ಠ_ಠ
5 years ago
天啊謝謝旅人們幫忙解惑
您們人真好……不好意思在快要是吃早餐的時間勞煩大家幫忙,CSS好深奧……(曾經想學但是腦筋太死)
human4306
5 years ago
我知道最下面那串是透明度變0
你的原語法應該是
一張圖蓋在頭像上》滑過去三秒後〉蓋在上面的圖消失
所以應該是最下面那串有問題⋯⋯吧
我猜的!!
egg6979
5 years ago
有幫上忙真是太好了!!
您怎麼給我噗幣真是不好意思
我也是各種研究其他專業人士(??)ㄉ不同語法,喜歡把自己河道用ㄉ可可愛愛
ಠ_ಠ
5 years ago
human4306: 原來是這樣!!!沒關係的還是很感謝您幫忙
(抱緊)
ಠ_ಠ
5 years ago
egg6979:
耶…只是噗主微薄的小心意……!真的太感謝您了TT!!!覺得會改CSS的人都好厲害
(噗主真的是CSS白癡……看得懂英文字的意思但是組合在一起就如同天書般)
pear5070
5 years ago
@Edit 5 years ago
路過回一下自己的語法,沒理解錯的話應該只是想要變換頭貼?
給的語法大小是官方原本的設定大小,想要更大或更小都可以自己調整,秒數也可以調
/*改變主控台的噗主頭貼顯示的圖片,游標未移至時*/ (Plurk Paste)
噗浪語法自由度超高,歡迎一起玩語法
補充:不管有沒有幫到忙都不用給噗幣,只是希望大家都能在語法的世界玩得更開心
egg6979
5 years ago
pear5070: 不好意思打擾旅人!用了您的語法後、我自己最原本的頭貼要怎麼用消失呢
ಠ_ಠ
5 years ago
(睡醒了)
pear5070:
這邊也和egg6979有一樣的問題……!但是還是超級感謝您,用了一下這個語法也好方便
超級厲害……
pear5070
5 years ago
egg6979: ಠ_ಠ: 請問用消失是指什麼狀況呢?抱歉想問得更清楚一點以免回答錯誤
其實我沒有專業的學過語法,但如果能幫得上忙就會幫忙
egg6979
5 years ago
就是使用ㄌ您的這兩ㄍ語法後--(是另外連結的圖片)
自己最原本上傳ㄉ頭貼(app版會看到ㄉ)還在所以會擋到……!
pear5070
5 years ago
egg6979: 咦?請問是指兩個語法都使用後,A沒有不見,而且A擋在B上面?也就是顯示的狀況是游標沒移至時看到的頭貼是A,游標移至時是C嗎?
(假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C)
egg6979
5 years ago
ㄟ我的情況比較特殊因為我自己有調整頭貼尺寸XDD
目前是游標沒移至時看到的頭貼是B,游標移至時是C沒錯(放大版ㄉ)
可是原本的A會以原尺寸一直擋在中間(不管游標有沒有移過去)
ಠ_ಠ
5 years ago
我的話也和egg6979的一樣!(哇好害羞這是我的角噗……)
我也是有自己調整過頭貼尺寸,紫髮是我本來的頭貼A,游標滑過去能出現頭貼B,但就是頭貼A的原尺寸會擋在中間
ಠ_ಠ
5 years ago
我是使用「/
改變主控台的噗主頭貼顯示的圖片,游標移至時
/」這個語法!
pear5070
5 years ago
試了一下發現你們應該不是用我上面貼的語法改頭貼大小?因為我剛剛用那兩個語法直接改數值大小,沒有出現A擋在中間的情況
egg6979
5 years ago
ㄚ對我是用自己之前另外找到ㄉ!!
那我去修改一下看看如何><
ಠ_ಠ
5 years ago
ㄚ!我把另外找到的放大語法刪掉了,現在顯示正常了但是我調width和height的數值都沒有反應
……!調padding的話原本的頭貼A還是小的
egg6979
5 years ago
我也一樣
pear5070
5 years ago
我是padding跟width跟height一起調(數字沒一樣沒關係,但一樣也可以),可能這樣說不太對,但我的理解方式是padding是圖片展示空間有多大,width跟height是調整圖片大小
我敘述好爛你們看得懂嗎
egg6979
5 years ago
我再試試看!
ಠ_ಠ
5 years ago
我一起調的話原本的頭貼也不會動T^T……不過我把第一個語法用下去之後現在他們都很大!我很開心……太感謝旅人了
pear5070
5 years ago
@Edit 5 years ago
ಠ_ಠ: 不會動是指?是說我剛剛重新看了一下你上面17:45回的那條,發現後面那句的問題點我可能知道了
你17:31那條回應說你使用的是「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,那A的大小沒改變是正常的
你用「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,會有變化的是C喔
假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C
ಠ_ಠ
5 years ago
不會動就是原本上傳的頭貼A還是原來的尺寸↓
哦哦原來是這樣!!不過如果兩個語法都併用的話就可以解決這個問題了!
pear5070
5 years ago
@Edit 5 years ago
看了一下你的示意圖,關於不會動的問題跟我18:14回應的是同一個狀況,因為你沒有使用會去動到A的語法,只有使用會動到C的語法,所以A自然會是原本的尺寸
ಠ_ಠ
5 years ago
pear5070: 原來如此!!再次超級感謝您提供語法之外還幫忙解惑
pear5070
5 years ago
不用客氣,雖然自己現在還是語法玩得很糟,但至少比最初摸索時懂一點點點點點點點點(拇指與食指張開的距離仿佛0),最初時超痛苦的,如果能幫上任何人更懂得語法的好玩之處我也開心!
eel5090
1 years ago
不好意思!這麼久打擾!發現語法貌似無法使用了!想詢問有修復方法嘛!QQ
就是滑鼠移過去,會顯示原本噗浪設定的頭貼那種。
ಠ_ಠ
1 years ago
eel5090: 您好!!噗主這邊使用的語法一樣還是pear旅人提供的超讚語法,不過我這邊並沒有發生無法使用的狀況……>_<!
有可能是旅人的其他語法出現疊加後導致語法失靈的問題,或者是您的語法當中的圖片網址交換一下看看呢?
噗主的語法是這樣的!
back to top
Delete
Reply
Edit
Cancel
Cancel