Image on forum bar

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

Image on forum bar

Post by AbbeyG » Fri Jul 18, 2014 11:52 am

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 362 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 » Sun Jul 20, 2014 8:11 am

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 » Sat Jul 26, 2014 9:58 am

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 » Tue Jul 29, 2014 5:41 am

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”