2013-03-09 104 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