{"id":1028,"date":"2014-08-26T14:40:15","date_gmt":"2014-08-26T14:40:15","guid":{"rendered":"http:\/\/www.rumbletalk.com\/blog\/?p=1028"},"modified":"2021-10-18T07:04:58","modified_gmt":"2021-10-18T07:04:58","slug":"case-study-chat-box-options-worth-knowing","status":"publish","type":"post","link":"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/","title":{"rendered":"Case Study: DittyTV using chat box features worth knowing"},"content":{"rendered":"<p>I know, this is a case study, but first let&#8217;s talk about good design. Just before we start, let&#8217;s clear up the fact that this is a design post about the ability to design your own chat box style. This means that one may use the various chat box features to integrate and design his own chat theme.<\/p>\n<h2>Deign chat box features<\/h2>\n<p>Here is an\u00a0example of how simple to create a great design using the powerful tool that let you DIY. In general, there are 4 ways to design your own chat style.<\/p>\n<ol>\n<li><a href=\"https:\/\/www.rumbletalk.com\/blog\/index.php\/2016\/10\/31\/chat-theme\/\"><strong>Chat Skins<\/strong><\/a> &#8211; choose from our pre-made chat room designs<\/li>\n<li><strong>Chat advanced design<\/strong> &#8211; easy to create your own style via quick visual settings.<\/li>\n<li><strong>Easy CSS\u00a0<\/strong> &#8211; this is for advanced designers. If you know CSS you can create your own custom chat room.<\/li>\n<li><strong>Floating icon<\/strong> &#8211; if you choose to use a floating chat (in oppose to in-page embedded chat) you can also design your own icon style.<\/li>\n<\/ol>\n<p>From time to time we see a <span style=\"color: #008000;\">great chat design<\/span> made by capable people.<br \/>\nOne that worth mentioning is the chat box designed in the <a title=\"dittytv chat box\" href=\"https:\/\/dittytv.com\/watch\/\">dittytv\u00a0 <\/a>(American music television) website (see above). They use advanced CSS design in addition to designing their own floating icon. They choose to have a transparent background so the chat looks as part of the actual website design.<\/p>\n<p><a href=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20211018070439\/dittytv-css.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-11914 aligncenter\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20211018070439\/dittytv-css.jpg\" alt=\"\" width=\"675\" height=\"347\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20211018070439\/dittytv-css.jpg 675w, https:\/\/d241b8qep9dzid.cloudfront.net\/20211018070439\/dittytv-css-300x154.jpg 300w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/a><\/p>\n<p>If you like the design, you can give <a title=\"facebook\" href=\"https:\/\/www.facebook.com\/DittyTV\">them<\/a> a like.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I know, this is a case study, but first let&#8217;s talk about good design. Just before we start, let&#8217;s clear up the fact that this is a design post about the ability to design your own chat box style. This means that one may use the various chat box features to integrate and design his [&hellip;]<\/p>\n","protected":false},"author":2,"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":[9],"tags":[83,49,90],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: DittyTV using chat box features worth knowing<\/title>\n<meta name=\"description\" content=\"This is a design post using a Case Study example of DittyTV. Learn more about chat box features that help you design a stunning chat room theme.\" \/>\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\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: DittyTV using chat box features worth knowing\" \/>\n<meta property=\"og:description\" content=\"This is a design post using a Case Study example of DittyTV. Learn more about chat box features that help you design a stunning chat room theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/\" \/>\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=\"2014-08-26T14:40:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-18T07:04:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2014\/08\/dittytv-css.jpg\" \/>\n<meta name=\"author\" content=\"Eyal\" \/>\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=\"Eyal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/\",\"name\":\"Case Study: DittyTV using chat box features worth knowing\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2014-08-26T14:40:15+00:00\",\"dateModified\":\"2021-10-18T07:04:58+00:00\",\"author\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/7c282b2a9db21e0889558ab4b26878ea\"},\"description\":\"This is a design post using a Case Study example of DittyTV. Learn more about chat box features that help you design a stunning chat room theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: DittyTV using chat box features worth knowing\"}]},{\"@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\/7c282b2a9db21e0889558ab4b26878ea\",\"name\":\"Eyal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9b59200128f5bfa60116c2dbfabf22d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9b59200128f5bfa60116c2dbfabf22d8?s=96&d=mm&r=g\",\"caption\":\"Eyal\"},\"sameAs\":[\"http:\/\/www.rumbletalk.com\"],\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/eyal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: DittyTV using chat box features worth knowing","description":"This is a design post using a Case Study example of DittyTV. Learn more about chat box features that help you design a stunning chat room theme.","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\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: DittyTV using chat box features worth knowing","og_description":"This is a design post using a Case Study example of DittyTV. Learn more about chat box features that help you design a stunning chat room theme.","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_published_time":"2014-08-26T14:40:15+00:00","article_modified_time":"2021-10-18T07:04:58+00:00","og_image":[{"url":"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2014\/08\/dittytv-css.jpg"}],"author":"Eyal","twitter_card":"summary_large_image","twitter_creator":"@rumbletalk","twitter_site":"@rumbletalk","twitter_misc":{"Written by":"Eyal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/","name":"Case Study: DittyTV using chat box features worth knowing","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2014-08-26T14:40:15+00:00","dateModified":"2021-10-18T07:04:58+00:00","author":{"@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/7c282b2a9db21e0889558ab4b26878ea"},"description":"This is a design post using a Case Study example of DittyTV. Learn more about chat box features that help you design a stunning chat room theme.","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2014\/08\/26\/case-study-chat-box-options-worth-knowing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: DittyTV using chat box features worth knowing"}]},{"@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\/7c282b2a9db21e0889558ab4b26878ea","name":"Eyal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9b59200128f5bfa60116c2dbfabf22d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9b59200128f5bfa60116c2dbfabf22d8?s=96&d=mm&r=g","caption":"Eyal"},"sameAs":["http:\/\/www.rumbletalk.com"],"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/eyal\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1028"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=1028"}],"version-history":[{"count":17,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1028\/revisions"}],"predecessor-version":[{"id":16874,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1028\/revisions\/16874"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}