×
Kunena 5.2 RC 1 Released (25 Oct 2020)

The Kunena team is thrilled to announce the first public release candidate 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 RC1 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.

× Please note: The Kunena project team takes NO responsibility for maintaining nor supporting anything in this category.

Idea K 3.0 speech bubble concept

More
6 years 4 months ago - 6 years 3 months ago #1 by sozzled
Nearly 5 years ago, I had an idea to display the Kunena posts as "speech bubbles".

The problem was that it was not easy to do in K 1.0 and the idea only worked for an old Kunena template that does not exist any more.

Recently I revisited this idea and here is a sample of what it looks like:



This idea does not require any changes to the Kunena source code - everything is done in CSS. I have tested this with the current versions of Mozilla Firefox, Internet Explorer, Safari and Google Chrome.

The idea looks best if the user profile is displayed on the right of the post. Obviously you could adapt the idea to use if the user profile is displayed on the left or the top or the bottom of the post (I will leave you to figure this out).

The CSS is as follows:
/* "Speech bubble" /*
 
#Kunena div.kmsgbody div.kmsgtext {
    background-color: #F1F1F1;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: inherit;
    padding: 5px;
}
#Kunena div.kmsgbody div.kmsgtext:before {
    border-bottom: 15px solid transparent;
    border-left: 40px solid #F1F1F1;
    content: "";
    float: right;
    position: relative;
    right: -38px;
}
#Kunena td.kmessage-right {
    background-color: transparent;
}
Attachments:
Last edit: 6 years 3 months ago by sozzled.

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