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

Hi all,

trying to customize my Kunena board. So far it went very well.
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?

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

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 to Did you try this?

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

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.


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: 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 ...

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

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.

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

The first should be possible. Just not easy.

Question 2:

Go to template/default/plugin/profilebox/profilebox.php there should stand something like that line 152 for me

edit this so it looks like this

That works for me

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):

To get CSS speech bubbles:
1) Modify message.php (add the span class to the div)
2) Then edit your template's CSS - edit the tag "div.msgtext" and a the tag "span.arrow" as below:

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

No images involved to create that "bubble"?