vbulletin论坛的css问题

Question

我正在尝试移动签名正上方的“喜欢”灰色条，右上角的“喜欢”链接左侧带有小图标。

实施例： 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>
}

如果我更改display：block to display：inline，它会将它移动到同一行，如下所示： http://i49.tinypic.com/348lonc.png

但是，它会丢失margin属性和width属性。我尝试通过增加宽度来修复宽度：50％;但这没有改变。如何在固定边距和宽度时保持内联？

Answer 1

你的意思是你想要在最右上方的灰色条，它显示线程与心脏的数量相似吗？为了保持边距，你应该只是浮动灰色框

向左浮动

.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;
}

要将此一直移动到右上角，您需要修改模板，它最终会看起来像这样，但您需要移动整个after_content div或根据需要重新设置它，如果只是移动vbseo_liked容器。并且还删除了明确的：两种风格。