In the beginning, before we started RumbleTalk, we had a community website with a software package we used to sell for web designers. We had a large number of listed members and we wanted to add an extra way to allow the group to engage with us (the site owner) and with each other. We thought that a chat room in addition to our forum will do the work.
We looked a lot to find a good nice looking chat, one that designers would appreciate. We looked for something unique that we can add easily to our website. One major factor in our research was our need to customize the chat, really customize it, not only change the chat colors, but also the ability to change borders, line thickness, chat background images, fonts and more. As you can imagine, we could not find any service or downloadable chat software for group chatting with customization abilities.
What we found is a variety of FLASH chat rooms, old style, non mobile friendly with very little options to customize anything. So we had no choice, we could not find anything suitable for our needs and…mmmm…well, it looked awful. We tried one or two services but the result was that it always looked like someone forced a non related chat design with non customizable chat background to our nice looking, well designed community website.
This is why we thought to initiate the creation of RumbleTalk group chat service. Our vision was that website owners will be able to do pretty much anything themselves. They could create and embed the chat easily, set it up to match their website design, Put it offline, Change the design and your chat background on the spot. And that’s my friends the way RumbleTalk was born.
It took a while to make it neat but after a lot of work, we launched RumbleTalk chat service.
Today RumbleTalk have three major areas where users can DIY (do it your self) with respect to design and customization.
We have created several themes that are presented in our skins library. Currently we have over 20 different group chat design, some with stylish chat backgrounds, some with plain colors and some with transparent chat background. This makes it easy for a chat owner to choose an already made theme (skin) and change it to his/her liking. These themes can be changed on the spot, so even during a conversation, the design can be changed, the background can be modified so users will see it in their next refresh of the page.
Customizing Chat Background and Style
Every chat can be designed and changed using the “Advanced design” option. Users can control any aspect of the chat, load images as your chat background, their logos, change borders, color, fonts, dimensions…etc.
For example, if one wish to change only the user list background of the chat (on the left), he than simply go to the Advance design -> Users List Tab -> and change the chat users list background color to his own liking.
The chat will look like the image below once saved.
Note, changes to the design can be made at any given moment, even if 10000 people are currently talking in the chat room. The changes will be seen by chatters, only after a reloading the page where the chat is located (refresh).
Experts CSS design
For those who have advance CSS knowledge, we have created a CSS tab in the “Advance design” page were any css expert can change EVERYTHING, any design, from chat backgrounds, fonts, padding..and much more. We even created a list of CSS tricks that we collected for users.
You may see here the tab in the Advanced-design that allows you to add your own css code. In this example we changed the default user icon in case one is logged in as a guest.
See the result of the css change in the below image.
This are the 3 option for design. But still one question customers kept on asking
How do I change the chat background image ?
Let me explain first, one of the features in the designed area was changing your chat background.
A person could made an awesome chat by using any image (url) to change the look and feel.
But people wanted to upload their own chat background image. Something they pictures or a photo they took. Some had no option to upload the image to the cloud.
Once we understood it, we released an option to upload your own image to our cloud. This was done in addition to the option to add the chat background url stored in other websites.
This means that people could change and custom their chat background even more by using and uploading their own images.
The upload option is used by clicking on the green button and choosing the image from your a computer. It can be found in two places, in the advance design and in the floating image tab in the setting area. We will cover the floating image option in another post.