ಠ_ಠ - p/nsege2 - 讀噗

@anonymous

偷偷說

Sun, Apr 19, 2020 9:22 PM

Mon, Apr 20, 2020 11:20 AM

18

2

【噗浪css問題請教】

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

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

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

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

（其餘下收）

Sun, Apr 19, 2020 9:24 PM

Sun, Apr 19, 2020 9:35 PM

第一點已經有找到過CSS了，也是在噗上有旅人幫忙的
（我不是該噗噗主）。

ಠ_ಠ - 萬事求噗友，想改噗浪版型中「個人頭像」的長寬比（如圖）但是發現用系統直接輸入數值，是對正方...

個人想要的是此噗裡的bun118所提供的版本（可以成功在現在的噗浪執行），但是因為會遮住名字的關係進而去嘗試裡面koala266提供的語法，只是不知道是不是一年前的語法的關係導致有錯誤，圖片沒辦法完全成功顯示出來。

Sun, Apr 19, 2020 9:28 PM

而第二點的主控台本身是想要參考66660000的，但也是因為陳年網址（……）的關係用不到對方的佈景（=無法直接複製貼上語法套用在自己的噗版身上），才想要在這裡請教各位，可以怎麼寫

……

Sun, Apr 19, 2020 9:32 PM

個人也有使用過千秋大提供的佈景，但是因為在點進發噗區想要打字時，左側的主控台也會有反應（？），所以才換下QQ，因此第二點想要的版本是，主控台在左側+點發噗區要打字時不會有反應，兩個是獨立分開的（希望有人懂我在說什麼ryyyyyyyyyyyy）

Sun, Apr 19, 2020 9:33 PM

大致上是這樣的問題！麻煩各位旅人了OTZ

Sun, Apr 19, 2020 9:40 PM

沒有寫過噗浪的css不確定能不能幫上忙

不過有學過一些
可以麻煩你提供你原本用的語法嗎

Sun, Apr 19, 2020 9:46 PM

rum692: 我現在是用噗浪官方的佈景、再加上在噗幣旁邊增加圖案的CSS而已，不過如果你是指千秋大的佈景的話，這裡！

ಠ_ಠ - 噗浪旅人好，我是，我做了一個我覺得很漂亮的（自己講）CSS佈景主題有興趣的話這邊是，希...

Sun, Apr 19, 2020 9:49 PM

Sun, Apr 19, 2020 9:50 PM

我以前也有問過千秋大關於點發噗區左側主控台會有反應的問題，但記得答覆是沒辦法做到不會有反應（記憶模糊ry），但是我有看到別的噗友的主控台左側是固定的點發噗區，主控台不會有反應（嘗試過抓plurk套過語法，應該也是出自66660000的手），所以才想要這樣的版本

Sun, Apr 19, 2020 9:54 PM

我先試了第一點的koala的語法是可以顯示圖片的

你說得沒辦法完全成功顯示是圖片會被切掉嗎

Sun, Apr 19, 2020 9:55 PM

rum692: 是的，會被切掉沒錯！

Sun, Apr 19, 2020 9:56 PM

因為完全不會語法，試過改各個地方也沒辦法完整顯示

（只想要300px的大小而已

）

Sun, Apr 19, 2020 10:05 PM

我試了一下bun提供的那個噗浪貼是可以用的喔！
你是需要名字不被遮住對吧XD？那你需要改幾行東西，等我一下我整理給你~

Sun, Apr 19, 2020 10:08 PM

/* --頭貼名片-- */ (Plurk Paste)
我直接把bun的語法改好給你好了，你看你哪裡需要調整再告訴我XD

Sun, Apr 19, 2020 10:19 PM

然後第二點我有點太久沒接觸忘記怎麼用了（…
之後有空再研究看看

或是等厲害的旅人

Mon, Apr 20, 2020 12:14 AM

