The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Adding A CBox Chat Box & How To Upload Images From My Computer

+2
E-Mark
Laura-8898
6 posters

Go down

Solved Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 4th 2018, 7:40 am

I just migrated here from Aimoo, and I'm not familiar with the CSS over here in Forumotion, so everything is so different to me. I would like to add a CBox Chat Box, but I do not know where to add it on the CSS page here, and I'm not even sure if it is allowed here or not. I know how to get the code off of the CBox site, but when it comes to putting it into a CSS that already has a bunch of code on it, I'm totally lost.

My group is http://unforgettabledesigns.forumotion.com/. I just opened the group up not too long ago.

Also...how do you upload images from your computer into a post? I have tried multiple times, and have not had any luck, and I did pay for storage, so I'm still lost on this one, too. I know how to post images from my Fotki account, and I'm not having any problems posting them...I was just wondering if there was a way to post them directly from my computer.

Thanks for your help!

Laura
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by E-Mark August 4th 2018, 7:46 am

CSS codes can be added at Admin CP > Display > Pictures and Colors > Colors > CSS Stylesheet.

For uploading images, forumotion uses servimg to host images. So you must click the "Host an image" button (first image) first and browse the image directly from your computer, then click the "Insert Image" button (second image) and paste the url of the image to enclose it with the [ img][ /img] tag.
Adding A CBox Chat Box & How To Upload Images From My Computer Untitl10
Adding A CBox Chat Box & How To Upload Images From My Computer Untitl11
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 4th 2018, 7:59 am

So does it matter where I put the code...can I post it at the top of the other codes that are already there?

I do not want to mess up anything with the group, because I worked all day on it,
and it about wore me out. I'm pushing 60 here, and I'm not a young chick anymore. LOL
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by E-Mark August 4th 2018, 8:04 am

Yes you can put it anywhere as you prefer. (like at the very top of the stylesheet)
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by ChanelW August 4th 2018, 10:19 am

Hi @Laura-8898,

This may be an easier way to add a chat box to your forum https://help.forumotion.com/t3343-the-chatbox

Regards,
Chanel Smile
ChanelW
ChanelW
Forumember

Female Posts : 218
Reputation : 35
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by mpelmmc August 4th 2018, 2:27 pm

Please @Laura-8898 check the replies above and let us know if your doubt has been solved by clicking this button you can find at the very top of this post: Adding A CBox Chat Box & How To Upload Images From My Computer Dc6a6c95260a3472d5f57fa52cb9969d

If you still have doubts don't hesitate to ask thumleft

Best regards.
mpelmmc
mpelmmc
Helper
Helper

Male Posts : 1092
Reputation : 170
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Ape August 4th 2018, 3:10 pm

Hello and welcome @Laura-8898

Just a thought....
Are you sure it's a CSS files you have from your host cbox ?

I ask this as most of the time the codes come as a HTML file you add to your site.

if you are not sure please post a link to the cbox site and I can take a look for you and tell you on the places to add the code's.

Kind reagards.

APE.


Adding A CBox Chat Box & How To Upload Images From My Computer Left1212Adding A CBox Chat Box & How To Upload Images From My Computer Center11Adding A CBox Chat Box & How To Upload Images From My Computer Right112
Adding A CBox Chat Box & How To Upload Images From My Computer Ape_b110
Adding A CBox Chat Box & How To Upload Images From My Computer Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 12:30 am

I'll message you the link to my CBox, Ape.


Last edited by Laura-8898 on August 5th 2018, 3:18 am; edited 1 time in total
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 12:52 am

The ladies in my group are not fond of the Chat Box that is provided by Forumotion. They prefer CBox over it. That's why I was asking if there was a way to enter my code somewhere, so that it would show up on my board. Over in Aimoo, all we had to do is enter it into a CSS box, and it would show up on the board. That's why I was asking about the CSS Stylesheet. I just wanted to make sure that was where I was suppose to enter it. I do not know much about html codes...just a little, so I wasn't sure exactly where to put it, so that it would be located up under the header on our board, just like where the Forumotion Chat Box is located. That's where I want the CBox Chat Box to be. Plus, I wanted to make sure that it wasn't going to mess up my Hitskin, as well. I greatly appreciate any help or any advice that you can give me. Thanks!

Laura
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by ChanelW August 5th 2018, 12:59 am

Hi There,

That makes sense, I was thinking it was way more simpler to activate it manually. It looks like APE will assist you with implementing the code! Good luck Wink

Regards,
Chanel Smile
ChanelW
ChanelW
Forumember

Female Posts : 218
Reputation : 35
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by SLGray August 5th 2018, 3:41 am

It depends on how the coding looks.


Adding A CBox Chat Box & How To Upload Images From My Computer Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 3:42 am

It looks like this:

<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 750px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 256px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="https://www7.cbox.ws/box/?boxid=834653&boxtag=hq6bfs&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain7-834653" id="cboxmain7-834653"></iframe></div>
<div style="position: relative; height: 144px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="https://www7.cbox.ws/box/?boxid=834653&boxtag=hq6bfs&sec=form" allow="autoplay" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-834653" id="cboxform7-834653"></iframe></div>
</div>
<!-- END CBOX -->
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by SLGray August 5th 2018, 3:45 am

That is not CSS.


Adding A CBox Chat Box & How To Upload Images From My Computer Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by E-Mark August 5th 2018, 3:48 am

