Page 1 of 1

Image on forum bar

Posted: Fri Jul 18, 2014 11:52 am
by AbbeyG
I am trying to creating new theme (yet again :P) and want the forum bar to terminate in a image, rather than the usual rounded corners on both the side.

As a mere example, here is a type of image that I would want the forum bar to terminate at:
IVrws5k.png
IVrws5k.png (4.01 KiB) Viewed 366 times
How can I achieve this?

Re: Image on forum bar

Posted: Sun Jul 20, 2014 8:11 am
by AbbeyG
Anyone?

Re: Image on forum bar

Posted: Sat Jul 26, 2014 9:58 am
by Rahber
So for that you will create divs like this

Code: Select all

<div class="parent-div">
<div class="forumbar">
forum text/title
</div>

<div class="forumbar-image">

</div>

</div>
the .forumbar-image div will be empty and will have the following css

Code: Select all

.forumbar-image{
background-image: url('link to your image');
width: *width of your image*
}
.forumbar{
background-image: url(a same image as the above one but this should be square);
}
i hope it gives you an idea :)

Re: Image on forum bar

Posted: Tue Jul 29, 2014 5:41 am
by AbbeyG
I am extremely sorry but I am a noob at this :D

Can you let me know where exactly I should be inserting these?