Новая версия Мини-Профиля и Мини-Чата на форуме

Lexin · Сообщение **Lexin** » 22 янв 2010, 19:12

На сайтах http://soft-mir.net.ru/ и http://mnogo-softa.net.ru/forum/ установлен какой-то скрипт мини профиля (написал "и мини чата" потому-что видел и мини чат в такой версии только на каком сайте не помню).
Вытаскивать я его пробовал много раз и всё в пустую.
Этот скрипт мне очень нужен. ОЧЕНЬ.
Кто умеет хорошо рипать коды, рипните, кто сможет.
Вот скрины:

Lexin · Сообщение **Lexin** » 23 янв 2010, 08:05

Наконец-то я нашел этот скрипт! Вот скрипт мини-профиля на форуме
Делюсь:

Это в общий вид страницы форума в нижнюю часть сайта после $BODY$

Код: Выделить всё

<div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div>       
        <div class="mini_prof_out" onmouseover="this.className='mini_prof_on'" onmouseout="this.className='mini_prof_out'" id="mini_prof"><div id="sam_profil" style="display:none">       
        <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://i029.radikal.ru/0804/cb/8cc27a1c0e73.gif" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://i021.radikal.ru/0804/53/f5b4265aa726.gif" border="0"><?endif?><?endif?> <br><?if($USER_LOGGED_IN$)?><span style="font-size:9px;">Привет, <b>$USERNAME$</b>!</span><ul class="uz"><li class="m"><a class="m" href="/index/14">Нет новых ЛС</a></li><li class="m"><a class="m" href="javascript://" rel="nofollow" onclick="window.open('/index/8','opt','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Профиль</a></li><li class="m"><a class="m" href="/news/0-0-0-0-1">Добавить материал</a></li><li class="m"><a class="m" href="/forum/">Новое на форуме</a></li><li class="m"><a class="m" href="/index/10" onclick="return confirm('Выйти с аккаунта?');">Выйти</a></li><?else?><a href="/" >Читы для cs 1.6</a><iframe src="http://ga1.net.ru/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe><hr>$LOGIN_FORM$<?endif?></ul></div><span id="open_miniprof">Мини профиль</span><span id="close_miniprof" style="display:none">Скрыть</span></div><script type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100); $("#close_miniprof, #sam_profil").show(100); $("#sam_profil").css("text-align","left");}); $("#close_miniprof").click(function(){$(this).hide(100); $("#sam_profil").hide(100); $("#open_miniprof").show(100); $("#sam_profil").css("text-align","center");});});</script>

И в CSS:

Код: Выделить всё

.mini_prof_out {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 0.5; text-align: center;} .mini_prof_on {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 1; text-align: center;} #mini_prof #close_miniprof {color: #810000; text-decoration: underline; cursor: pointer;} #mini_prof #open_miniprof {color: #3e8144; text-decoration: underline; cursor: pointer;}

Скрин:

Спойлер: Показать +

JavaScriptJavaScript

Lexin · Сообщение **Lexin** » 23 янв 2010, 08:13

А вот наконец-то нашел скрипт мни-чата на форуме
Делюсь: (писал не я, а один чел, который выкладывал скрипт)

1. создаем в файловом менеджере папку ajax_okna
2. туда пихаем документ, который нужно скачать по след.адресу>>>(http://vmire.my1.ru/ajax_okna/mchatcontrol.rar). Сохраните на комп. Теперь откройте с помощью программ winrar или winzip
3. потом идем в управление дизайном => страницы сайта
между </head> и <body>
пихаем:

Код: Выделить всё

<!-- Чат -->

        <div style="position:absolute;position:fixed;bottom:1;right:1;">
        <div id="chat" style="display: none;"><table border="0" cellpadding="0" cellspacing="0" width="300" style="border: 1px solid gray; background: #f6f6f6;">
        <tr><td height="32" background="http://k-o-t.net/images2/chat300.png"></td></tr><tr><td style="background: #f6f6f6; text-align: center; border-top: 1px solid gray;">
        <iframe id="mchatIfm2" style="width:100%;height:300px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe>
<script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?422832935.310169'});}
function countMessLength(){var rst = 200-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,200));}$('#jeuwu28').html(rst);}
var tID7174=-1;var tAct7174=false;
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})}
</script>
<form  style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td>
<input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="Имя" title="Имя" onfocus="if(this.value==$(this).attr('title')){this.value='';}" style="width:100%;">
</td><td align="center">
<select id="mchatRSel" onchange="setT7174(this);" class="mchat" size="1" title="Автообновление" style="font-size:7pt;"><option value="0">--</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select>
</td></tr><tr><td width="206">
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:100%;resize:none;"></textarea></td><td align="center" valign="top" width="60">
<table border="0" cellpadding="0" cellspacing="0" width="60">
<tr><td width="60" align="center" valign="top"><div style="font-size:10px;"><b id="jeuwu28">200</b></div></td></tr>
<tr><td width="60" align="center" valign="bottom"><input value="Отправить" class="mchat" id="mchatBtn" type="submit"><img style="display: none;" id="mchatAjax" src="http://k-o-t.net/images2/10-0.gif" border="0" width="56" height="21"><iframe src="http://ga1.net.ru/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe></td></tr></table>
</td></tr></table>
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form>
<script type="text/javascript">initSel7174();</script>
</td></tr></table></div>
        <div style="height: 22px; width: 298px; border: 1px solid gray; background: #f6f6f6; margin-top: 1px;">
        <div style="float:right; height: 18px; width: 48px; border-left: 1px solid gray;text-align: center; padding-top: 4px;">23:09</div>
        <div style="float: left; padding-top: 3px;"><a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img src="http://k-o-t.net/images2/arrow-circle-double-135.png" alt="Обновить" border="0" width="16" height="16" style="padding-left: 3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://k-o-t.net/images2/emoticon_smile.png'},{url:'/index/35-0-2'});return false; "><img src="http://k-o-t.net/images2/emoticon_smile.png" height="16" width="16" border="0" alt="Смайлы" style="padding-left: 3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление сообщениями',580,600,{autosize:0,resize:0,icon:'http://k-o-t.net/images2/advancedsettings.png'},{url:'/ajax_okna/mchatcontrol.html', xml: false});return false; "><img src="http://k-o-t.net/images2/advancedsettings.png" height="16" width="16" border="0" alt="Управление мини-чатом" style="padding-left: 3px;"></a></div>
        <div style="margin-top: 4px; text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)">МИНИ-ЧАТ</a></div>
        </div></div>

