×
Blue Eagle 5 v1.6.2 has been Released for Kunena 5.2 (20 Jan 2021)

The Kunena team has announce the arrival of Kunena template Blue Eagle 5 v1.6.2 which is now available for download. This version addresses most of the issues that were discovered in development.

REQUIREMENTS
Blue Eagle 1.6.x requires Kunena 5.2.x to work with

× 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 6 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 6 months ago - 9 years 6 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 6 months ago by @quila.

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

More
9 years 6 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 6 months ago - 9 years 6 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 6 months ago by @quila.

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

More
9 years 6 months ago - 9 years 6 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 6 months ago by Vue.

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

More
9 years 6 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 6 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 6 months ago - 9 years 6 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 6 months ago by @quila.

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

More
9 years 6 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 6 months ago - 9 years 6 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 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.


Mark Twain
test
Last edit: 9 years 6 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.339 seconds