Для профи. Чат вместо ICQ - замена кода

Добрый день. Нужна помощь тех, кто отлично разбирается в кодах.

Есть код для форума:

Код:

<script src="http://c.icq.com/siteim/icqbar/js/partners/initbar_ru.js" language="javascript" type="text/javascript" charset="utf-8"></script>

Можно его поставить где угодно, при этом внизу справа форума появляется кнопочка "Общаться с друзьями". При нажатии на нее вылазит чат ICQ.

Вопрос: Можно-ли сделать так, чтобы вместо чата ICQ вылазил чат, например сайта "Чбокса" - www.cbox.ws. Код чата у меня есть.

Вот он:

Код:

<!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="180" height="405" src="http://www4.cbox.ws/box/?boxid=4094929&amp;boxtag=j2cwy8&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4094929" style="border:#000000 1px solid;" id="cboxmain4-4094929"></iframe></div><div><iframe frameborder="0" width="180" height="75" src="http://www4.cbox.ws/box/?boxid=4094929&amp;boxtag=j2cwy8&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4094929" style="border:#000000 1px solid;border-top:0px" id="cboxform4-4094929"></iframe></div>
</div>
<!-- END CBOX -->

И 2-е. Если знаете как заменить саму кнопку "Общаться с друзьями"?
Надеюсь на ваш профессионализм.

Самый простой вариант (идентичный представленному в примере — т.е. без запоминания состояния открыт/закрыт):

1. В виджет на главной ставите код блока, в котором лежит чат + кнопка "Общаться с друзьями"

Код:

<div id="cboxforum"><div class="inside">
<!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="180" height="405" src="http://www4.cbox.ws/box/?boxid=4094929&amp;boxtag=j2cwy8&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4094929" style="border:#000000 1px solid;" id="cboxmain4-4094929"></iframe></div><div><iframe frameborder="0" width="180" height="75" src="http://www4.cbox.ws/box/?boxid=4094929&amp;boxtag=j2cwy8&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4094929" style="border:#000000 1px solid;border-top:0px" id="cboxform4-4094929"></iframe></div>
<!-- END CBOX -->
</div>
</div>
<span class="op_cl">Общаться с друзьями</span>
</div>

Сохраняете.

2. В CSS добавляете настройки для них:

Код:

/* сам чат */
#cboxforum {
color: #202020;
font-size: 10px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
position: fixed;
bottom: 0px;
right: 0px;
z-index: 9999;
margin: 0px 100px -4px 100px;
background: #000;
}

/* кнопка общаться с друзьями */
#cboxforum .op_cl {
display: block;
height: 30px;
width:180px;
line-height: 30px;
color: #fff;
background: transparent;
text-align: center;
font-size: 12px;
background: #000 url("http://i44.servimg.com/u/f44/16/54/26/99/custom10.png") no-repeat 15px center;
padding-left:15px;
}

/* чат закрыт по-умолчанию */
.inside {
display: none;
}

Сохраняете.

3. В Па > Модули > Управление кодами JS создаете новый файл (расположение на всех страницах):

Код:

jQuery(document).ready(function(){
jQuery("#cboxforum span.op_cl").click(function(){
jQuery(this).parents("#cboxforum").children('div.inside').toggle();
 return false
  });
});

Сохраняете.

Спасибо огромное! Вы - профи) 5 из 5))) Ещё раз спасибо)