{"id":1200,"date":"2015-02-12T11:04:55","date_gmt":"2015-02-12T11:04:55","guid":{"rendered":"http:\/\/www.rumbletalk.com\/blog\/?p=1200"},"modified":"2024-10-03T03:25:01","modified_gmt":"2024-10-03T03:25:01","slug":"see-how-we-designed-a-new-chat-room-style-only-with-css-modifications","status":"publish","type":"post","link":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/","title":{"rendered":"See how we designed a new chat room style only with CSS modifications."},"content":{"rendered":"

One of RumbleTalk feature that was released in the past was the ability to personalize your chat room style using CSS. Since that first feature was introduced, many customers created an astonishing chat rooms in different shape and styles. This option gives creative minds the ability to build a unique chat room view.<\/p>\n

One of our designer took the time to create a great chat room skin with only CSS modifications. The result was pretty amazing<\/strong>. We are going to package and use this skin as one of our default offered skins.\u00a0This means that soon you will be able to switch your chat room style to this news advanced chat room.<\/p>\n

For those who are not familiar with this option, you can find it in the
\nAdmin panel –> Settings —> Advance Design.<\/p>\n

CSS Editor changes will reflect immediately in the design on the right.<\/p>\n

\"chat<\/a><\/p>\n

Note, once you move to the CSS mode, you cannot go back to the visual editor without deleting all your modifications. This means one needs to choose a visual mode or a CSS design.<\/p>\n

** CSS editor should be used by a person well known with CSS styling. If not, the chat design may not load.<\/p>\n","protected":false},"excerpt":{"rendered":"

One of RumbleTalk feature that was released in the past was the ability to personalize your chat room style using CSS. Since that first feature was introduced, many customers created an astonishing chat rooms in different shape and styles. This option gives creative minds the ability to build a unique chat room view. One of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"featured_image_url":"","seo_focus_kw":"","seo_meta_desc":""},"categories":[11,41,9],"tags":[49],"acf":[],"yoast_head":"\nWe designed a new chat room style<\/title>\n<meta name=\"description\" content=\"With only CSS modifications, we created a new chat room style. If you have CSS knowledge, then you can also do this!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"We designed a new chat room style\" \/>\n<meta property=\"og:description\" content=\"With only CSS modifications, we created a new chat room style. If you have CSS knowledge, then you can also do this!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rumbletalk\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-12T11:04:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-03T03:25:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2015\/02\/2015-02-12_1225.png\" \/>\n<meta name=\"author\" content=\"Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/\",\"name\":\"We designed a new chat room style\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2015-02-12T11:04:55+00:00\",\"dateModified\":\"2024-10-03T03:25:01+00:00\",\"author\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/25d71b46ff2470eaf367d02f9d47726c\"},\"description\":\"With only CSS modifications, we created a new chat room style. If you have CSS knowledge, then you can also do this!\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"See how we designed a new chat room style only with CSS modifications.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\",\"url\":\"https:\/\/rumbletalk.com\/blog\/\",\"name\":\"Online Group Chat Plugin for Websites and Event\",\"description\":\"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/25d71b46ff2470eaf367d02f9d47726c\",\"name\":\"Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g\",\"caption\":\"Editor\"},\"description\":\"This is the admin of the kingdom :)\",\"sameAs\":[\"https:\/\/rumbletalk.com\"],\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"We designed a new chat room style","description":"With only CSS modifications, we created a new chat room style. If you have CSS knowledge, then you can also do this!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/","og_locale":"en_US","og_type":"article","og_title":"We designed a new chat room style","og_description":"With only CSS modifications, we created a new chat room style. If you have CSS knowledge, then you can also do this!","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_published_time":"2015-02-12T11:04:55+00:00","article_modified_time":"2024-10-03T03:25:01+00:00","og_image":[{"url":"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2015\/02\/2015-02-12_1225.png"}],"author":"Editor","twitter_card":"summary_large_image","twitter_creator":"@rumbletalk","twitter_site":"@rumbletalk","twitter_misc":{"Written by":"Editor","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/","name":"We designed a new chat room style","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2015-02-12T11:04:55+00:00","dateModified":"2024-10-03T03:25:01+00:00","author":{"@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/25d71b46ff2470eaf367d02f9d47726c"},"description":"With only CSS modifications, we created a new chat room style. If you have CSS knowledge, then you can also do this!","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2015\/02\/12\/see-how-we-designed-a-new-chat-room-style-only-with-css-modifications\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"See how we designed a new chat room style only with CSS modifications."}]},{"@type":"WebSite","@id":"https:\/\/rumbletalk.com\/blog\/#website","url":"https:\/\/rumbletalk.com\/blog\/","name":"Online Group Chat Plugin for Websites and Event","description":"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/25d71b46ff2470eaf367d02f9d47726c","name":"Editor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g","caption":"Editor"},"description":"This is the admin of the kingdom :)","sameAs":["https:\/\/rumbletalk.com"],"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1200"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=1200"}],"version-history":[{"count":24,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1200\/revisions"}],"predecessor-version":[{"id":16787,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1200\/revisions\/16787"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}