Category Images or Fonts?

[birdy]

How do you change the CATEGORY font to larger of a different colour and can you assign an image for the Cat ??

A link for a help section would be great !

 

[Murder he Wrote]

With reference to assigning an image for the category, do you mean a small icon before the category name? For example;

*image* MIDDLE OF THE NEST ?

 

[birdy]

Yes exactly that Murder!!

 

[Murder he Wrote]

Well that would require a bit of custom coding. Nothing too major, can I ask what your experience with xHTML / CSS is? ~smile~

 

[birdy]

html only I am afraid - so maybe I am going to have to pay someone to do this huh 🙁

 

[Murder he Wrote]

Nah don't be silly ~razz~ . I'm well versed in the art of re-styling phpBB3 - just a bit busy at the moment. I'll post the required code for you within the next several hours. ~smile~

 

[ℓєσ gнσѕт]

Is your style prosilver or subsilver based? I may be able to help with the font editing, it should be simple CSS edits. I'd guess the images would be an IF statement in php (relying on the forum numbers), which takes a little more editing but nothing hard at all really (copy / paste and edit it in how you like).

If you can give me a style name, I can download it myself and double check the edits before getting back to you, so I know i'm right about it before telling you wrong information ~razz~

 

[Murder he Wrote]

Hey again.

There's probably an official way to do what you're trying to do, but because Prosilver (the style your style is based on) is pretty advanced in terms of CSS I'll tell you how to do it the easy way. ~smile~

Firstly, you need to get the Forum ID's of the category names you want to resize / show an image next to. This is really easy to do, just hover over a category name for example: "Middle of the nest" and in the bottom-left corner of your web browser where the target URL shows look for "f=" at the end of the URL- this shows the forum's ID. In this case it would be:

http://www.birdysnest.com/viewforum.php?f=10

So get a list of all the Forum ID's you want to make "big" and write them down.

Next we'll use Inline styling to show an image and make the font-size bigger. I did some experimenting on your site and found that 14px accomodates your longest forum title nicely. So first thing:

Open: /styles/SummerFun/template/forumlist_body.html

Find:

<a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>

Replace with:

<!-- IF forumrow.FORUM_ID == 10 --><span style="font-size: 14px; padding-left: 20px; background-image: url("http://farm1.static.flickr.com/95/232542416_10f214442c.jpg"); background-repeat: none; background-position: center left;"><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></span><!-- ENDIF -->

Then post the same code below with a different forum ID each time. Now, this won't work perfectly and I've literally rolled all of the code out of the top of my head, but it should give you a good foundation to work on. ~redface~

 

[birdy]

Thank you both of you!! - Murder, you know my style so I will try that out today and let you know how I got on ! Thanks xx

 

[Murder he Wrote]

Okay. ~smile~

Also remember that you can use inline CSS to change the font, for example:

<span style="font-family: Comic Sans MS;">This is Comic Sans MS</span>

Let us know how it goes. ~cool~

 

[birdy]

This has been shunted on to tomorrow as I have a heavy work load today ~mad~

Looks like something I can do, will let you know how I make out! being blonde and all -😉-

 

[birdy]

Thank you for your help Murder - could not have done it without you -😉-

Many thanks hon x

 

[Murder he Wrote]

No problem, was a pleasure to help.

Best of luck with your forum ~smile~