×
Kunena 5.2 Beta 1 Released (24 Sep 2020)

The Kunena team is thrilled to announce the first public beta release of Kunena 5.2, a native Joomla extension for Joomla 3.9. This is a development release and should be only be used for testing; this version is not recommended for live websites at this stage.

The purpose of this release is to encourage testing by downloading, installing and identifying any problems or shortcomings that people may discover. K 5.2.0 B1 is stable and we are aware that people will discover defects. We encourage you to use the forum to report defects, as soon as they are discovered, so that the development team can work through the problems before the release of K 5.1 as a stable product. Reporting defects does not mean that the problems can or will be fixed. The Kunena team is looking forward to hearing your feedback on how well we have achieved our design goals.

× Before posting in this category, please read sticky topics and, as general background, My Joomla site template makes a mess of Kunena .

If you have questions about third-party templates, please use the User-written Templates category or contact the author directly. This category should only be used for questions about templates developed and supported by the Kunena project.

Question [Merged topic] How to create category icons

More
9 years 2 months ago - 9 years 2 months ago #1 by Vue
Hi,

I know this has been asked allready, i did a google on this subject before posting and still need a little help :blush:

I can change the folder_nonew.png image to one of my own, but all categories will have that image obviously.

How do i give each category their own image?
I don't mean the bbcode for an image in the category description, that's handy too..

I see an old post where @quila suggested adding images to
/media/kunena/attachments/legacy/category_images based on the categorie's ids.
But not sure how to do it, that path is different in the newer version of kunena.
/media/kunena/category_images

Link

It would be cool if that was an option inside the category creation page :cheer:

Thanks in advance.
Last edit: 9 years 2 months ago by Vue.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago - 9 years 2 months ago #2 by @quila
Hi Vue,
in that old topic route is wrong becouse it was for Kunena 1.0. The right route where you need to upload images is:

/ media / kunena / category_images /

So you need to know Category ID number and create 3 images for one category.

Look at this image, you need to change number 2 with your category ID number.





Be sure to create all 3 images for category becouse if you are missing one this will not work. Also only .gif images will work

It would be cool if that was an option inside the category creation page

For this option we need to wait for Kunena 2
Attachments:
Last edit: 9 years 2 months ago by @quila.
The following user(s) said Thank You: Vue

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago - 9 years 2 months ago #3 by Vue
Hi Quila

Thanks for the tips,
Is it possible i could change some code in the forums so i could use other image formats?

I am making gif images as described, but i'm tryin to do them with transparent backgrounds
Which can be done in photoshop by selecting image / mode / index color
But it sort of destroys the quality of the image, so using png would be better..
Other than that i will have to use the same color as the fourm behind the images.

Thanks!

EDIT

I just tryed what you suggested but it didn't change the category image.
Last edit: 9 years 2 months ago by Vue.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #4 by @quila
Hi,

if dont work you have done something wrong, becouse it is tested and must work.

BTW: I think that it is possible to do in different way and with PNG images.
Are you using Kunena 1.6.4 and Blue Eagle template?

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago - 9 years 2 months ago #5 by Vue
Yea i'm using the latest version in the latest version of joomla.
BTW it just changed the image so it worked :ohmy:
Still interested in the png change if you have it.

Thanks
Last edit: 9 years 2 months ago by Vue.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #6 by @quila
OK, here we go.

Say that you want to change icons for category with ID 88

1) create your 3 images for this category and name them how you want, say:
  • mycat-88-read.png
  • mycat-88-unread.png
  • mycat-88-notloged.png
Upload images in media / kunena / category_images / folder

2) With your FTP software navigate to J!-root/ templates / your-joomla-template-name / css / Open end Edit file template.css

3) Add this code at the end of file:
#Kunena tr#kcat88 td.kcol-category-icon span.kreadforum {
	background: url("../../../media/kunena/category_images/mycat-88-read.png") no-repeat scroll left center transparent;
}
#Kunena tr#kcat88 td.kcol-category-icon span.kunreadforum {
	background: url("../../../media/kunena/category_images/mycat-88-unread.png") no-repeat scroll left center transparent;
}
#Kunena tr#kcat88 td.kcol-category-icon span.knotloginforum {
	background: url("../../../media/kunena/category_images/mycat-88-notloged.png") no-repeat scroll left center transparent;
}
Save this file on server.

where 88 is a number ID of your category.

Now reload Index page of your forum and your image must appear for this category.

For other categories you need to add same css rules but with different ID and name of images.

Hope this helps. Let me know if it works (must work, already tested ;) ).
The following user(s) said Thank You: robytotem

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #7 by Vue
Thanks i tryed but still have the same problem.
Think i'll have to wait untill this is an option in the categories.

I can add the 3 images for each category.
I can see them when loged in, but when logged out i see the original image in all categories.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago - 9 years 2 months ago #8 by @quila
Well, in that case you are doing something wrong, could be:

1) Wrong image name for third rule (double check)
2) You have not uploaded this image double check)
3) template.css file is not loaded when you are logged out

Provide me a link to your site then I can take a look.

Thank you.
Last edit: 9 years 2 months ago by @quila.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago - 9 years 2 months ago #9 by Vue
Was just about to try the above but the template doesn't have a template.css at that location,
It has a style.css and custom.css
Last edit: 9 years 2 months ago by Vue.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #10 by sozzled
Vue: could you do, as @quila asked, and provide a link to your site? If you would prefer not to do that in public, you might like to send the link to him by PM.
The following user(s) said Thank You: @quila

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to edit your message.
Time to create page: 0.295 seconds