Мини чат для uCoz - Нужен ваш совет
Faceless
Четверг, 09 Марта 2017, 19:04 | Сообщение 1
Всем привет дорогие друзья! Вообщем излагаю суть проблемы(просьбы). У меня на сайте стоит мини чат. Вот кстати сам сайт IRP.UZ Я пытался его подогнать по стиль дизайна,к сожалению из за плохого знания CSS у меня ничего не вышло. Моя единственная надежда это вы! Что хотелось бы увидеть в чате. Стиль белый (можно использовать светло-голубые тона) Основной цвет конечно белый. Шрифт как как на сайте,т.е "Cuprum" Заранее спасибо! Кому лень делать это бесплатно могу заплатить за достойный чат рублей так 20-50 (максимум)Заранее спасибо! Вот собственно сам код чата. За основу взят чат от ZornetКод
<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://irp.uz/img/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$='8')?><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://irp.uz/img/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: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:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}</style>
Добавлено (09.03.2017, 19:04) --------------------------------------------- Всем хорошего вечера!
Страна: (UZ )
First-1
Четверг, 09 Марта 2017, 22:40 | Сообщение 2
Как быстрый вариантКод
<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/Aben/Aben-Abag/c6f6531ba61a4effac2dd9c2066a7fbb.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$='8')?><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> .msg {width:99%;margin-bottom:4px;background: #fff; border:1px solid #fff;border-radius:1px;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:3px solid #00D1FF;width:120px;padding:5px 7px;} .chat-name a {text-shadow:0 1px 0 #fff;} .chat-time {float:right;border-bottom:3px solid #3F3F3F;width:34px;text-align:right;padding:5px 3px;} .chat-text {clear:both;border-top:1px solid #fff;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 Cuprum;} .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}</style>
Цвета были взяты с твоего сайта
Сообщение отредактировал First - Пятница, 10 Марта 2017, 01:00
Страна: (ES )
Faceless
Пятница, 10 Марта 2017, 13:44 | Сообщение 3
Нифига себе. Красиво вышло. Спасибо большое.А можно еще аватарку пользователя вывести? Только появилась одна проблема. Вот на скрине. Полоса прокрутки по ширине появилась. Заранее спасибо! :)
Страна: (UZ )
First-1
Пятница, 10 Марта 2017, 14:17 | Сообщение 4
Faceless, то что вылазит на вертикальный скрол так поиграй, измени проценты на 100 тутКод
.msg {width:99%;margin-bottom:4px;background: #fff;
А горизонтальный скрол у тебя был и его лучше вообще убрать Да и вообще, плохо что-то делать если у тебя стили прописаны не в таблице стилей или отдельном файле, а вместе с кодом вида.
Сообщение отредактировал First - Пятница, 10 Марта 2017, 14:58
Страна: (ES )
First-1
Пятница, 10 Марта 2017, 15:30 | Сообщение 5
Код
<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/Aben/Aben-Abag/c6f6531ba61a4effac2dd9c2066a7fbb.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$='8')?><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> .msg {width:100%;margin-bottom:4px;background: #fff; border:1px solid #fff;border-radius:1px;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:3px solid #00D1FF;width:120px;padding:5px 7px;} .chat-name a {text-shadow:0 1px 0 #fff;} .chat-time {float:right;border-bottom:3px solid #3F3F3F;width:34px;text-align:right;padding:5px 0; margin-right: 10px;} .chat-text {clear:both;border-top:1px solid #fff;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 Cuprum;} .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}</style>
Страна: (ES )
Kosten
Пятница, 10 Марта 2017, 15:33 | Сообщение 6
First, красиво сделал - хоть самому устанавливай.
Страна: (RU )
First-1
Пятница, 10 Марта 2017, 15:34 | Сообщение 7
Цитата Faceless (
)
А можно еще аватарку пользователя вывести?
можно всё, только нужна ли она там....
Страна: (ES )
First-1
Пятница, 10 Марта 2017, 15:35 | Сообщение 8
Kosten, так можешь и установить и глянуть что оставить
Страна: (ES )
Kosten
Пятница, 10 Марта 2017, 15:41 | Сообщение 9
Цитата First (
)
Kosten, так можешь и установить и глянуть что оставить
Тут хотел вообще убирать как не востребован.
Страна: (RU )
Faceless
Пятница, 10 Марта 2017, 15:55 | Сообщение 10
Цитата First (
)
можно всё, только нужна ли она там....
First! Хочу выразить свою благодарность! Вы мне очень помогли. Я голову себе ломал! Спасибо за то что есть такие отзывчивые люди! Ну и конечно это прекрасный сайт Zornet!
Страна: (UZ )
Kosten
Пятница, 10 Марта 2017, 18:25 | Сообщение 11
Faceless, в том то и дело, что First, не когда мимо не пройдет, если он знает, он всегда поможет.
Страна: (RU )