ಠ_ಠ
萬事求噗友,想改噗浪版型中「個人頭像」的長寬比(如圖) https://images.plurk.com/3SPeJ5gsYsPkXxt0nCts1z.jpg https://images.plurk.com/vo5glgfHEwxrixVpoGGa9.jpg
但是發現用系統直接輸入數值,是對正方形的原圖進行縮放。找了置換圖片連結的語法還是弄不了,請問有人能幫我看看是語法的權重沒蓋過去、還是我打錯了QQ(試了一下午的css語法小白)
ಠ_ಠ
我目前打的邏輯:
/隱藏系統頭像/
profile_pic {opacity: 0;}

/想要貼上自定義的圖片連結,但沒效果/
profile_pic {width: 200px; height: 200px;
margin: 0px 0 0 50px;
background: url('圖片連結') ;}
bun118
不曉得噗主問題解決了沒
雖然看你想要的語法和示意圖其實不大懂你真的想要的效果,但可以試著多加幾個class和id來加重語法的權重 :

/改變比例/
plurk-dashboard .dash-segment-profile dash-profile img.profile-pic{
width: 200px;
height: 200px;
}
bun118
另外應該是不用再另外打 profile_pic {opacity: 0;} 這一句,程式會以最後打上去的為主
ಠ_ಠ
bun118: 謝謝回覆~
不過我一開始就是用這個語法,他是直接將「系統設定大頭貼時裁切的正方形」尺寸做壓縮,長寬就是暴力壓平的樣子。
所以我現在在試「能不能另外覆蓋上/替換系統預設尺寸」,只不過連結好像都沒反應QQ
bun118
嗯嗯了解你要的東西了!
看了一下網站的原始碼,系統好像是直接用html的img標籤放圖片上去了,background會被壓在img下面
html沒辦法改變只動css的情況下我覺得這部分好像沒辦法改,只好再看看有沒有高人路過了
ಠ_ಠ
bun118: 原來是這樣!
我一開始是看到一個角噗的版型所以才想要嘗試看看,可是把原始碼翻來翻去只查到那張圖是外連,但沒查到怎麼寫的…
我看的好玄…
bun118
挖XDDDD我知道怎打了XDD這css改法我會永生記在心中,我還真沒想到可以這樣做
bun118
/* --頭貼名片-- */ (Plurk Paste)
雖然可能打法會跟角噗的不太一樣,不過看起來應該不會差很多,給你參考看看~
bun118
上面是以3:2的比例去調的,你可以再看看怎樣的比例你比較尬一
如果沒有動扣的話大概會長這樣~
https://images.plurk.com/7EZs7WhNFpNbnkiIqPwk1S.jpg
bun118
但這改法有兩個小bug,一是噗浪的中文名稱會被蓋過去(但帳號名稱不會)
二是視窗縮得比較窄的時候會破版
ಠ_ಠ
好的感謝!!(已讀的有點晚)
koala266
._lc_ dash-profile img:first-of-type { background:url('https://i.imgur.com/VTFrdYm.gif') no-repeat; overflow:hidden;height:0px;width:280px;padding-top:290px; background-size:290px auto; margin-top:0px !important;margin-bottom:0px !important; position: center;}
那個...我這裡的不會蓋住名字喔//(不知道這樣能不能貼
不過我的版被我玩的有點面目全非,要合板可能要稍微努力一下(
載入新的回覆