Smiley Chatbox
Free Chatbox for Websites & Blogs

Smiley Chatbox is a free chatbox for use anywhere you can copy and paste HTML code.
It's never been easier to create a chatbox / shoutbox
for your website.

My Personal ChatBox

get a free chatbox

HTML Code:
<div style="float: left; width: 280px; height: 470px; margin: 0px auto; background-color: #0063E6; color: #FFFFFF;-moz-box-shadow: 10px 10px 5px #888;-webkit-box-shadow: 10px 10px 5px #888;box-shadow: 10px 10px 5px #888;-webkit-border-radius: 4px; -moz-border-radius: 10px; border-radius: 10px; ">

   <h2>My Personal ChatBox<h2>

   <!-- Smiley Chatbox HTML code -->

   <noscript>Enable Javascript to get full functionality of this <a href="http://www.smileychatbox.com" target="_blank">chatbox</a><br></noscript>

   <iframe marginwidth="0px" marginheight="0px" style="border:0px solid #FFFFFF; overflow: hidden;" scrolling="no" src ="http://www.smileychatbox.com/app/chatbox.php?boxHeight=350&innerColor=FFFFFF&outerColor=0063E6&chatbox=smileychatbox.com&imageSupport=yes&style=text&swearWordsFilter=yes&ss=0123456789abcdefghijku&password=" width="280px" height="350px">

      <p>Please use a web browser that supports the iframe future</p>

   </iframe>

   <!-- Link to smileychatbox.com. optional, but we would really appreciate if you put it in your page.-->

   <div style="padding: 0px 10px;"><a style="color: #FFFFFF; font-size: 16px;" href="http://www.smileychatbox.com" target="_blank">get a free chatbox</a></div>

   <!-- Smiley Chatbox HTML code -->

</div>
get a free chatbox
HTML Code:
<div style="float: left;">

   <!-- Smiley Chatbox HTML code -->

   <noscript>Enable Javascript to get full functionality of this <a href="http://www.smileychatbox.com" target="_blank">chatbox</a><br></noscript>

   <iframe marginwidth="0px" marginheight="0px" style="border:1px solid #FFFFFF; overflow: hidden;" scrolling="no" src ="http://www.smileychatbox.com/app/chatbox.php?boxHeight=400&innerColor=C8F195&outerColor=6CC300&chatbox=smileychatbox.com&imageSupport=yes&style=funny&swearWordsFilter=yes&ss=0123456789abcdefghijku&password=" width="280px" height="400px">

      <p>Please use a web browser that supports the iframe future</p>

   </iframe>

   <!-- Link to smileychatbox.com. optional, but we would really appreciate if you put it in your page.-->

   <div><a class="contact" href="http://www.smileychatbox.com" target="_blank">get a free chatbox</a></div>

   <!-- Smiley Chatbox HTML code -->

   </div>
OPEN CHATBOX
get a free chatbox
HTML Code of Chatbox in the lower-right corner of the page (click the orange button "OPEN CHATBOX"):
<script>
   function resize() {
      var div1 = document.getElementById('divchat1');
      var div2 = document.getElementById('divchat2');
      var innerText = div2.innerHTML;
      if(innerText=="CLOSE CHATBOX"){
         div2.innerHTML='OPEN CHATBOX';
         div1.style.height='20px';
         div1.style.overflow='hidden' ;
      } else {
         div2.innerHTML='CLOSE CHATBOX';
         div1.style.height='395px';
         div1.style.bottom='0';
         div1.style.overflow='hidden' ;
      }
   }
</script>

   <div id="divchat1" style="border: 1px solid #FFFFFF; background:#FF7100; position: fixed; right: 0; bottom: 0; width: 250px; height: 20px; z-index: 999; -webkit-transition: height .6s ease-in-out; -moz-transition: height .6s ease-in-out; -o-transition: height .6s ease-in-out; -ms-transition: height .6s ease-in-out;">

      <div id="divchat2" style="padding-top:4px; height:16px; background:#FF7100; color:#FFFFFF; font-size:8pt; text-align:center; font-weight:800; cursor:pointer; cursor: hand;" onclick="resize();">OPEN CHATBOX</div>

      <!-- Smiley Chatbox HTML code -->
      <noscript>Enable Javascript to get full functionality of this <a href="http://www.smileychatbox.com" target="_blank">chatbox</a><br></noscript>

      <iframe marginwidth="0px" marginheight="0px" style="border:0px solid #FFFFFF; overflow: hidden;" scrolling="no" src ="http://www.smileychatbox.com/app/chatbox.php?boxHeight=350&innerColor=FF7100&outerColor=FF7100&chatbox=smileychatbox.com&imageSupport=yes&style=minimal&swearWordsFilter=yes&ss=0123456789abcdefghijku&password=" width="250px" height="350px">

         <p>Please use a web browser that supports the iframe future</p>

      </iframe>

      <!-- Link to smileychatbox.com. optional, but we would really appreciate if you put it in your page.-->
      <div><a href="http://www.smileychatbox.com" target="_blank">get a free chatbox</a></div>

      <!-- Smiley Chatbox HTML code --
   </div>