久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區(qū)

標(biāo)題: 貼內(nèi)用戶信息怎么讓等級(jí)圖標(biāo)顯示在用戶組后面？ [打印本頁(yè)]

作者: 彭魚(yú)宴 時(shí)間: 2025-6-5 11:44
標(biāo)題: 貼內(nèi)用戶信息怎么讓等級(jí)圖標(biāo)顯示在用戶組后面？
默認(rèn)的貼內(nèi)用戶信息是用戶組和等級(jí)圖標(biāo)上下顯示，現(xiàn)在想改成左右顯示，用戶組后面顯示等級(jí)圖標(biāo)

后臺(tái)的貼內(nèi)用戶信息布局方案那改成：

{groupicon}{*}{/groupicon}
<dl class="pil cl">{authortitle}{star}</dl>
{customstatus}{*}{/customstatus}

復(fù)制代碼

然后顯示是左右顯示，用戶組后面顯示等級(jí)圖標(biāo)：
(, 下載次數(shù): 0)

但是有點(diǎn)瑕疵就是用戶組和等級(jí)圖標(biāo)對(duì)不齊，等級(jí)圖標(biāo)有點(diǎn)靠上了

吾愛(ài)的用戶組+等級(jí)圖標(biāo)就顯示的就很規(guī)整
(, 下載次數(shù): 0)

不知道怎么修改能讓用戶組和等級(jí)圖標(biāo)能排列的整齊一點(diǎn)

作者: youyacao 時(shí)間: 2025-6-5 11:50
。。。。。。。。。。這不就是排版的事情嗎

作者: 科站網(wǎng) 時(shí)間: 2025-6-5 11:54
如圖點(diǎn)編輯

(, 下載次數(shù): 0)

在紅框里搜索
(, 下載次數(shù): 0)

{star}{*}{/star}

復(fù)制代碼

刪除
再搜

{authortitle}{*}{/authortitle}

復(fù)制代碼

改為

{authortitle}{*}{/authortitle} {star}{*}{/star}

復(fù)制代碼

保存
效果如下
(, 下載次數(shù): 1)

作者: 彭魚(yú)宴 時(shí)間: 2025-6-5 12:09

科站網(wǎng) 發(fā)表于 2025-6-5 11:54
如圖點(diǎn)編輯

感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行，但是有個(gè)瑕疵就是用戶組和等級(jí)圖標(biāo)不是垂直居中對(duì)齊的

如上圖，等級(jí)圖標(biāo)整體往上去了點(diǎn)，感覺(jué)用戶組和等級(jí)圖標(biāo)是底部對(duì)齊，不是垂直居中對(duì)齊

作者: 彭魚(yú)宴 時(shí)間: 2025-6-5 12:10

youyacao 發(fā)表于 2025-6-5 11:50
。。。。。。。。。。這不就是排版的事情嗎

可能是標(biāo)題不夠詳細(xì)，通過(guò)后臺(tái)布局修改是能實(shí)現(xiàn)等級(jí)圖標(biāo)顯示在用戶組后面，但有個(gè)問(wèn)題就是兩個(gè)顯示不是居中對(duì)齊，而是底部對(duì)齊的感覺(jué)

作者: 科站網(wǎng) 時(shí)間: 2025-6-5 13:02

彭魚(yú)宴發(fā)表于 2025-6-5 12:09
感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行 ...

寫css對(duì)圖標(biāo)設(shè)置對(duì)齊方案

作者: 影子江湖 時(shí)間: 2025-6-6 13:25

彭魚(yú)宴發(fā)表于 2025-6-5 12:09
感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行 ...

弄下CSS就行

作者: ocw 時(shí)間: 2025-6-7 14:11

彭魚(yú)宴發(fā)表于 2025-6-5 12:09
感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行 ...

排板問(wèn)題，圖標(biāo)等級(jí)高了一點(diǎn)點(diǎn)，不好弄可以分成兩行顯示。我就弄的兩行

歡迎光臨 Discuz! 官方交流社區(qū) (http://www.9999xn.com/)