I'm around and round we go
Moderator
Aug 3, 2014 19:53:21 GMT -5
Toggle Shoutbox (Smangii's Shoutbox)(Same code used here on SI)
Download plugin here: ToggleShoutbox_by_Smangii.pbp (1.39 KB)
Ultimately the plugin is just an easy way to add the cookie. The real magic of hiding and showing the shoutbox comes with CSS!
This is the current CSS used on SI to hide and show the shoutbox from the bottom right with hover.
Add this CSS to your stylesheet on a specific theme, or into your global headers/footers surrounded by <style> </style> tags if you use multiple themes and want this shoutbox to appear and disappear the same way on every theme.
You may need to adjust the
margin-bottom: -330px; to get the shoutbox to properly hide off the screen. Feel free to adjust and mess with other properties, or simply as below and we can come up with your own hide and show act.
#smangiishoutbox {
z-index: 999; position: fixed; bottom: 0px; right: 10%;
}
.shoutbox {
width: 350px;
margin-bottom: -330px;
transition: .75s ease-out;
-webkit-transition: .75s ease-out;
-moz-transition: .75s ease-out;
transition-delay: 2s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
opacity: 0.8;
}
.shoutbox:hover {
margin-bottom: 0px;
transition: .2s ease-in;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
transition-delay: 0s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
opacity: 1;
}
May 13, 2015 12:49:22 GMT -5
Smangii can you by chance upload this to the PB library? For some reason my computer will not let me upload to file/import the plugin.
May 14, 2015 12:29:52 GMT -5
Smangii @hadesolympian if it's any consolation, it won't work for me either. Not sure why.
I suspect it's a PB problem so I will go annoy the admins and see if it is their end
Will keep you informed (or I guess just keep checking the support board on PBS)
Edit: Wait. I tested another .pbp from PBS (key viewer). I downloaded the attachment and it messed up too but differently. When it took me to the "about" bit, I then went to the navigation > plugins > manage, and now
Smangii's plugin is there, but with no checkbox - meaning I can't delete it etc lol
Edit 2:
Posted the thread here -
support.proboards.com/thread/550176/uploading-plugins-working-repeating
I'm around and round we go
OP
Moderator
May 15, 2015 8:48:41 GMT -5
I could've sworn I did put this in the library... but maybe not. I will double check. I made 2 versions of this I think.
If you need me to re-upload let me know?
May 15, 2015 8:50:58 GMT -5
I could've sworn I did put this in the library... but maybe not. I will double check. I made 2 versions of this I think.
If you need me to re-upload let me know?
I think re-uploading is the best thing since the attachment didn't work for me or @hadesolympian
I'm around and round we go
OP
Moderator
May 15, 2015 8:54:04 GMT -5
I could've sworn I did put this in the library... but maybe not. I will double check. I made 2 versions of this I think.
If you need me to re-upload let me know?
I think re-uploading is the best thing since the attachment didn't work for me or @hadesolympian
I was afraid you'd say that... now I have to find it
Its on my other computer, of course. You are lucky I'm hungry or I would not be getting out of bed.
I need cloud storage or something to hold all this stuff.
May 15, 2015 9:01:21 GMT -5
Smangii personally I can't see the plugin when I look in the library for "shoutbox" (only
5 results show)
May 15, 2015 10:02:38 GMT -5
I think re-uploading is the best thing since the attachment didn't work for me or @hadesolympian
I was afraid you'd say that... now I have to find it
Its on my other computer, of course. You are lucky I'm hungry or I would not be getting out of bed.
I need cloud storage or something to hold all this stuff.
Smangii, you have Dropbox right? Isn't that cloud storage? I know you could use Google Drive.
Jun 21, 2015 20:14:58 GMT -5
Smangii; Is there another way to get this plug-in? It won't allow me to upload it properly.
Jun 23, 2015 20:43:49 GMT -5
Smangii the code and plugin both dont work for me
Sept 7, 2015 6:15:27 GMT -5
Dear Smangii ,
I have downloaded and uploaded this plugin somewhere in March this year on one of my testing sites and I was really excited to see it working perfectly. (It still works as it should.)
However, now when I try to upload it on my other site, error pops up:
The file did not upload successfully. Please try again.
If I refresh the plugin manage page, it shows 'Toggle Shoutbox 1.0.0' on the list.
I tried to copy/paste the code to see what happens. It changes the shape of the shoubox and moves it to the bottom of the page while my site can be scrolled up and down.
I am not a coder so my knowledge is very limited. I'm sorry for bothering but I hope you could help me somehow.
Thank you for your time and Have a nice day!
Rebecca(19.11.'17.) Edit: I installed it on my site today and it works perfectly now. I don't understand why it didn't work back then. Thank you for making this plugin.
Oct 11, 2015 11:30:48 GMT -5
Hang on, I found out a way to fix this! Click on the link to edit it, mess with stuff or simply save it, then you'll see there's a checkbox when you go back to the plugins list. c:
EDIT:
Idk where to put the CSS, I tried to do it in footer, but it didn't stick to the bottom right like it does here ;-;
Dec 22, 2015 7:26:49 GMT -5
It gives you an error when you upload it, but if you refresh the page, it appears.
One problem though, it the shoutbox won't appear on my forum...
The CSS doesn't seem to work either....
You did say you reuploaded it though, where is that? It isn't on the PB library.
Jun 4, 2016 15:07:49 GMT -5
Smangii Unfortunately, the plugin doesn't work for me either, and this is a year later. The error message still pops up.
EDIT: never mind, I read the rest of the thread and I got it to work!
EDIT 2: I got the code to work, but the shout box is giving me one hell of a hard time. For some reason, it doesn't work smoothly at all like the one in this site, but rather the full shoutbox can be seen, and an ugly scrollbar is right next to it. Do you know any way to get rid of that?
Here's how it currently is on my forum I'm still setting up
drsmokeandmirrors.proboards.com/I have given up on this code ;-;
Sept 28, 2016 6:30:46 GMT -5
It doesn't work for me on "M" theme.
Oct 31, 2017 11:40:10 GMT -5
Hello
Smangii I have the Button in Menu set to Yes:
and want to change the Shoutbox text in
red to another text title.
By the way, this plugin is working just fine on my end.
I'm around and round we go
OP
Moderator
Nov 18, 2017 10:10:41 GMT -5
Hello
Smangii I have the Button in Menu set to Yes:
and want to change the Shoutbox text in
red to another text title.
By the way, this plugin is working just fine on my end.
You have the option to rename it to anything by using:
<a href="javascript:void(0);" onClick="setShoutbox()">My Cool Shoutbox Name</a>
You can add that to where your navigation menu stuff is in your Forum Wrapper layout template.
Nov 18, 2017 12:23:19 GMT -5
Understood and did the changes in the Forum Wrapper layout template.
doing the thing that does the thing
Mar 14, 2018 15:21:35 GMT -5
NMV I lied. This plugin still works.
It also works in conjunction with the Show/Hide shoutbox plugin in the library (https://www.proboards.com/library/plugins/item/436), so you can disable the navigation bar Show/Hide button, and have one right inside the shoutbox itself.
Mar 15, 2019 17:35:00 GMT -5
This is not working for me. I added it and everything and when I click shoutbox in the navigation menu nothing shows up.