Создал новый вид М-Чата, особо не чего не менял, изменилось форма материала. Так же вы можете изменить все цвета шаблона мини-чата, где управляется через CSS. На странице материала я все четко написал где можно изменить и что,
А сам вид вы можете посмотреть на скриншоте материала!
Установка:
Для начало вставьте код в CSS:
Code
/* ====================M-Chat=====================*/
.curled {
background:#fff;
border:1px solid #efefef;
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
border-radius:0 0 120px 120px / 0 0 6px 6px;
}
.curled:before,
.curled:after {
bottom:12px;
left:10px;
width:50%;
height:55%;
max-width:200px;
-webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
-webkit-transform:skew(-8deg) rotate(-3deg);
-moz-transform:skew(-8deg) rotate(-3deg);
-ms-transform:skew(-8deg) rotate(-3deg);
-o-transform:skew(-8deg) rotate(-3deg);
transform:skew(-8deg) rotate(-3deg);
}
.curled:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/* ==============M-Chat end=================*/
ПУ/Управления дизайном/Мини-Чат-Вид материалов и вставьте туда вес код, которые ниже:
Code
<div class="drop-shadow curled" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>
<div style="text-align:left;">
<a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img alt="" src="http://s47.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a>
<a href="$EMAIL_JS$" title="$STR_EMAIL$">E</a>
<a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$">W</a>
</div>
<div class="drop-shadow curled" style="text-align:left;">$MESSAGE$</div>
<br>$STR_CUSTOM1$: $CUSTOM1$
<br>$STR_CUSTOM2$: $CUSTOM2$
</div>
