Мини чат как на сайте www.art-ps.ru
Sиdodжи
Среда, 15 Июля 2015, 12:32 | Сообщение 1
1) Хотелось бы растянуть мини-чат так как на сайте www.art-ps.ru. Я пытался сам, но после этого у меня шаблон кривой был.. 2) www.ps-masters.3dn.ru 3) скрин не нужен. 4) Вот блок RIGHT, в котором находится мини-чат
Код
<div class="inf"> <div class="inf-title"><span>Последние ответы с форума</span></div> <div class="inf-content"> <table class="inf-table"> <tr> <td>Форум</td> <td align="center">Ответы</td> </tr> $MYINF_1$ </table> </div> <div class="inf-bottom"></div> </div> <div class="menu"> <div class="menu-title"><span>Навигация</span></div> <div class="menu-content"> <ul> <li><a href="/forum/5" title"Платные и бесплатные заказы">Заказ графики</a></li> <li><a href="/forum/4" title"Вакансии">Набор дизайнеров</a></li> <li><a href="/forum" title"Форум PSM">Форум</a></li> <li><a href="/load" title"Photoshop Материалы">Файлы</a></li> <li><a href="/forum/" title"Уроки по Photoshop">Статьи</a></li> </ul> </div> <div class="menu-bottom"></div> </div> <?if($CHAT_BOX$)?> <div class="chat"> <div class="chat-title"><span>Мини-чат</span></div> <div class="chat-content"> $CHAT_BOX$ </div> <div class="chat-bottom"></div> </div> <?endif?> <?if($MODULE_ID$="index")?> <div class="cat"> <div class="cat-title"><span>Новые пользователи</span></div> <div class="cat-content"> <div style="margin-left:17px;">$MYINF_4$</div> </div> <div class="cat-bottom"></div> </div> <?else?> <?if($CATEGORIES$)?> <div class="cat"> <div class="cat-title"><span>Категории</span></div> <div class="cat-content"> $CATEGORIES$ </div> <div class="cat-bottom"></div> </div> <?endif?> <?endif?> <div class="stat"> <div class="stat-title"><span>Статистика</span></div> <div class="stat-content"> <p class="counters"> <noindex><!--cy-pr.com--><a href="http://www.cy-pr.com/" target="_blank" rel="nofollow"><img src="http://www.cy-pr.com/e/art-ps.ru_3_107.138.206.gif" border="0" width="88" height="31" alt="Анализ сайта онлайн" /></a><!--cy-pr.com--></noindex> <noindex>$COUNTER$</noindex> </p> <p class="data"> $MYINF_2$ </p> <p class="online"> <div style="margin-left:7px;margin-right:5px;color:#0082a8;"> $ONLINE_COUNTER$ <br> $ONLINE_USERS_LIST$ </div></p> <script type="text/javascript"> NanUsers = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; }; $.get('/index/62-2', function(numUs){ $("#usNaN").append( $('a',$('cmd[p="content"]',numUs).text()).size() ); $("#userkaNum").append( NanUsers($('a',$('cmd[p="content"]',numUs).text()).size(), 'человек', 'человека', 'человек') ); }); </script> <p class="online"> Сегодня нас посетили: <b id="usNaN"></b> user's <div style="margin-left:7px;margin-right:5px;color:#0082a8;"> $MYINF_3$ </div> </p> </div> <div class="stat-bottom"></div> </div> <div class="cat"> <div class="cat-title"><span>Витрина ссылок</span></div> <div class="cat-content"> <center> <noindex><a class="comm-add" rel="nofollow" href="http://buy-link.ru/advert.html&sub=link&undersub=add&id=2380"><b>Купить ссылку (5 р.)</b></a></noindex> <br> <noindex><script language='JavaScript' charset='windows-1251' src='http://buy-link.ru/codes/link.php?id=2380'></script></noindex><br><noindex><a href='http://buy-link.ru/registration.html&ref=1059'><b>Поставить к себе на сайт</b></a></noindex> </center> </div> <div class="cat-bottom"></div> </div> <div class="ads"> </div> <div class="inf"> <div class="inf-title"><span>Партнеры сайта</span></div> <div class="inf-content"> <center> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <hr> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> <a href="/forum/3-21-1"><img src="/img/88x31.png" alt="" /></a> </center> </div> <div class="inf-bottom"></div> </div><br><br><br><br>
Добавлено (15.07.2015, 12:32) --------------------------------------------- Сам Мини-Чат 1.Вид материалов
Код
<div class="msg"> <div class="chat-name"><?if($USERNAME$)?><a href="$PROFILE_URL$" title="$NAME$" rel="nofollow"><img alt="" src="http://s40.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a><?endif?> <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></div><div class="chat-time" title="$DATE$">$TIME$</div> <div class="chat-text">$MESSAGE$</div> </div>
2.Форма добавления сообщений
Код
<?if($USER_LOGGED_IN$)?> <div style="padding-top:5px;"></div> <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" cols="0" rows="0" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:31px;width:110px;resize:none;margin-top:3px;"></textarea> <div class="chat-buttons"> <a href="$RELOAD_URI$" title="Обновить"><img src="/img/chat-4.png" width="15" height="16"></a> <?if($SMILES_URI$)?><a href="$SMILES_URI$" title="Вставить смайл"><img src="/img/chat-2.png" width="15" height="16"></a><?endif?> <?if($BBCODES_URI$)?><a href="$BBCODES_URI$" title="BB-Коды"><img src="/img/chat-1.png" width="15" height="16"></a><?endif?> <?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$" title="Управление сообщениями"><img src="/img/chat-3.png" width="15" height="16"></a><?endif?> </div> <input style="margin-left:3px;" type="submit" class="chat-send" value="Написать"> <?else?> <div style="background: url() #a90000;border:1px solid #880000;margin-top:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;"><div style="border:1px solid #ff0000;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#fff;text-shadow:0 1px 0 #000;" align="center">Вы не можете добавлять сообщения в чат <a href="$REGISTER_LINK$" style="color:#fff;text-decoration:underline;padding:5px;">Зарегистрируйтесь</a> или <a href="$LOGIN_LINK$" style="color:#fff;text-decoration:underline;">Войдите</a> под своим логином!</div></div> <?endif?>
PS-MASTERS.3DN.RU - Всё для Adobe Photoshop. PSD, стили, шрифты, renders, плагины, фильтры и т.д.
[ RU ]
workman
Среда, 15 Июля 2015, 12:47 | Сообщение 2
Sиdodжи , ГОТОВО... СМОТРИ У СЕБЯ НА САЙТЕ
[ RU ]
Sиdodжи
Среда, 15 Июля 2015, 12:49 | Сообщение 3
workman , спасибо, но там как бы криво блоки стоят..
PS-MASTERS.3DN.RU - Всё для Adobe Photoshop. PSD, стили, шрифты, renders, плагины, фильтры и т.д.
[ RU ]
workman
Среда, 15 Июля 2015, 12:51 | Сообщение 4
ТЕМУ МОЖНО ЗАКРЫТЬ. РЕШЕНО
[ RU ]
First-1
Среда, 15 Июля 2015, 13:02 | Сообщение 5
Sиdodжи , не устал шаблоны менять?
[ ES ]
Sиdodжи
Среда, 15 Июля 2015, 13:04 | Сообщение 6
First , Да вот, ищу свой единственный)
PS-MASTERS.3DN.RU - Всё для Adobe Photoshop. PSD, стили, шрифты, renders, плагины, фильтры и т.д.
[ RU ]
workman
Среда, 15 Июля 2015, 13:11 | Сообщение 7
First , Так это наоборот, придает драйва может быть человеку ... За одно и учится
[ RU ]
Kosten
Среда, 15 Июля 2015, 16:00 | Сообщение 8
Цитата First (
)
не устал шаблоны менять?
Это можно сказать азы сайто строение
[ RU ]