我也mark起來，下班後回家再研究...
(薪偷噗浪有簡潔外掛css以方便薪偷...

Mon, Apr 20, 2020 8:52 AM

rum692: （不好意思噗主現在才上噗OTZ，睡死到兩點……）謝謝rum，剛剛嘗試了你的版本，是沒問題的

！謝謝你Q口Q

Mon, Apr 20, 2020 8:53 AM

weasel2356: ~~這是什麼偽裝術嗎我也好想~~（……）

Mon, Apr 20, 2020 8:54 AM

請問rum介不介意我也將這個語法編輯到噗首呢~~不知道有沒有人也需要這個功能就是，我只是想讓我兒子也可以出現就ry~~，會註明原作者是原噗的bun跟修改者是rum的

Mon, Apr 20, 2020 8:59 AM

1

可以呀

不過我幫你改的這個只適用於300x300

Mon, Apr 20, 2020 9:00 AM

rum692: 我也會寫上的！（我個人是300x300就足夠了

）

Mon, Apr 20, 2020 9:06 AM

已經放上了，也送上微薄的謝禮

Mon, Apr 20, 2020 9:12 AM

哇噗主人也太好了

有幫上忙就好！

Mon, Apr 20, 2020 9:16 AM

畢竟真的CSS白痴並且也受到幫助，所以想要送點什麼只有噗幣可以送了

~~可恨為什麼舊版本的佈景安裝連接不能用呢，這樣我就可以拿66660000的佈景來研究左側主控台了~~

（他有好幾個不同款式的左側主控台）

Mon, Apr 20, 2020 10:45 AM

噗主第二點是希望他在左邊然後不要收進去嗎？

Mon, Apr 20, 2020 10:47 AM

rum692: 是的，主控台的部份但不包含發噗區全都回定在左邊並且垂直！

Mon, Apr 20, 2020 10:48 AM

我剛剛一直以為你要收起來然後游標到打字區的時候不要出來

我還研究了好久好蠢這個應該可以我幫你找找

Mon, Apr 20, 2020 10:48 AM

Mon, Apr 20, 2020 11:01 AM

rum692: 是我說法有問題

真的不好意思！！（我應該畫圖的！）

Mon, Apr 20, 2020 10:51 AM

Mon, Apr 20, 2020 10:51 AM

比較好的例子是這樣66660000的主控台就是在左邊的，但是因為會收進去而且沒有了統計部份～粉絲的部份，所以不適用，我完全不知道這樣的風格要用什麼關鍵字找OTZ

++2020++ [66660000]

Mon, Apr 20, 2020 11:01 AM

Mon, Apr 20, 2020 11:01 AM

像是這種的噗主覺得如何呢

Mon, Apr 20, 2020 11:03 AM

rum692: 這種有嘗試過，不過他會縮上去QQ，可以的話，想要不要縮上去的固定著的那種，然後再搭配你幫忙修改的雙重頭貼語法><（我應該可以自己調，但是固定不縮上去的部份就難了）

Mon, Apr 20, 2020 11:17 AM

豪等等來試試

Mon, Apr 20, 2020 11:20 AM

rum692: 謝謝rum

Mon, Apr 20, 2020 12:09 PM

我看了一下他之所以做成收起來應該是因為他不夠長(？)
你的自我介紹+好友卡馬那些應該塞不進同一長排裡面

Mon, Apr 20, 2020 12:12 PM

我目前沒有畫面不收縮的話會長怎樣

還是噗主有個想像中的樣子呢

Mon, Apr 20, 2020 12:21 PM

Mon, Apr 20, 2020 1:14 PM

rum692: 用了渣畫技去畫了一下理想的畫面……（艸）

https://images.plurk.com/5mov6OKmqRCidqzkGAe8ek.jpg

Mon, Apr 20, 2020 1:03 PM

目前只改到這樣看不到粉絲好友

Mon, Apr 20, 2020 1:16 PM

rum692: 在我的螢幕解釋度是看到的，不過變成了這樣！
（有調整過大頭貼的尺寸，是我兒子

）模糊的那些是主要資訊和粉絲好友的頭像

https://images.plurk.com/2rMGpU0befYWCw2fF719Pn.png

Mon, Apr 20, 2020 1:19 PM

我的原始碼在這裡，有些東西是從疾患大那裡拿來改改寫寫刪刪就是（（

Mon, Apr 20, 2020 1:21 PM

可能是因為我的自我介紹比較長（

Mon, Apr 20, 2020 1:24 PM

所以是只剩頭貼會被裁掉嗎~?

Mon, Apr 20, 2020 1:27 PM

rum692: 其實還有挺多東西不見的，像是自介區文字重疊、垂直的主控台遮住了所有訊息跟頭貼會被裁掉（包住頭貼的框框也被裁掉了），不過後者在修改好了框框部份，我想我自己再裁一下頭貼尺寸應該也沒問題？

（抽象的說明）所有訊息那邊我應該有辦法將它移到去右邊水平展開

Mon, Apr 20, 2020 1:31 PM

框框的話這樣應該可以，其他部分我目前想到的方法只有根據長度慢慢調

不好意思沒辦法幫太多

Mon, Apr 20, 2020 1:32 PM

rum692: 不好意思一直勞煩rum才是，CSS學問太深奧了，我完全不懂QQ

Mon, Apr 20, 2020 1:36 PM

Mon, Apr 20, 2020 2:08 PM

我剛剛弄出來的是長這樣，文字不會重疊不過看不到下面好友粉絲的部分

Mon, Apr 20, 2020 1:39 PM

rum692: 試著用了最新版本，我是這樣的XDDDDD！
~~頭貼右方有原刷本小小的頭像ww）~~

https://images.plurk.com/1K8JePio48qfvPvvQMCajZ.png

太高深了CSS！

~~請問rum頭像是兒子還是女兒，好美！~~

Mon, Apr 20, 2020 1:40 PM

自介區文字重疊的話把div.dash-group-right裡的height改高一點試試

Mon, Apr 20, 2020 1:40 PM

ಠ_ಠ: 是兒子

Mon, Apr 20, 2020 1:42 PM

~~好像沒有變~~ 我再試看看

Mon, Apr 20, 2020 1:43 PM

兒子好可愛喔

~~試了確實沒變~~

Mon, Apr 20, 2020 2:08 PM

噗主對不起我只會暴力解法（
沒辦法通用到其他版型上

真的幫不上忙惹

Mon, Apr 20, 2020 2:24 PM

rum692: 沒關係的，能用到這部份就很開心了，謝謝rum

Mon, Apr 20, 2020 3:00 PM

好的，因為手上有別的事在忙，我現在才總算有空來研究一下QQ
所以我想要跟噗主確認，主要是只想處理大頭貼＆資訊欄靠右側固定、不受發噗區影響嗎？

Mon, Apr 20, 2020 3:02 PM

然後關於薪偷問題
stylish是你的好朋友，再加上一些* !important
強制所有的背景跟字色都變成灰白色組合
我自己搭配display fusion（有買授權），雙螢幕好控制 +可以讓視窗半透明...(噓

Mon, Apr 20, 2020 3:20 PM

weasel2356: 辛苦了，謝謝願意幫我！這個薪偷太高科技了，我學不來（？）
目前是想要解決自介區文字重疊、垂直的主控台遮住了所有訊息這兩個元素，我目前的原始碼是這樣

Mon, Apr 20, 2020 3:40 PM

如果主控臺要固定顯示的話，河道的左側是一定會被主控臺擋住，然後資訊能不能完整顯示也會非常吃螢幕的解析度（主要是高度問題）這邊也想問一下目前的解析度是？

Mon, Apr 20, 2020 3:42 PM

weasel2356: 目前的解釋度是1920x1080，左側被擋住我是沒問題的，我有點不知道怎麼說明我的需要，可能要你套用一下我的語法大概就知道了……？

Mon, Apr 20, 2020 3:51 PM

我也是1920x1080...
覺得下方有點微妙...嗯...但是從既有的修有點麻煩 XDDD（因為不是我習慣的結構
我現在正在試著從我自己的版面調整，等我一下～

Mon, Apr 20, 2020 4:02 PM

/*拉高河道*/ (Plurk Paste)
先看一眼這個好了，你原本的那些我都還沒寫進去，我只是先用我原本手上有的版面稍微改了一下，如果接下來問題只要處理
1) 資料都要保持顯示在左邊
2) 大頭貼換成另外的250x250px圖片
的話會比較好處理～

