- Posts: 26
- Thank you received: 0
Kunena 7.0.4 Released
The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0
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.
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.
Sticky [Merged topic] How to create category icons
14 years 9 months ago #101627
by Vue
Replied by Vue on topic Re: Different Image For Each Category..
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;
}
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.
14 years 9 months ago - 14 years 9 months ago #101629
by @quila
Replied by @quila on topic Re: Different Image For Each Category..
Hi,
in this way can not show image, you must to change number 88 in your categoryID.
So try to add this code:
Are you correct with GIF images, should not be a PNG??
in this way can not show image, you must to change number 88 in your categoryID.
So try to add this code:
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: 14 years 9 months ago by @quila.
Please Log in or Create an account to join the conversation.
14 years 9 months ago - 14 years 9 months ago #101630
by Vue
Replied by Vue on topic Re: Different Image For Each Category..
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..
9_cat1_image1.gif
9_cat1_image2.gif
9_cat1_image3.gif
Oh.. i see wht you mean..
Last edit: 14 years 9 months ago by Vue.
Please Log in or Create an account to join the conversation.
14 years 9 months ago #101631
by @quila
Replied by @quila on topic Re: Different Image For Each Category..
Ok, now insert code above in base.css ^^
Please Log in or Create an account to join the conversation.
14 years 9 months ago #101632
by Vue
Replied by Vue on topic Re: Different Image For Each Category..
Cool it works from the bass.css
Thanks a lot for the tips :laugh:
Thanks a lot for the tips :laugh:
Please Log in or Create an account to join the conversation.
14 years 9 months ago - 14 years 9 months ago #101634
by @quila
Replied by @quila on topic Re: Different Image For Each Category..
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)
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: 14 years 9 months ago by @quila.
Please Log in or Create an account to join the conversation.
Time to create page: 0.244 seconds