×
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

Question *SOLVED* How-to: CSS Speech Bubbles & Topmenu links into Profilebox ..

More
11 years 9 months ago - 11 years 9 months ago #1 by EDimNETZ
Hi all,

trying to customize my Kunena board. So far it went very well. :cheer:
But I have two questions remaining.
(You can have a look at the work in progress here: www.my-heimkino.de/index.php/forum)


Question 1:
I\'m trying to have the different forum posts be in css speech bubbles.
I followed this tutorial: net.tutsplus.com/videos/screencasts/fun-with-css-shapes/
But I just can\'t seem to get it right ... is there someone that can help me? :unsure:

Question 2:
I removed the topmenu-bar (the one saying \"Recent Discussions\", \"My Discussions\", \"Categories\" etc.) with the css-tag \"display: none\".
But now I wan\'t to display the \"My Discussions\" link in the \"Welcome box\" (where the avatar is).
How do I do that? :blush:


Thanks for any help in advance.
Eddy
Last edit: 11 years 9 months ago by EDimNETZ.

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

More
11 years 9 months ago - 11 years 9 months ago #2 by svanschu
Question 1:
I think you have to rewrite the template totally. You have your div with the id msgtext in that you have to put the span object...its not easy at all
you should finf the neede thing in the message.php line 81
<div class = "msgtext"><?php echo $msg_text; ?></div>
to
<div class = "msgtext"><?php echo $msg_text; ?><span class="arrow" /></div>
Did you try this?

Question 2:
The file which make that box is the profilebox.php you find it int template/default/plugin/profilebox

Kunena Contributor & Language Coordinator
Kunena Birthday Module
No Kunena Support over e-mail or private messaging! Please use our forum.
Last edit: 11 years 9 months ago by svanschu.

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

More
11 years 9 months ago #3 by EDimNETZ
Hey Ida,

thank you very much. :woohoo:
Unfortunately I should have mentioned that I'm not a coder. :blush:



Concerning question 1:
I added that span class to the message.php like you said (it was actually around line 231).
And then I "tried" to add the css to the template. I added the following code in different variants. But nothing worked.
div.msgtext{overflow:hidden;
	background-color: #c0c0c0;
	padding: 25px;
}
span.arrow{  
 width: 0;  
 height: 0;  
 line-height: 0;  
 border-bottom: 25px solid #c0c0c0;  
 border-right: 50px solid white;  
 position: absolute;  
 top: -24px;  
 left: 20px;  
}



Concerning question 2:
Ok, I think I found the concerning line in the profilebox.php
But I don't know which code to add. This is what I added to line 125:
<?php echo $jr_myposts ; ?>
And - yes! :woohoo: - there appeared a link in the profilebox to "show my posts".
But the link takes me nowehere - to be exact: my-heimkino.de/index.php/forum?func=show...task=showmsg&auth=63
That takes me to starting point of my forum but not my latest posts. :huh:


Could you point me to where I did something wrong?
I'm sorry for the hassle ... :unsure:

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

More
11 years 9 months ago #4 by svanschu
Question 1: Where do you add the code? I don't find it on your site you postet the link ;)

Question 2: comming sone had to look into code

Kunena Contributor & Language Coordinator
Kunena Birthday Module
No Kunena Support over e-mail or private messaging! Please use our forum.

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

More
11 years 9 months ago #5 by grumblemarc
I've been following this. Actually very very little of this is CSS based. The templates and code are wrapped up very tightly. Some files have CSS styling directly in them. Both of your original requests are pretty much code based.

We love stars on the Joomla Extension Directory . :-)

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

More
11 years 9 months ago #6 by svanschu
Well for the second grumble is right..you have to look for very much code and i dont find it right now out.....

The first schould be possible....ahhh you forgett the position:relativ in the div.msgtext and delete the overflow hidden....

Kunena Contributor & Language Coordinator
Kunena Birthday Module
No Kunena Support over e-mail or private messaging! Please use our forum.

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

More
11 years 9 months ago #7 by grumblemarc
The first should be possible. Just not easy.

We love stars on the Joomla Extension Directory . :-)

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

More
11 years 9 months ago #8 by svanschu
Question 2:

Go to template/default/plugin/profilebox/profilebox.php there should stand something like that
| <a href = "<?php echo $annlink;?>"><?php echo _ANN_ANNOUNCEMENTS; ?> </a>
<?php } ?>
line 152 for me

edit this so it looks like this
| <a href = "<?php echo $annlink;?>"><?php echo _ANN_ANNOUNCEMENTS; ?> </a>
<?php }
if ($my->id != 0)
    {
	    echo ' | '.CKunenaLink::GetShowMyLatestLink(_KUNENA_MY_DISCUSSIONS);
    } ?>

That works for me

Kunena Contributor & Language Coordinator
Kunena Birthday Module
No Kunena Support over e-mail or private messaging! Please use our forum.

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

More
11 years 9 months ago #9 by EDimNETZ
Ok, after a little hassle:
THANK YOU GUYS!!!! :woohoo:

It worked - almost - perfectly!
Had to try out different things, but I'm so glad it's working now!
Thank you very much, Ida.
Couldn't have done it without you.
(And yes, grumblemarc, you're right - I changed the topic)


To get the "My Discussion" link into the profilebox:
Here's the code I used (profilebox.php - around line 125):
| <?php if ($my->id != 0) {echo '  '.CKunenaLink::GetShowMyLatestLink(_PROFILEBOX_SHOW_MYPOSTS); } ?> |


To get CSS speech bubbles:
1) Modify message.php (add the span class to the div)
<div class = "msgtext"><?php echo $msg_text; ?><span class="arrow" / ></div>

2) Then edit your template's CSS - edit the tag "div.msgtext" and a the tag "span.arrow" as below:
div.msgtext{
 position: relative;
 background-color: #fff;
 padding: 25px;
}
span.arrow{  
 width: 0;  
 height: 0;  
 line-height: 0;  
 border-left:  30px solid #f1f1f1;
 border-bottom: 15px solid white;  
 position: absolute;  
 top: 20px; 
 left: -30px;
}


See the live example here: www.my-heimkino.de/index.php/forum
(Still work in progress ...)

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

More
11 years 9 months ago #10 by grumblemarc
No images involved to create that "bubble"?

We love stars on the Joomla Extension Directory . :-)

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