Mon, Apr 20, 2020 4:06 PM

weasel2356: 目前套用進去是這樣的！主控台會收進去，但是選單不會被遮住了

https://images.plurk.com/CakNCoZCW4Jk7CHp3Plhk.png

Mon, Apr 20, 2020 4:07 PM

自介區文字也沒有重疊～

Mon, Apr 20, 2020 4:14 PM

那先問問，如果好友＆粉絲區這樣安排的話會想移動嗎XDDD|||
如果只要移動卡瑪區＆自介會簡單很多（對我就想偷懶！

Mon, Apr 20, 2020 4:19 PM

weasel2356: 這樣我覺得OK的！上面不太影響，但如果只移動卡瑪區＆自介的話，自介部份能不能往下再一點點呢？（告訴我改的方式就可以了，我可以自來！）但因為想要配合第一點的方式使用，所以不知道會不會有差錯

Mon, Apr 20, 2020 4:21 PM

我先讓卡碼移下去自介下面，然後我再一起說明好了，基本上應該沒有問題～

Mon, Apr 20, 2020 4:25 PM

weasel2356: 謝謝weasel

……

Mon, Apr 20, 2020 5:03 PM

啊噗幣的red忘記拿掉了XD　請記得拿掉 XDDDDDD

Mon, Apr 20, 2020 5:05 PM

