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.
Smiley Chatbox now works on https mode. For older users replace "http://" with "https://" in iframe src code.
My Personal ChatBox
Enable Javascript to get full functionality of this 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="https://www.smileychatbox.com" target="_blank">chatbox</a><br></noscript> <iframe marginwidth="0px" marginheight="0px" style="border:0px solid #FFFFFF; overflow: hidden;" scrolling="no" src ="https://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="https://www.smileychatbox.com" target="_blank">get a free chatbox</a></div> <!-- Smiley Chatbox HTML code --> </div>
Enable Javascript to get full functionality of this chatbox
HTML Code:
<div style="float: left;"> <!-- Smiley Chatbox HTML code --> <noscript>Enable Javascript to get full functionality of this <a href="https://www.smileychatbox.com" target="_blank">chatbox</a><br></noscript> <iframe marginwidth="0px" marginheight="0px" style="border:1px solid #FFFFFF; overflow: hidden;" scrolling="no" src ="https://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="https://www.smileychatbox.com" target="_blank">get a free chatbox</a></div> <!-- Smiley Chatbox HTML code --> </div>
OPEN CHATBOX
Enable Javascript to get full functionality of this 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="https://www.smileychatbox.com" target="_blank">chatbox</a><br></noscript> <iframe marginwidth="0px" marginheight="0px" style="border:0px solid #FFFFFF; overflow: hidden;" scrolling="no" src ="https://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="https://www.smileychatbox.com" target="_blank">get a free chatbox</a></div> <!-- Smiley Chatbox HTML code -- </div>