<!-- End Чат -->

4.настраиваем дальше скрипт под себя

Скрин:

Спойлер: Показать +

JavaScriptJavaScript

Lexin · Сообщение **Lexin** » 23 янв 2010, 08:17

Теперь можно эту тему и в раздел "Скрипты и интересные решения"

Сообщение **SOKOJI** » 23 янв 2010, 11:54

Тему перенес.

На самом деле, ничего сложного нет. Просто фиксированное (либо абсолютное) позицирование div-блоков. Просто следует почаще читать различные статьи про html и css

Lexin · Сообщение **Lexin** » 23 янв 2010, 14:00

SOKOJI писал(а):следует почаще читать различные статьи про html и css

это верно, надо =)

Lexin · Сообщение **Lexin** » 23 янв 2010, 14:03

Но у меня всё-равно проблема появилась.
Не знаю как именно в этот мини чат установить картинку фона на которых будут отображаться сообения. и + не могу вставить в мини чат новые дополнительные строки
там только строка "Имя" а мне оно не нужно, мне нужно поле "Настроение" и "Хочется"

Lexin · Сообщение **Lexin** » 24 янв 2010, 20:39

Как такое осуществить?
Чтобы появилось еще 2 поля выше поля ответа (как на скрине) и чтобы появились надписи в полях (как на скрине) и чтобы нажав курсором по полю надписи исчезали.

Вот код:

Код: Выделить всё

<!-- Чат -->
<div style="position:absolute;position:fixed;bottom:1;right:96;">
<div id="chat" style="display: none;"><table border="0" cellpadding="0" cellspacing="0" width="300" style="border: 1px solid gray; background: #f6f6f6;">
<tr><td height="32" background="/images/chat300.png"></td></tr><tr><td style="background: #f6f6f6; text-align: center; border-top: 1px solid gray;">
<iframe id="mchatIfm2" style="width:100%;height:300px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe>
<script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?422832935.310169'});}
function countMessLength(){var rst = 500-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,500));}$('#jeuwu28').html(rst);}
var tID7174=-1;var tAct7174=false;
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})}
</script>
<form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td></td><td align="center">
<select id="mchatRSel" onchange="setT7174(this);" class="mchat" size="1" title="Автообновление" style="font-size:7pt;"><option value="0">--</option><option value="5">5 сек</option><option value="10">10 сек</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select>
</td></tr>
<tr><td width="206">
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:100%;resize:none;"></textarea></td><td align="center" valign="top" width="60">
<table border="0" cellpadding="0" cellspacing="0" width="60">
<tr><td width="60" align="center" valign="top"><div style="font-size:10px;"><b id="jeuwu28">500</b></div></td></tr>
<tr><td width="60" align="center" valign="bottom"><input value="Отправить" class="mchat" id="mchatBtn" type="submit"><img style="display: none;" id="mchatAjax" src="/images/10-0.gif" border="0" width="56" height="21"></td></tr></table>
</td></tr></table>
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #f6f6f6; margin-top: 1px;">
 <div style="float:right; height: 18px; width: 48px; border-left: 1px solid gray;text-align: center; padding-top: 4px;">$TIME$</div>
<div style="float: left; padding-top: 3px;"><a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img src="/images/arrow-circle-double-135.png" alt="Обновить" border="0" width="16" height="16" style="padding-left: 3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'/images/emoticon_smile.png'},{url:'/index/35-0-2'});return false; "><img src="/images/emoticon_smile.png" height="16" width="16" border="0" alt="Смайлы" style="padding-left: 3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление сообщениями',580,600,{autosize:0,resize:0,icon:'/images/advancedsettings.png'},{url:'/js/mchatcontrol.html', xml: false});return false; "><img src="/images/advancedsettings.png" height="16" width="16" border="0" alt="Управление мини-чатом" style="padding-left: 3px;"></a></div>
<div style="margin-top: 4px; text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)">МИНИ-ЧАТ</a></div></div></div>
<!-- End Чат -->

Сообщение **SOKOJI** » 24 янв 2010, 21:44

Lexin, сам ответил на свой вопрос и, я уверен, узнал для себя немало нового. Ставлю +1!

Lexin · Сообщение **Lexin** » 25 янв 2010, 18:17

SOKOJI писал(а):сам ответил на свой вопрос и, я уверен, узнал для себя немало нового

эт верно =)

SOKOJI писал(а):Ставлю +1!

Огромное спасибо =)

Web-Codes

Новая версия Мини-Профиля и Мини-Чата на форуме

Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме

Re: Новая версия Мини-Профиля и Мини-Чата на форуме