ಠ_ಠ
【噗浪css問題請教】

各位旅人早安,這裡是玩css玩到現在都還沒睡的人。有一個問題想要請教各位高手,是關於主控台的問題!

1)如何讓主控台(Profile區)的頭貼與實際顯示的不一樣
→  雙重頭貼語法 / 300x300

2)如何讓主控台可以豎直於左側並且不會收縮。

噗主已經試過不少坊間已經有的CSS,卻發現不是已經不適用在現在很新的噗浪上,就是語法不知道為什麼有錯ORZ……。

(其餘下收)
ಠ_ಠ
第一點已經有找到過CSS了,也是在噗上有旅人幫忙的
(我不是該噗噗主)。
ಠ_ಠ - 萬事求噗友,想改噗浪版型中「個人頭像」的長寬比(如圖) 但是發現用系統直接輸入數值,是對正方...

個人想要的是此噗裡的bun118所提供的版本(可以成功在現在的噗浪執行),但是因為會遮住名字的關係進而去嘗試裡面koala266提供的語法,只是不知道是不是一年前的語法的關係導致有錯誤,圖片沒辦法完全成功顯示出來。
ಠ_ಠ
而第二點的主控台本身是想要參考66660000的,但也是因為陳年網址(……)的關係用不到對方的佈景(=無法直接複製貼上語法套用在自己的噗版身上),才想要在這裡請教各位,可以怎麼寫 ……
ಠ_ಠ
個人也有使用過千秋大提供的佈景,但是因為在點進發噗區想要打字時,左側的主控台也會有反應(?),所以才換下QQ,因此第二點想要的版本是,主控台在左側+點發噗區要打字時不會有反應,兩個是獨立分開的(希望有人懂我在說什麼ryyyyyyyyyyyy)
ಠ_ಠ
大致上是這樣的問題!麻煩各位旅人了OTZ
rum692
沒有寫過噗浪的css不確定能不能幫上忙(thinking)不過有學過一些
可以麻煩你提供你原本用的語法嗎(thinking)
ಠ_ಠ
rum692: 我現在是用噗浪官方的佈景、再加上在噗幣旁邊增加圖案的CSS而已,不過如果你是指千秋大的佈景的話,這裡!

