• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Вид материалов чата как на Zornet
Вид материалов чата как на Zornet
Faceless
Суббота, 17 Сентября 2016 | Сообщение 1
Оффлайн
Пользователи
Сообщений:65
Награды: 1
Всем доброго времени суток друзья! У меня один вопрос. Может ли кто нибудь поделиться видом чата zornet,ну или хотя бы похожим на него.Просто не получается найти подходящий для моего сайта.
Буду очень благодарен!

Прикрепления: 6403550.png (27.5 Kb)
Страна: (UZ)
Kosten
Воскресенье, 18 Сентября 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Вот вам сам вид материала, который нв сайте стоит, просто он где то в материалах есть, искать некогда.

Код
<div class="msg">
<div class="chat-name"><a href="$PROFILE_URL$"
rel="nofollow" rel="nofollow"><img alt="" src="http://zornet.ru/Ajaxoskrip/Frank/Office-Customer-Male-Light-icon.png" width="15" border="0" style="vertical-align:-2px"/></a>
<b><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><?if($USER_ID$='1')?><font color="red">$NAME$</font><?else?>$NAME$<?endif?></a></b></div><div class="chat-time" title="$DATE$"><font color="#4C6C75">$TIME$</font></div>
<div class="chat-text">
<font color="#5c5c5c">$MESSAGE$</font>
</div>
</div>


CSS

Код
/*Vid Materiala mini sat*/
.msg {width:99%;margin-bottom:6px;background:url('http://zornet.ru/Ajaxoskrip/Frank/chat-msg.jpg') 100% 0 no-repeat #E1E1E1;
border:1px solid #BBB6B6;border-radius:2px;text-shadow:0 1px 0 #fff;
-moz-box-shadow:0 0 0 1px #fff;
-webkit-box-shadow:0 0 0 1px #fff;
-o-box-shadow:0 0 0 1px #fff;
box-shadow:0 0 0 1px #fff;
}
.chat-name {float:left;border-bottom:1px solid #C7C7C7;width:120px;padding:5px 7px;}
.chat-name a {text-shadow:0 1px 0 #fff;}
.chat-time {float:right;border-bottom:1px solid #C7C7C7;width:34px;text-align:right;padding:5px 3px;}
.chat-text {clear:both;border-top:1px solid #f2f2f2;padding:7px;}
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}
.gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Tahoma;}
.op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
Страна: (RU)
Kolinkor
Воскресенье, 18 Сентября 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:306
Награды: 1
Kosten, ты все сливаешь сайта. biggrin
Страна: (RU)
Faceless
Среда, 21 Сентября 2016 | Сообщение 4
Оффлайн
Пользователи
Сообщений:65
Награды: 1
Цитата Kosten ()
Вот вам сам вид материала, который нв сайте стоит, просто он где то в материалах есть, искать некогда.

Спасибо большое! все идеально подошло!
Страна: (UZ)
Kosten
Среда, 21 Сентября 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Цитата Faceless ()
Спасибо большое! все идеально подошло!

Отлично, просто вид растягивается и подойдет на любую ширину.
Страна: (RU)
TiMzLeR
Среда, 21 Сентября 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Этот чат есть а точнее материал этого чата на одном сайте его видал)

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Kosten
Среда, 21 Сентября 2016 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
TiMzLeR, так понятно, он с интернета, но кроме формы добавление, она не от другого чата и немного переделан.
Страна: (RU)
TiMzLeR
Среда, 21 Сентября 2016 | Сообщение 8
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Kosten, Да отличный чат)

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Kosten
Среда, 21 Сентября 2016 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
TiMzLeR, если нужна форма добавление как здесь на сайте, то можешь здесь взять.
Страна: (RU)
Faceless
Четверг, 22 Сентября 2016 | Сообщение 10
Оффлайн
Пользователи
Сообщений:65
Награды: 1
Цитата Kosten ()
TiMzLeR, если нужна форма добавление как здесь на сайте, то можешь здесь взять.

Спасибо еще раз) кстати ещеодна просьба) не получается у меня сделать цветные ники в чате. Можете помочь? вот мой вид материалов чата
Код
<meta charset="utf-8">
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/style.css">

<div class="msg">
<div class="chat-name"><a href="$PROFILE_URL$"
rel="nofollow" rel="nofollow"><img alt="" src="http://zornet.ru/Ajaxoskrip/Frank/Office-Customer-Male-Light-icon.png" width="15" border="0" style="vertical-align:-2px"/></a>
<b><a href="javascript:void('Apply to' <img src="/.s/sm/23/wink.gif" border="0" align="absmiddle" alt="wink" /> " onclick="parent.window.document.getElementById('mchatMsgF' <img src="/.s/sm/23/wink.gif" border="0" align="absmiddle" alt="wink" /> .focus();parent.window.document.getElementById('mchatMsgF' <img src="/.s/sm/23/wink.gif" border="0" align="absmiddle" alt="wink" /> .value+='[i]$NAME$[/i], ';return false;"><?if($USER_ID$='1' <img src="/.s/sm/23/wink.gif" border="0" align="absmiddle" alt="wink" /> ?><font color="red">$NAME$</font><?else?>$NAME$<?endif?></a></b></div><div class="chat-time" title="$DATE$"><font color="#4C6C75">$TIME$</font></div>
<div class="chat-text">
<font color="#5c5c5c">$MESSAGE$</style></font>
</div>
</div>
<style>
/*Vid Materiala mini sat*/
.msg {width:99%;margin-bottom:6px;background:url('http://zornet.ru/Ajaxoskrip/Frank/chat-msg.jpg' <img src="/.s/sm/23/wink.gif" border="0" align="absmiddle" alt="wink" /> 100% 0 no-repeat #E1E1E1;
border:1px solid #BBB6B6;border-radius:2px;text-shadow:0 1px 0 #fff;
-moz-box-shadow:0 0 0 1px #fff;
-webkit-box-shadow:0 0 0 1px #fff;
-o-box-shadow:0 0 0 1px #fff;
box-shadow:0 0 0 1px #fff;
}
.chat-name {float:left;border-bottom:1px solid #C7C7C7;width:120px;padding:5px 7px;}
.chat-name a {text-shadow:0 1px 0 #fff;}
.chat-time {float:right;border-bottom:1px solid #C7C7C7;width:40px;text-align:right;padding:5px 3px;}
.chat-text {clear:both;border-top:1px solid #f2f2f2;padding:7px;}
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}
.gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px;}
.op_fon img {padding-left:5px; filter <img src="/.s/sm/23/tongue.gif" border="0" align="absmiddle" alt="tongue" /> rogid <img src="/.s/sm/23/biggrin.gif" border="0" align="absmiddle" alt="biggrin" /> XImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}</style>
Страна: (UZ)
Форум » Веб-разработка » Вопросы про uCoz » Вид материалов чата как на Zornet
  • Страница 1 из 1
  • 1
Поиск: