ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Уникальный мини чат VebMed для uCoz

Уникальный мини чат VebMed для uCoz

Уникальный мини чат VebMed для uCoz
Красивый по своему дизайну и безусловно уникален по форме добавление сообщений мини чат. Который был сделан для светлого дизайна и подойдет под любую тематику. Просто попался вид материала, который пришлось немного доработать, а точнее добавить стилей к нему, чтоб смотрелся. И потом долго выбирал для него форму, что добавляет посты. И не нашел, так как все похоже и пришлось также добавить в него немного стилей, чтоб уже был совершенно не похож на другие.

Установка:

Вид материала:

Код
<style>
body{background:#fff;border-top:1px solid #ececec;}
#mchatIfm2 {height:310px!important;}  
  .chat_box {border:1px solid #ececec;border-top:0;padding:4px;}  
  .chat_date {font-family:tahoma;color:#737474;float:right;font-size:8px;padding:3px 2px;}  
</style>  
  <div class="chat_box" style="background:<?if($PARITY$="1")?>#fff<?else?>#f4f4f4<?endif?>;">  
  <div class="chat_date" title="$DATE$">$TIME$</div>  
  <div class="chat_username">  
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';  
  return false;" class="minichat_uds"><b>$USERNAME$</b></a>  
  <span style="color:#636363;">пишет:</span>  
  </div>  
  <table><tbody><tr>  
  <td valign="top"><a href="javascript://" onclick="return show_profile('$USER_ID$');" title="$USERNAME$"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg<?endif?>" width="25" style="border:1px solid #ececec;padding:1px;"></a></td>  
  <td valign="top"><div class="cMessage" style="float:left; color:#636363;">$MESSAGE$</div></td>  
  </tr></tbody></table>  
  </div>


Форма добавление:

Код
<style type="text/css">  
#jeuwu28 {  
  color:#999999;  
}  
   
#mchatMsgF {  
margin: 0;  
padding: 8px 10px;  
font-size: 12px;  
color: rgb(213, 213, 213);  
border: solid 1px rgb(185, 183, 183);  
text-shadow: 1px 1px 0 #4b4b4b;  
border-radius: 10px 10px;  
-moz-border-radius: 10px 10px;  
-webkit-border-radius: 10px 10px;  
box-shadow: inset 1px 1px 3px 0 #000;  
-moz-box-shadow: inset 1px 1px 3px 0 #000;  
-webkit-box-shadow: inset 1px 1px 3px 0 #000;  
background: -moz-linear-gradient(0% 100% 90deg,#7e7e7e, #5e5e5e);  
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(65, 65, 65)), to(rgb(146, 146, 146)));  
   
   
}  
#mchatBtn {  
  width:auto;  
  border:solid 1px #bababa;  
  color:#363636;  
  font-weight:bold;  
  font-size:10px;  
  border-bottom-color:#363636;  
  background:-moz-linear-gradient(0% 100% 90deg,#5f5f5f, #9e9e9e);  
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e9e9e), to(#5f5f5f));  
   
  box-shadow: none;  
  -moz-box-shadow: none;  
  -webkit-box-shadow: none;  
   
  text-shadow: 1px 1px 0 #9d9d9d;  
  border-radius: 3px ;  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
}  
  #mchatBtn:hover {color:#ffffff;  
  cursor:pointer;}  
  #mchatRSel {  
  box-shadow: inset 1px 1px 3px 0 #000;  
  -moz-box-shadow: inset 1px 1px 3px 0 #000;  
  -webkit-box-shadow: inset 1px 1px 3px 0 #000;  
  border: none;  
  background:-moz-linear-gradient(0% 100% 90deg,#5f5f5f, #9e9e9e);  
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e9e9e), to(#5f5f5f));  
  color:#ffffff;  
  }  
  .pfe{margin-top:40px;}  
#casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#casing select,.filterBlock {color: #FFFFFF;background: #949494;padding:7px 5px;margin:0 0 1px;text-decoration:none;border: 1px solid #FFFFFF;outline:none;}  
  </style>  
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><div class="pfe"><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a></div><?else?>Доступ запрещен<?endif?></div><?else?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr>  
<td width="70%" align="right">  
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://zornet.ru/ZORNET/ob.png" width="13" height="15"></a>  
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://zornet.ru/ZORNET/s.png" width="13" height="13"></a><?endif?>  
<?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://zornet.ru/ZORNET/b.png" width="13" height="15"></a><?endif?>  
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://zornet.ru/ZORNET/n.png" width="15" height="15"></a><?endif?>  
</td></tr></table>  

<?if(!$USER_LOGGED_IN$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td colspan="2">$FLD_NAME$</td></tr>  
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  
</table>  
<?endif?>  

<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
</table>  
<?endif?>  

<?if($FLD_SECURE$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>  
<?endif?>  

<table border="0" cellpadding="1" cellspacing="1" width="110%">  
<tr><td width="980px" rowspan="2">$FLD_MESSAGE$</td>  
<td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>  
</tr><tr><td width="80px" align="center" valign="bottom">$SUBMIT$</td></tr></table>  
<?endif?>


Так что думаю сам вид можно не трогать, он больше стандартный и небольшие окна для изображение пользователя. А вот если форму добавление посчитаете слишком темным, то вы можете сделать светлой ее и по сторонам будут темные очертание, смотрится также красиво. Но сделал так, чтоб можно было видно и перевел на белые знаки, что можно видеть.
09 Января 2016 Просмотров: 1690 Комментариев: (16)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 14
csretven
csretven 09 Января 2016 04:221
0
Так, нормальный вид, видно сразу что стили добавлены, но не бумаю, что нужно их с кодом оставлять, лучше прописать CSS чтоб кто то если решит немного изменить, так легче найти и сделать будет.
FeStemBer
FeStemBer 09 Января 2016 04:408
0
Стилей много, они и вид материале и в самой форме, их правильно сказали, нужно выводить там где они должны быть. Так ставят, что иногда места нет, то и пропишут рядом с кодом.
Kvint
Kvint 09 Января 2016 04:242
0
Вид материала на прежний очень похоже, но видно что он немного другой, а так нормальный чат, можно общаться.
FeStemBer
FeStemBer 09 Января 2016 04:397
0
Нет вы ошибаетесь, они совершенно разные, можете просто по коду посмотреть.
AnTron
AnTron 09 Января 2016 04:283
0
Вообще нормально сделано, это просто можно взять форму добавление и перекинуть на свой.
FeStemBer
FeStemBer 09 Января 2016 04:365
0
Так берите и не кого не слушайте, если нравится устанавливайте.
Scheme
Scheme 09 Января 2016 04:449
0
Вообще сами думайте, как говорится, мотай на ус, и потом решай, что делать.
FeStemBer
FeStemBer 09 Января 2016 04:354
0
Но как кто знает, больше всегда стандарт нравиться, но если так сделали, но главное чтоб по дизайну подходило. Просто сам чат светлый а форма темная, точно есть что то уникальности в нем.
FeStemBer
FeStemBer 09 Января 2016 04:386
0
А что совсем не меняют, как заметил, здесь еще и проверяют, а не просто скопировали и поставили, что то делают от себя уже на готовом коде, но это что вам мало, или просто вам всегда нужно что то оригинальное, чтоб не сидели на нем, но только муха, да и та в тапочках была.
Scheme
Scheme 09 Января 2016 04:4510
0
Костен, правильный чат замутил, а то просто надоели, те которые по клику появляются. Сам не верю, что такое говорю, так как раньше они были на сайте очень редко, а теперь куда не зайди, то точно стоит такой же, даже оттенок не поменяют, чтоб что то хоть свое.
Марковичь
Марковичь 09 Января 2016 04:4911
0
Но что по верх, написано "пишет" вообше не по теме, нужно оставить один ник.
1 2 »
avatar