ಠ_ಠ - 噗浪旅人好,我是 ,我做了一個我覺得很漂亮的(自己講)CSS佈景主題 有興趣的話這邊是 ,希...
ಠ_ಠ
我以前也有問過千秋大關於點發噗區左側主控台會有反應的問題,但記得答覆是沒辦法做到不會有反應(記憶模糊ry),但是我有看到別的噗友的主控台左側是固定的點發噗區,主控台不會有反應(嘗試過抓plurk套過語法,應該也是出自66660000的手),所以才想要這樣的版本:'-(
rum692
我先試了第一點的koala的語法是可以顯示圖片的(thinking)你說得沒辦法完全成功顯示是圖片會被切掉嗎
ಠ_ಠ
rum692: 是的,會被切掉沒錯!
ಠ_ಠ
因為完全不會語法,試過改各個地方也沒辦法完整顯示(Русский)(只想要300px的大小而已(Русский)
rum692
我試了一下bun提供的那個噗浪貼是可以用的喔!
你是需要名字不被遮住對吧XD?那你需要改幾行東西,等我一下我整理給你~
rum692
/* --頭貼名片-- */ (Plurk Paste)
我直接把bun的語法改好給你好了,你看你哪裡需要調整再告訴我XD
rum692
然後第二點我有點太久沒接觸忘記怎麼用了(…
之後有空再研究看看 (Русский)或是等厲害的旅人
weasel2356
我也mark起來,下班後回家再研究...
(薪偷噗浪有簡潔外掛css以方便薪偷...
ಠ_ಠ
rum692: (不好意思噗主現在才上噗OTZ,睡死到兩點……)謝謝rum,剛剛嘗試了你的版本,是沒問題的 !謝謝你Q口Q
ಠ_ಠ
weasel2356: 這是什麼偽裝術嗎我也好想(……)
ಠ_ಠ
請問rum介不介意我也將這個語法編輯到噗首呢不知道有沒有人也需要這個功能就是,我只是想讓我兒子也可以出現就ry,會註明原作者是原噗的bun跟修改者是rum的
rum692
可以呀 不過我幫你改的這個只適用於300x300
ಠ_ಠ
rum692: 我也會寫上的!(我個人是300x300就足夠了
ಠ_ಠ
已經放上了,也送上微薄的謝禮
rum692
哇噗主人也太好了 有幫上忙就好!
ಠ_ಠ
畢竟真的CSS白痴並且也受到幫助,所以想要送點什麼只有噗幣可以送了

可恨為什麼舊版本的佈景安裝連接不能用呢,這樣我就可以拿66660000的佈景來研究左側主控台了 (他有好幾個不同款式的左側主控台)
rum692
噗主第二點是希望他在左邊然後不要收進去嗎?
ಠ_ಠ
rum692: 是的,主控台的部份但不包含發噗區全都回定在左邊並且垂直!
rum692
我剛剛一直以為你要收起來然後游標到打字區的時候不要出來(rofl)我還研究了好久好蠢 這個應該可以我幫你找找
ಠ_ಠ
rum692: 是我說法有問題 真的不好意思!!(我應該畫圖的!)
ಠ_ಠ
比較好的例子是這樣66660000的主控台就是在左邊的,但是因為會收進去而且沒有了統計部份~粉絲的部份,所以不適用,我完全不知道這樣的風格要用什麼關鍵字找OTZ
++2020++ [66660000]
rum692
像是這種的噗主覺得如何呢(thinking)
ಠ_ಠ
rum692: 這種有嘗試過,不過他會縮上去QQ,可以的話,想要不要縮上去的固定著的那種,然後再搭配你幫忙修改的雙重頭貼語法><(我應該可以自己調,但是固定不縮上去的部份就難了)
rum692
豪 等等來試試
ಠ_ಠ
rum692: 謝謝rum
rum692
我看了一下他之所以做成收起來應該是因為他不夠長(?)
你的自我介紹+好友卡馬那些應該塞不進同一長排裡面
rum692
我目前沒有畫面不收縮的話會長怎樣 還是噗主有個想像中的樣子呢
ಠ_ಠ
rum692: 用了渣畫技去畫了一下理想的畫面……(艸)
https://images.plurk.com/5mov6OKmqRCidqzkGAe8ek.jpg
rum692
目前只改到這樣看不到粉絲好友
ಠ_ಠ
rum692: 在我的螢幕解釋度是看到的,不過變成了這樣!
(有調整過大頭貼的尺寸,是我兒子 )模糊的那些是主要資訊和粉絲好友的頭像
https://images.plurk.com/2rMGpU0befYWCw2fF719Pn.png
ಠ_ಠ
我的原始碼在這裡,有些東西是從疾患大那裡拿來改改寫寫刪刪就是((
rum692
可能是因為我的自我介紹比較長(
rum692
所以是只剩頭貼會被裁掉嗎~?
ಠ_ಠ
rum692: 其實還有挺多東西不見的,像是自介區文字重疊、垂直的主控台遮住了所有訊息跟頭貼會被裁掉(包住頭貼的框框也被裁掉了),不過後者在修改好了框框部份,我想我自己再裁一下頭貼尺寸應該也沒問題?(aha)(抽象的說明)所有訊息那邊我應該有辦法將它移到去右邊水平展開
rum692
框框的話這樣應該可以,其他部分我目前想到的方法只有根據長度慢慢調 不好意思沒辦法幫太多
ಠ_ಠ
rum692: 不好意思一直勞煩rum才是,CSS學問太深奧了,我完全不懂QQ
rum692
我剛剛弄出來的是長這樣,文字不會重疊 不過看不到下面好友粉絲的部分
ಠ_ಠ
rum692: 試著用了最新版本,我是這樣的XDDDDD!
頭貼右方有原刷本小小的頭像ww)
https://images.plurk.com/1K8JePio48qfvPvvQMCajZ.png

太高深了CSS!

請問rum頭像是兒子還是女兒,好美!
rum692
自介區文字重疊的話把div.dash-group-right裡的height改高一點試試
rum692
ಠ_ಠ: 是兒子
rum692
好像沒有變 我再試看看
ಠ_ಠ
兒子好可愛喔
試了確實沒變
rum692
噗主對不起我只會暴力解法(
沒辦法通用到其他版型上 真的幫不上忙惹
ಠ_ಠ
rum692: 沒關係的,能用到這部份就很開心了,謝謝rum
weasel2356
好的,因為手上有別的事在忙,我現在才總算有空來研究一下QQ
所以我想要跟噗主確認,主要是只想處理大頭貼&資訊欄靠右側固定、不受發噗區影響嗎?
weasel2356
然後關於薪偷問題
stylish是你的好朋友,再加上一些* !important
強制所有的背景跟字色都變成灰白色組合
我自己搭配display fusion(有買授權),雙螢幕好控制 +可以讓視窗半透明...(噓
ಠ_ಠ
weasel2356: 辛苦了,謝謝願意幫我!這個薪偷太高科技了,我學不來(?)
目前是想要解決自介區文字重疊、垂直的主控台遮住了所有訊息這兩個元素,我目前的原始碼是這樣
weasel2356
如果主控臺要固定顯示的話,河道的左側是一定會被主控臺擋住,然後資訊能不能完整顯示也會非常吃螢幕的解析度(主要是高度問題)這邊也想問一下目前的解析度是?
ಠ_ಠ
weasel2356: 目前的解釋度是1920x1080,左側被擋住我是沒問題的,我有點不知道怎麼說明我的需要,可能要你套用一下我的語法大概就知道了……?
weasel2356
我也是1920x1080...
覺得下方有點微妙...嗯...但是從既有的修有點麻煩 XDDD(因為不是我習慣的結構
我現在正在試著從我自己的版面調整,等我一下~
weasel2356
/*拉高河道*/ (Plurk Paste)
先看一眼這個好了,你原本的那些我都還沒寫進去,我只是先用我原本手上有的版面稍微改了一下,如果接下來問題只要處理
1) 資料都要保持顯示在左邊
2) 大頭貼換成另外的250x250px圖片
的話會比較好處理~
ಠ_ಠ
weasel2356: 目前套用進去是這樣的!主控台會收進去,但是選單不會被遮住了
https://images.plurk.com/CakNCoZCW4Jk7CHp3Plhk.png
ಠ_ಠ
自介區文字也沒有重疊~
weasel2356
那先問問,如果好友&粉絲區這樣安排的話會想移動嗎XDDD|||
如果只要移動卡瑪區&自介會簡單很多(對我就想偷懶!
ಠ_ಠ
weasel2356: 這樣我覺得OK的!上面不太影響,但如果只移動卡瑪區&自介的話,自介部份能不能往下再一點點呢?(告訴我改的方式就可以了,我可以自來!)但因為想要配合第一點的方式使用,所以不知道會不會有差錯
weasel2356
我先讓卡碼移下去自介下面,然後我再一起說明好了,基本上應該沒有問題~
ಠ_ಠ
weasel2356: 謝謝weasel ……
weasel2356
啊噗幣的red忘記拿掉了XD 請記得拿掉 XDDDDDD
weasel2356
/*拉高河道*/ (Plurk Paste)
重貼一次,應該可以
weasel2356
主控台顏色我用BLACK,其他那些半透是用rgba(0, 0, 0, 不一樣的透明度)
要改就自己改吧~
weasel2356
然後麻煩噗主不要刪噗XDDD
這個CSS讓我留下來備份~~
ಠ_ಠ
weasel2356: 使用上了,這是我想要的理想狀態 !!!!謝謝weasel!!我不會刪噗的,不知道有沒有人也需要這樣的版型就是XDDDD
ಠ_ಠ
謝謝weasel跟rum以及原偷偷說提供語法的bun跟koala,我得到了我的理想版型了
weasel2356
如果哪一天我有成功想到要整理它也會回來這邊更新的(??
ಠ_ಠ
weasel2356: 好的XDDDDDDDD!!!!我也會一拼更新(???)
ಠ_ಠ
噢不過我發現現在有另一個問題
https://images.plurk.com/355qVsxTtfmgbOmcbrSg0x.png
我自己手動把卡碼部份修改高低的話,應該改哪個位置呢?(好友粉絲那邊也是(aha)
ಠ_ಠ
噢,我調整成功了
ಠ_ಠ
現在另一個問題是,噗幣旁邊我放上了連結顯示不出來圖片QQ
weasel2356
卡瑪是從下方算的,怕自介比較長的人顯示不夠
然後噗幣的圖給我個尺寸,不過我關機了,可能明天中午看看?
weasel2356
啊,不過螢幕不夠高就會反而卡到自介,我看到了XD
weasel2356
然後謝謝噗幣 (p-blush)
ಠ_ಠ
要調整到完美版本好難啊XDDD,我不知道該改哪個位置的Z-才是正確wwww
weasel2356
/*噗幣旁增加圖案*/ (Plurk Paste)
我剛剛試是可以耶?(偷用無痕看一下)
然後是在講z-index嗎?
weasel2356
z-index:999; << 個人資料的z-index
讓主控台顯示在河道上方

z-index: 9999; << 卡瑪值&徽章,讓這兩個顯示在個人資料上方
(因為左側背景我是用個人資料的欄位背景充數,不是主控台本身的背景)
weasel2356
好友及粉絲的部份我大概隨便寫了點註解

/*好友及粉絲*/ (Plurk Paste)
weasel2356
z-index部份
600/700可以在河道噗文上方
400我記得可以卡在背景跟噗文中間(像是噗寶)
其他我沒試~
ಠ_ಠ
weasel2356:
https://images.plurk.com/P3KNayTNuXOmpXgXNsgga.png
還是不行,重新整理過都沒有QQ,是不是我少改了些什麼呢?

謝謝weasel的詳細解釋,我還是太菜了QQ(努力研究!)
weasel2356
太神秘了 囧 我有試成功的說.....
我私噗噗主好了XDDDDD
ಠ_ಠ
我給噗幣的時候有沒遮到帳號嗎(?????
weasel2356
沒有XDDD||||
ಠ_ಠ
不好意思見笑了(艸)
載入新的回覆