If that's the code then try going to Admin CP > Display > Templates > General > index_body (Click the gear icon to modify)
- Search in the templates this code: {CHATBOX_TOP}
- Now below it, you can add the code of your chatbox, use this one instead:
Code:
<!--- BEGIN CBOX www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 750px; font-size: 0; line-height: 0; padding: 10px 0;">
<div style="position: relative; height: 256px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="https://www7.cbox.ws/box/?boxid=834653&boxtag=hq6bfs&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain7-834653" id="cboxmain7-834653"></iframe></div>
<div style="position: relative; height: 144px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="https://www7.cbox.ws/box/?boxid=834653&boxtag=hq6bfs&sec=form" allow="autoplay" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-834653" id="cboxform7-834653"></iframe></div>
</div>
<!--- END CBOX -->
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by SLGray August 5th 2018, 3:49 am

Do you want it on all pages? 

If you have HMTL activated for the all forum, you can add it to a post, in the homepage messages, in an announcement, in a widget, etc.


Adding A CBox Chat Box & How To Upload Images From My Computer Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 3:54 am

I'm so sorry I have caused so much trouble, but I have no knowledge of HTML codes, except how to change colors & font sizes,
so I wouldn't know what is CSS or HTML is. I'm an older lady, and I'm still learning these things. I will go and try that, and get back with you, to let you know if it works. Thanks so very much.
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by SLGray August 5th 2018, 3:57 am

CSS is like this:
Code:
body {
    min-height: 100%;
    overflow: auto;
    position: relative;
    word-wrap: break-word;
}

HTML is what your code is.


Adding A CBox Chat Box & How To Upload Images From My Computer Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Ape August 5th 2018, 4:48 am

you can add it on your home page or widgets,


Adding A CBox Chat Box & How To Upload Images From My Computer Left1212Adding A CBox Chat Box & How To Upload Images From My Computer Center11Adding A CBox Chat Box & How To Upload Images From My Computer Right112
Adding A CBox Chat Box & How To Upload Images From My Computer Ape_b110
Adding A CBox Chat Box & How To Upload Images From My Computer Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 5:01 am

Well, Mark's idea didn't work...I keep getting this error message:
Adding A CBox Chat Box & How To Upload Images From My Computer Cats10

1 - As far as widgets go, I don't know the first thing about them, or how to even set one up on my board.

2 - If I post that code in a message, is it just going to stay in the message? That won't work. We need a good working chat box on at least the front page, if not all pages.
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by E-Mark August 5th 2018, 5:02 am

Use this one instead:
Code:
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 750px; font-size: 0; line-height: 0; padding: 10px 0;">
<div style="position: relative; height: 256px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="https://www7.cbox.ws/box/?boxid=834653&boxtag=hq6bfs&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain7-834653" id="cboxmain7-834653"></iframe></div>
<div style="position: relative; height: 144px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="https://www7.cbox.ws/box/?boxid=834653&boxtag=hq6bfs&sec=form" allow="autoplay" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-834653" id="cboxform7-834653"></iframe></div>
</div>

or as stated by APE, you can simply put it inside Admin CP > Display > Homepage > Generalities > Homepage Message:
- Message Content: Put here the HTML code.

But just in case you want to display the chatbox at all pages, then go to Admin CP > Display > Templates > General > overall_header (click the gear icon to modify):
- Search in templates this code: <div id="page-body">

then put the cbox code before the <div id="page-body"> line.
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 5:24 am

Well, adding it to the Homepage messed the whole top of the page up. There's nothing but a big box and it's totally blank, and now I can't remove it. How do I do that?

I decided to create a new chat box, over on CBox, and now I'm getting this code below...where should I try putting it?

<iframe src="https://www2.cbox.ws/box/?boxid=2403349&boxtag=cxqcym" width="700" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>


I need to get off of my computer, and head to bed. I will check my notifications tomorrow, on this matter.
Thanks for all of your help.

Laura
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Ape August 5th 2018, 5:27 am

remove the codes you have added on your forum then add the new code in your home page Wink

it will work fine i have tested it.


Adding A CBox Chat Box & How To Upload Images From My Computer Left1212Adding A CBox Chat Box & How To Upload Images From My Computer Center11Adding A CBox Chat Box & How To Upload Images From My Computer Right112
Adding A CBox Chat Box & How To Upload Images From My Computer Ape_b110
Adding A CBox Chat Box & How To Upload Images From My Computer Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 5:31 am

Nope...it's still showing a big blank box.

http://unforgettabledesigns.forumotion.com/
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Laura-8898 August 5th 2018, 4:11 pm

Not sure what I did this morning, but it's now working!
Thanks so very much, for all of your help!
It was greatly appreciated.

Laura
Laura-8898
Laura-8898
New Member

Female Posts : 11
Reputation : 1
Language : English
Location : NC-USA

http://unforgettabledesigns.forumotion.com/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by SLGray August 5th 2018, 7:02 pm



Adding A CBox Chat Box & How To Upload Images From My Computer Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Adding A CBox Chat Box & How To Upload Images From My Computer

Post by Ape August 5th 2018, 9:47 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


Adding A CBox Chat Box & How To Upload Images From My Computer Left1212Adding A CBox Chat Box & How To Upload Images From My Computer Center11Adding A CBox Chat Box & How To Upload Images From My Computer Right112
Adding A CBox Chat Box & How To Upload Images From My Computer Ape_b110
Adding A CBox Chat Box & How To Upload Images From My Computer Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum