2013-03-09 93 views
0

我正在嘗試將簽名上方的「喜歡」灰色條移動到右上角的「like」鏈接左側帶有小圖標的左側。針對vbulletin論壇的css問題

實施例: http://www.talkjesus.com/bible-study-hall/44722-antimonianism.html#post220422

CSS代碼現在

.vbseo_buttons .vbseo_liked { 
    background: rgba(46, 53, 57, .8); 
     color: #fff; 
     border: 0; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    clear: both; 
    display: block; 
    padding: 12px; 
    margin: 5px 30px; 
    <vb:if condition="$stylevar['textdirection'] == 'rtl'"> 
     background-position: right; 
    </vb:if> 
} 

如果更改顯示:塊到顯示:內聯,這將其移動到同一行中,像這樣: http://i49.tinypic.com/348lonc.png

但是,它失去了保證金屬性和寬度屬性。我試圖通過添加寬度來固定寬度:50%;但這並沒有改變。如何在固定邊距和寬度時保持內聯?

回答

0

你的意思是你想要在最右上角的灰色條顯示喜歡的線程與心臟的數量?爲了保持利潤率,你應該只是浮動的灰色框

向左浮動

.vbseo_buttons .vbseo_liked { 
background: rgba(46,53,57,.8); 
color: #fff; 
border: 0; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; 
clear: both; 
padding: 12px; 
margin: 5px 30px; 
float: left; 
} 

所有這一切的方式移動到右上角,你將需要修改的模板,它最終會看起來像這樣但如果僅移動vbseo_liked容器,則需要根據需要移動整個after_content div或restyle。並刪除清除:兩種風格。

enter image description here

+0

Anagio嗨,我不希望它留下的職位本身,而不是裏面的「喜歡」鏈接對齊。謝謝。 – ServerSideX 2013-03-09 22:57:46

+0

@ServerSideX好吧,看起來帖子內部的鏈接似乎只對登錄的成員可見。放在它那裏是非常簡單的CSS。我只是沒有花時間去註冊 – Anagio 2013-03-09 23:37:29