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.
Question CSS Sprites
15 years 3 months ago - 15 years 3 months ago #79578
by Azure
"Do or do not, there is no try..."
Replied by Azure on topic Re: CSS Sprites
This is what I have inserted into kunena.forum.css as that appears to be the best place for it. I have also created a new folder within 'Iconsets' and named it 'Icons' and placed the sprite within
that. Anyhow, I'm not that handy with CSS (or indeed sprites :S) so would appreciate any pointers on whether or not I'm on the right trail with this and what obvious things I've missed in my endeavours.
I've attached the 'Smush'ed' sprite to get everyone excited. :laugh:
Thanks!
Azure
that. Anyhow, I'm not that handy with CSS (or indeed sprites :S) so would appreciate any pointers on whether or not I'm on the right trail with this and what obvious things I've missed in my endeavours.
I've attached the 'Smush'ed' sprite to get everyone excited. :laugh:
Thanks!
Azure
Code:
#container li {
background: url background: url("../default/media/iconsets/icons/default.png") no-repeat top left;
}
.arrow{ background-position: 0 0; width: 9px; height: 9px; }
.attach_generic{ background-position: 0 -59px; width: 32px; height: 32px; }
.attachment{ background-position: 0 -141px; width: 32px; height: 32px; }
.bottom_arrow{ background-position: 0 -223px; width: 18px; height: 15px; }
.favoritestar-grey{ background-position: 0 -288px; width: 16px; height: 16px; }
.favoritestar{ background-position: 0 -354px; width: 16px; height: 16px; }
.folder{ background-position: 0 -420px; width: 32px; height: 32px; }
.folder_nonew{ background-position: 0 -502px; width: 32px; height: 32px; }
.folder_nonew_sm{ background-position: 0 -584px; width: 16px; height: 16px; }
.folder_sm{ background-position: 0 -650px; width: 16px; height: 16px; }
.lock_sm{ background-position: 0 -716px; width: 16px; height: 16px; }
.pdf{ background-position: 0 -782px; width: 24px; height: 24px; }
.poll_add_options{ background-position: 0 -856px; width: 14px; height: 14px; }
.poll_rem_options{ background-position: 0 -920px; width: 14px; height: 14px; }
.rss{ background-position: 0 -984px; width: 24px; height: 24px; }
.stats{ background-position: 0 -1058px; width: 32px; height: 32px; }
.tmoder{ background-position: 0 -1140px; width: 16px; height: 16px; }
.top_arrow{ background-position: 0 -1206px; width: 18px; height: 15px; }
.topic-arrow{ background-position: 0 -1271px; width: 32px; height: 32px; }
.topic-default{ background-position: 0 -1353px; width: 32px; height: 32px; }
.topic-exclamation{ background-position: 0 -1435px; width: 32px; height: 32px; }
.topic-grin{ background-position: 0 -1517px; width: 32px; height: 32px; }
.topic-love{ background-position: 0 -1599px; width: 32px; height: 32px; }
.topic-mark{ background-position: 0 -1681px; width: 32px; height: 32px; }
.topic-question{ background-position: 0 -1763px; width: 32px; height: 32px; }
.topic-shock{ background-position: 0 -1845px; width: 32px; height: 32px; }
.topic-smile{ background-position: 0 -1927px; width: 32px; height: 32px; }
.tsticky{ background-position: -82px 0; width: 27px; height: 44px; }
.who_is_online{ background-position: -82px -94px; width: 32px; height: 32px; }
"Do or do not, there is no try..."
Last edit: 15 years 3 months ago by Azure.
Please Log in or Create an account to join the conversation.
- snilloconator
-
- Offline
- Premium Member
-
- aka snilly
15 years 3 months ago #79582
by snilloconator
Replied by snilloconator on topic Re: CSS Sprites
Very cool! I will look at adding some to my templates as well.
Please Log in or Create an account to join the conversation.
Time to create page: 0.443 seconds