Image on forum bar

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Anti-Spam Guide
Locked
AbbeyG
Registered User
Posts: 88
Joined: Fri Feb 08, 2013 7:14 pm

Image on forum bar

Post 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 381 times
How can I achieve this?
AbbeyG
Registered User
Posts: 88
Joined: Fri Feb 08, 2013 7:14 pm

Re: Image on forum bar

Post by AbbeyG »

Anyone?
User avatar
Rahber
Former Team Member
Posts: 2720
Joined: Tue Feb 12, 2008 3:39 pm
Location: Pakistan
Name: Rahber
Contact:

Re: Image on forum bar

Post 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 :)
AbbeyG
Registered User
Posts: 88
Joined: Fri Feb 08, 2013 7:14 pm

Re: Image on forum bar

Post 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?
Locked

Return to “[3.0.x] Styles Support & Discussion”