MyBB Community Forums

Hi!

I am not good at CSS, is there anybody who can help me add an "arrow" to the postbit_classic? Something like this (check attachment)

CSS style:

 .arrow {
    position: absolute;
    top: 10px;
    right: -10px;
    display: block;
    width: 0px;
    height: 0px;
    line-height: 0px;
    border: 10px solid transparent;
    border-left-color: #d7edfc;
    -moz-border-left-colors: #d7edfc;
    border-right: none;
    _display: none;

Thank you very much. For me, I will customize it by my own, I just dont know where to put span class for this

add the arrow div just after the closing post_author div and then add the given css.. hard refresh and check if its working..

<div class="post_arrow"></div>

.post_arrow{position: relative;}

.post_arrow:after, .post_arrow:before {
    left: 191px;
    border: 1px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.post_arrow:before {
    border-left: 1px solid #DDDDDD;
    border-width: 10px;
    margin-top: 20px;
}

.post_arrow:after {
    border-left: 1px solid #F5F5F5;
    border-width: 9px;
    margin-top: 21px;
}

PS: the width and colors are given with the assumption that you are using the default theme.. you might have to change them to match your theme..

It works fine! Amazing, thank you very much!

Is there any way how to fix it for fluid width of forum?

(2016-03-09, 08:53 AM)Eldenroot Wrote: [ -> ]Is there any way how to fix it for fluid width of forum?

try to change the "left: 191px;" to %.. check if 15% fixes it..

Works! Thank you again!