×
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 #11 by Vue
No prob sent him a link. sorry dont know when this site will be published.

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

More
9 years 2 months ago - 9 years 2 months ago #12 by @quila
Hello,

thanks for link.
I see that there are no template.css file so you can insert code in base.css or layout.css file.

Let me know.
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 #13 by Vue
No luck,

I added it to both bass.css and layout.css, here's the two entries.

Layout.css

#totop-scroller {

display: block;

position: absolute;

top: 25%;

right: 0;

z-index: 1;

width: 26px;

height: 28px;

text-decoration: none;

}

#totop-scroller:hover { background-position: 0 -70px; }

#Kunena tr#kcat88 td.kcol-category-icon span.kreadforum {
background: url("../../../media/kunena/category_images/9_cat1_image1.gif") no-repeat scroll left center transparent;
}
#Kunena tr#kcat88 td.kcol-category-icon span.kunreadforum {
background: url("../../../media/kunena/category_images/9_cat1_image2.gif") no-repeat scroll left center transparent;
}
#Kunena tr#kcat88 td.kcol-category-icon span.knotloginforum {
background: url("../../../media/kunena/category_images/9_cat1_image3.gif") no-repeat scroll left center transparent;
}


Bass.css



/* Useful Snippets
*/

a:not([class]):active,
a:not([class]):focus {
position: relative;
top: 1px;
}

a:not([class]):active > *,
a:not([class]):focus > * {
position: relative;
top: -1px;
}

#Kunena tr#kcat88 td.kcol-category-icon span.kreadforum {
background: url("../../../media/kunena/category_images/9_cat1_image1.gif") no-repeat scroll left center transparent;
}
#Kunena tr#kcat88 td.kcol-category-icon span.kunreadforum {
background: url("../../../media/kunena/category_images/9_cat1_image2.gif") no-repeat scroll left center transparent;
}
#Kunena tr#kcat88 td.kcol-category-icon span.knotloginforum {
background: url("../../../media/kunena/category_images/9_cat1_image3.gif") no-repeat scroll left center transparent;
}

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

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

in this way can not show image, you must to change number 88 in your categoryID.

So try to add this code:
#Kunena tr#kcat9 td.kcol-category-icon span.kreadforum {
background: url("../../../media/kunena/category_images/9_cat1_image1.gif") no-repeat scroll left center transparent;
}
#Kunena tr#kcat9 td.kcol-category-icon span.kunreadforum {
background: url("../../../media/kunena/category_images/9_cat1_image2.gif") no-repeat scroll left center transparent;
}
#Kunena tr#kcat9 td.kcol-category-icon span.knotloginforum {
background: url("../../../media/kunena/category_images/9_cat1_image3.gif") no-repeat scroll left center transparent;
}


Are you correct with GIF images, should not be a PNG??
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 #15 by Vue
Yes i uploaded 3 images to /media/kunena/category_images

9_cat1_image1.gif
9_cat1_image2.gif
9_cat1_image3.gif

Oh.. i see wht you mean..
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 #16 by @quila
Ok, now insert code above in base.css ^^

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

More
9 years 2 months ago #17 by Vue
Cool it works from the bass.css

Thanks a lot for the tips :laugh:

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

More
9 years 2 months ago - 9 years 2 months ago #18 by @quila
No problem, glad to help. For other categories add that code with different category ID's and you are done.

P.S. When you update Kunena to new version your changes are safe, you do not need to do it again ;)

You can also delete my test account on your site (dragan)
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 #19 by Vue
Ok cool thought that was someone from another site :P

Thanks a lot!

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

More
9 years 2 months ago - 9 years 2 months ago #20 by MfGLucker
Hi, sorry for using this Thread, but i have a similar question in german forum postet.

Ich habe mal wieder eine Frage.

Und zwar haben wir bei uns https://mfg-esports.com Bilder in der Kategoriebschreibung per BB-Code eingefügt. Hier ein Bild dazu.

Es wird allerdings von der Kunena Image Lightbox vergrössert.
Ist es möglich diese Bilder per CSS einzufügen ?

Ich habe es gestern versucht, ich habe aber nicht ganz herausgefunden wie.


I just want to have in every main categorie-description an image with css and not with bb-code.
Is that possible ?

At the moment i have this solution but its only for all main categories
#Kunena div.ktitle-desc {
    background: url(/media/kunena/category_images/community_medium.png) no-repeat scroll center;
    height: 50px;
}

Sammle erst die Fakten, dann kannst du sie verdrehen, wie es dir passt.

[/size]
Mark Twain
test
Last edit: 9 years 2 months ago by MfGLucker.

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.363 seconds