Мини-чат v 1.0 - Форум » uCoz » Мини-чат » Жизнь Гигабайта — Развлекательно-информативный портал

Страница 1 из 1
1

Форум » uCoz » Мини-чат » Мини-чат v 1.0

Мини-чат v 1.0

Дмитрий

Дата: Суббота, 26.05.2012, 22:54 | Сообщение # 1 | Сообщить о нерабочей теме

Регистрация:	03.12.2011
Страна:	Российская Федерация
Репутация:	14
Сообщений:	1421
Награды:	4 +
Статус:

В сети довольно так и много различных версий мини-чата. Возможно подобная версия чата уже есть, лично я пока не встречал. Чат также разрабатывался для "укозик" и я решил им поделиться. Что хочется про него сказать, мини-чат плавно раскрывается и скрывается при нажатии на кнопку находящуюся с боку. Фону предана прозрачность. Регулируйте ее под себя (если светлый фон, то желательно малость убавить)

Установка:
[moder]После < /head>: [/moder]

Код

[moder]В CSS: [/moder]

Код

#miniChat{
    display:none;
    position:realitive;
    position:fixed;
    bottom:73px;
    background-color:#000;
    width:250px;
    height:410px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    border-radius:0 7px 0 0;
    background: rgba(0, 0, 0, 0.7);
    z-index:1;
    }

    #chatCont{
    position:absolute;
    z-index:2;
    width:240px;
    height:380px;
    margin:10px 10px 10px 0;
    color:#999;
    }

    #chat{
    position:absolute;
    position:fixed;
    bottom:73px;
    cursor:pointer;
    width:40px;
    height:38px;
    z-index:1;
    }

    .chatH{margin-left:-3px;}

    .chatH:hover{margin-left:0px;}
    /*endchat*/[code]

    Вид материалов мини-чата:

    [code]<style type="text/css">
    .vBlock1{
    border: 1px solid #333333;
    color:#15ADFF;
    }

    .vBlock1 a:link{color:#999999;}
    .vBlock1 a:visited{color:#999999;}
    .vBlock1 a:hover{color:#DF8404;}
    .vBlock1 a:active{color:#999999;}

    .vBlock2{
    border: 1px solid #3B3B3B;
    color:#999999;
    }

    .vBlock2 a:link{color:#ffffff;}
    .vBlock2 a:visited{color:#ffffff;}
    .vBlock2 a:hover{color:#DF8404;}
    .vBlock2 a:active{color:#ffffff;}
    </style>
    <div class="vBlock$PARITY$" 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://s105.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="cMessage" style="text-align:left;">$MESSAGE$</div>
    <br>$STR_CUSTOM1$: $CUSTOM1$
    <br>$STR_CUSTOM2$: $CUSTOM2$
    </div>

[moder]Форма добавления сообщений мини-чата:[/moder]

Код

[moder]В шаблон сайта после < body>: [/moder]

Код

Прикрепления: 3601603.jpg (38.8 Kb)

From Russia With Love!

Форум » uCoz » Мини-чат » Мини-чат v 1.0

Страница 1 из 1
1

Логин:
Пароль: