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

Go down

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

Post by Laura-8898 on 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
avatar
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 on 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.

avatar
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 on 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
avatar
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 on August 4th 2018, 8:04 am

Yes you can put it anywhere as you prefer. (like at the very top of the stylesheet)
avatar
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 on 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
avatar
ChanelW
Forumember

Female Posts : 119
Reputation : 16
Language : English

Back to top Go down

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

Post by mpelmmc on 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:

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

Best regards.



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 893
Reputation : 136
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 on 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.



avatar
APE
Administrator
Administrator

Male Posts : 13391
Reputation : 1421
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 on 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
avatar
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 on 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
avatar
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 on 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
avatar
ChanelW
Forumember

Female Posts : 119
Reputation : 16
Language : English

Back to top Go down

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

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

It depends on how the coding looks.



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

Male Posts : 44556
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.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 on 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 -->
avatar
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 on August 5th 2018, 3:45 am

That is not CSS.



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

Male Posts : 44556
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.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 on 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 -->
avatar
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 on 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.



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

Male Posts : 44556
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.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 on 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.
avatar
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 on 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.



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

Male Posts : 44556
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

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

Post by APE on August 5th 2018, 4:48 am

you can add it on your home page or widgets,



avatar
APE
Administrator
Administrator

Male Posts : 13391
Reputation : 1421
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 on August 5th 2018, 5:01 am

Well, Mark's idea didn't work...I keep getting this error message:


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



avatar
APE
Administrator
Administrator

Male Posts : 13391
Reputation : 1421
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 on August 5th 2018, 5:31 am

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

http://unforgettabledesigns.forumotion.com/
avatar
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 on 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
avatar
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 on August 5th 2018, 7:02 pm




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

Male Posts : 44556
Reputation : 3158
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

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

Post by APE on August 5th 2018, 9:47 pm

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



avatar
APE
Administrator
Administrator

Male Posts : 13391
Reputation : 1421
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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