READ QURAN | ABOUT JAMIAJAWADIA | READ QURAN ONLINE | NAATS | MANQABAT | DUAS | NOHAY VIDEOS | MANQABATS
Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu
WELCOME TO HUSSAIN YA HUSSAIN (A.S)

How to Add ChatBox on Blog



<style type="text/css">
#mdfixedfootermain{
z-index:999999;
width:300px;
height:0px;
position:fixed;
bottom:0%;
right:5px
}
#mdfixedfooterdiv{
border-top:3px solid #444;
border-right:3px solid #444;
border-left:3px solid #444;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background color:#d7d7d7;
overflow:none;
width:300px;
height:250px;
position:fixed;
bottom:0%;
right:5px;
background:#fff;
background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));
background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:linear-gradient(to bottom, #fff 0%,#e5e5e5100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )}
#mdfixedfooterhide{
z-index:999999; 
position: absolute;
bottom:2px;
right:5px;
width:285px;
height:25px;
cursor:pointer;
background-color:#fff;
padding-top:5px;
border-top:3px solid #444;
border-left:3px solid #444;
border-right:3px solid #444;
border-top-right-radius:5px;
border-top-left-radius:5px;
}
#mdfixedfootershow{
position:absolute;
bottom:0px;
right:5px;
    width:285px;
height:25px;
cursor:pointer;
background-color:#e5e5e5;
padding-top:5px;
border-top:3px solid #444;
border-left:3px solid #444;
border-right:3px solid #444;
border-top-right-radius:5px;
border-top-left-radius:5px
}
.mdfixedfooterdownarrow{
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #333
}
.mdfixedfooteruparrow{
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #333
}
.mdfixedfooterblockarrow{
width:8px;
height:10px;
background-color:#333
}
#mdfixedfootersocial{
position:absolute;
bottom:220px;
right:10px;
width:280px;
height:30px;
float:right
}
#mdfixedfootersocialicon{
position:absolute;
bottom:135px;
left:10px;
width:auto;
height:64px
}
#mdfixedfooteremailsubscribe{
position:absolute;
bottom:0px;
width:242px;
height:90px;
right:30px
}
.mdfixedfooteremailsubscribebox input.email{
padding:7px 10px 7px 10px;
font-family:"Arial","Helvetica",sans-serif;
width:218px;
font-size:12px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.mdfixedfooteremailsubscribebox input.subscribe{
-moz-box-shadow:inset 0px 1px 0px 0px #fff;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
box-shadow:inset 0px 1px 0px 0px #fff;
background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );
background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');
background-color:#f0f0f0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:6px 18px;
text-decoration:none;
text-shadow:1px 1px 0px #fff
}
.mdfixedfooteremailsubscribebox input.subscribe:hover{
background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );
background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');
background-color:#c9c9c9
}
</style>
<!--[if IE]>
<style>
.mdfixedfooteremailsubscribebox input.subscribe{
width:243px
}
</style>
<![endif]-->
<!--[if gte IE 9]>
<style type="text/css">
.gradient{
filter:none
}</style>
<![endif]-->
<div id="mdfixedfootermain">






<tr>
<td>
<div id="cboxdiv" style="line-height: 0; text-align: center;">
</div>
</td></tr>
</div>
<td>
<center>
<div class="mdfixedfooteruparrow">
</div>
<div class="mdfixedfooterblockarrow">
</div>
</center>
</td>



<div id="mdfixedfooterdiv">
<center id="mdfixedfooterhide"onmouseup="document.getElementById('mdfixedfooterdiv').style.display='none'">
<table  style="margin-top:-2px;">
<tr>
<td>
<center style="color:#333;font-size:15px;font-weight:bold;">
Chat Box
</center>
</td>
<td>
<center>
<div class="mdfixedfooterblockarrow">
</div>
<div class="mdfixedfooterdownarrow">
</div>
</center>
</td>
</tr>
</table>
</center>
<div id="mdfixedfootersocial">
<center style="color:#333;font-size:12px;">

</center>
</div>

<div id="cboxdiv" style="line-height: 0; text-align: center;">
<div>
<iframe allowtransparency="yes" frameborder="0" height="149" id="cboxmain7-714976" marginheight="2" marginwidth="2" name="cboxmain7-714976" scrolling="auto" src="http://www7.cbox.ws/box/?boxid=714976&amp;boxtag=7f6g0&amp;sec=main" style="border: #ababab 1px solid;" width="190"></iframe></div>
<div>
<iframe allowtransparency="yes" frameborder="0" height="75" id="cboxform7-714976" marginheight="2" marginwidth="2" name="cboxform7-714976" scrolling="no" src="http://www7.cbox.ws/box/?boxid=714976&amp;boxtag=7f6g0&amp;sec=form" style="border-top: 0px; border: #ababab 1px solid;" width="190"></iframe></div>
</div>

<center style="color:#333;font-size:8px;">

</center></div>
________________________________________________________________________



Chat Box

1 comments:

Add your Comment