/*拉高河道*/ (Plurk Paste)
重貼一次，應該可以

Mon, Apr 20, 2020 5:05 PM

主控台顏色我用BLACK，其他那些半透是用rgba(0, 0, 0, 不一樣的透明度)
要改就自己改吧～

Mon, Apr 20, 2020 5:07 PM

1

然後麻煩噗主不要刪噗XDDD
這個CSS讓我留下來備份～～

Mon, Apr 20, 2020 5:08 PM

weasel2356:

使用上了，這是我想要的理想狀態

！！！！謝謝weasel！！我不會刪噗的，不知道有沒有人也需要這樣的版型就是XDDDD

Mon, Apr 20, 2020 5:10 PM

謝謝weasel跟rum以及原偷偷說提供語法的bun跟koala，我得到了我的理想版型了

Mon, Apr 20, 2020 5:13 PM

如果哪一天我有成功想到要整理它也會回來這邊更新的(??

Mon, Apr 20, 2020 5:14 PM

weasel2356: 好的XDDDDDDDD！！！！我也會一拼更新（？？？）

Mon, Apr 20, 2020 5:16 PM

噢不過我發現現在有另一個問題

https://images.plurk.com/355qVsxTtfmgbOmcbrSg0x.png

我自己手動把卡碼部份修改高低的話，應該改哪個位置呢？（好友粉絲那邊也是

）

Mon, Apr 20, 2020 5:18 PM

噢，我調整成功了

Mon, Apr 20, 2020 5:32 PM

現在另一個問題是，噗幣旁邊我放上了連結顯示不出來圖片QQ

Mon, Apr 20, 2020 5:36 PM

Mon, Apr 20, 2020 5:39 PM

卡瑪是從下方算的，怕自介比較長的人顯示不夠
然後噗幣的圖給我個尺寸，不過我關機了，可能明天中午看看？

Mon, Apr 20, 2020 5:38 PM

啊，不過螢幕不夠高就會反而卡到自介，我看到了XD

Mon, Apr 20, 2020 5:41 PM

然後謝謝噗幣

Mon, Apr 20, 2020 6:02 PM

Mon, Apr 20, 2020 6:02 PM

要調整到完美版本好難啊XDDD，我不知道該改哪個位置的Z-才是正確wwww

Tue, Apr 21, 2020 12:24 AM

/*噗幣旁增加圖案*/ (Plurk Paste)
我剛剛試是可以耶？（偷用無痕看一下）
然後是在講z-index嗎？

Tue, Apr 21, 2020 12:26 AM

z-index:999; << 個人資料的z-index
讓主控台顯示在河道上方

z-index: 9999; << 卡瑪值&徽章，讓這兩個顯示在個人資料上方
（因為左側背景我是用個人資料的欄位背景充數，不是主控台本身的背景）

Tue, Apr 21, 2020 12:32 AM

好友及粉絲的部份我大概隨便寫了點註解

/*好友及粉絲*/ (Plurk Paste)

Tue, Apr 21, 2020 12:33 AM

z-index部份
600/700可以在河道噗文上方
400我記得可以卡在背景跟噗文中間（像是噗寶）
其他我沒試～

Tue, Apr 21, 2020 12:39 AM

薪偷相關

https://i.imgur.com/YxJW9Rq.png

Stylish - 為任何網站量身打造專屬佈景主題

這堆扔進代碼1

Tue, Apr 21, 2020 6:22 AM

weasel2356:

https://images.plurk.com/P3KNayTNuXOmpXgXNsgga.png

還是不行，重新整理過都沒有QQ，是不是我少改了些什麼呢？

謝謝weasel的詳細解釋，我還是太菜了QQ（努力研究！）

Tue, Apr 21, 2020 6:30 AM

太神秘了　囧　我有試成功的說.....
我私噗噗主好了XDDDDD

Tue, Apr 21, 2020 6:31 AM

~~我給噗幣的時候有沒遮到帳號嗎~~（？？？？？

Tue, Apr 21, 2020 6:31 AM

沒有XDDD||||

Tue, Apr 21, 2020 6:32 AM

不好意思見笑了（艸）

載入新的回覆