Новая страница ЛС для uCoz

Новая страница ЛС для uCoz

15.08.201269008

Стандартная страница личных сообщений не имеет никакого продуманного дизайна. Поэтому проблему решает новая страница ЛС для uCoz.

На страницу ЛС следующий код:



Code
<html>  
<head>  
<title>Личные сообщения</title>  
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
<style type="text/css">  
hr {margin:-1px;}  
.LskiPm {border:0px; border-top:1px solid #ccc;}  
.ActiveLinks {background:#f3f3f3; padding:5px 5px 7px 5px;}  
.mesReadTitle {border:0px; border-bottom:1px solid #ccc; background:#f3f3f3 url('/images/new/white_grad.png') repeat-x 0 0; font-size:11px; font-family:tahoma; color:#666; padding:4px 6px 4px 6px; text-shadow:#fff 0px 1px 0px;}  
.avkaRead {border:0px; border-right:1px dotted #ccc; background:#f7f7f7; padding:5px;}  
#dpms2 {border:none !important; padding:0px; width:13px; height:13px; margin-right:4px;}  
#LStoUser, #lsSubject {border:1px solid #ccc;}  
#eMessage {padding-top:5px; padding-bottom:4px; min-height:15px; margin-top:1px;}  
#histor {overflow-y: scroll; height:78px;}  
hr {display:none;}  
#NonHister {border:1px solid #a5453e; background:#d46a69; padding:5px; color:#fff; text-align:center; text-shadow:0px 1px 0px #a5453e;}  
</style>  
</head>  
<body style="background:#f2f2f2;margin:0;padding:0px;">  
<div style="border-bottom:1px solid #fff;"><div class="HeadYafe"><div class="wrapDiz">  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td style="width:200px;">  
<a href="$HOME_PAGE_LINK$"><img src="/rurip/images/usite-v.png" border="0" /></a>  
</td>  
<td style="padding-left:10px;">  
<style>  
ul.uSiteM {list-style:none; margin:0px; padding:0px; font-size:11px; font-family:tahoma;}  
ul.uSiteM li {display:inline-block; border:0px; border-left:1px solid #fff; border-right:1px solid #ccc; padding:1px 10px;}  
ul.uSiteM li a {text-decoration:none; color:#5375a1; font-weight:bold;}  
ul.uSiteM li a:hover {text-decoration:underline; color:#4e6d97; font-weight:bold;}  
.MenusWrap1 {padding:4px 0px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}  
a.Hmenu1:link, a.Hmenu1:active, a.Hmenu1:visited {text-decoration:none; color:#4a688e; padding:5px 8px; margin-right:3px; border:1px solid #ddd; display:inline-block; background:#f5f5f5; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}  
a.Hmenu1:hover {text-decoration:none; color:#4a688e; padding:5px 8px; margin-right:3px; border:1px solid #ccc; display:inline-block; background:#fff; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}  
</style>  
<ul class="uSiteM">  
<li style="border-left:0px;"><a href="/">Главная</a></li><li style=""><a style="color:orange;" href="/">Ссылка</a></li><li style=""><a href="/forum">Форум</a></li><li style=""><a href="/news">Микробары</a></li><li style=""><a href="#">Ссылка</a></li><li style=""><a href="#">Ссылка</a></li><li><a href="/forum/0-0-1-34">Новые сообщения</a></li><li style="border-right:0px;"><a href="#">Ссылка</a></li>  
</ul>  
</td>  
</tr></table>  
</div></div></div>  
<div class="wrapDiz" style="padding:10px 0px;">  
<div class="BlockTitlle" align="center"><b>Личные сообщения</b></div>  
<div class="BlockCont" style="padding:0px;">  
<div id="qq_body">$BODY$<script>  
var parameters = ['http://www.ujs.su/JS/pmHistory.css','http://www.ujs.su/JS/scr/no_avatar.png']; // Параметры скрипта. [0] - ссылка на стили css, [1] - ссылка на no avatar  
</script>  
<script type="text/javascript" src="http://www.ujs.su/JS/pmHistory.js"></script> </div>  
</div></div>  

<script type="text/javascript">  
$(".pmCatLink").parent('div').addClass('ActiveLinks');  
$("tr[id^='ent']:first").parents('table:first').addClass('LskiPm');  
$(".LskiPm").attr({cellpadding: '0', cellspacing: '0'});  
$(".LskiPm").before( $('.ForLski').html() );  
$("tr[id^='ent']").each(function() {  
if($(this).find('b.unread').html()){w = 'Не прочитано'}else{w = '<span style="color:#ccc;">Прочитано</span>'};  
$(this).find('td:first').attr('width', '22px').css({'border-right' : '1px solid #ccc' , 'border-bottom' : '1px solid #ccc' , 'color' : 'lightgray' , 'background-color' : '#f7f7f7' , 'padding' : '5px'});  
$(this).find('td:eq(1)').css({'padding' : '5px' , 'border-right' : '1px solid #ccc' , 'border-bottom' : '1px solid #ccc'});  
$(this).find('td:eq(2)').before('<td style="border:0px; background:#f7f7f7; padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;" width="92px" valign="middle" align="center"><span style="color:gray;"><b class="statMes">'+w+'</b></span></td>');  
$(this).find('td:eq(2)').css({'border-right' : '1px solid #ccc' , 'width' : '92px'}).attr({width: '92px'});  
$(this).find('td:eq(3)').addClass('TdsIm').css({'border-right' : '1px solid #ccc', 'border-bottom' : '1px solid #ccc', 'width' : '120px', 'background-color' : '#f7f7f7' , 'padding' : '5px' , 'color' : 'lightgray'}).attr({width: '120px', align: 'center'});  
$(this).find('td:eq(4)').css({'width' : '39px' , 'border-bottom' : '1px solid #ccc' , 'color' : 'lightgray' , 'background-color' : '#f7f7f7'}).attr({width: '39px', align: 'center'}).find('a').css({'margin-right' : '3px'});  
});  
$('form[name="fuser"]').hide();  
$('form[name="fuser"]').prev('hr').hide();  

if ($('td:contains("Сообщений нет")').text()) {  
$('td:contains("Сообщений нет")').parent('tr').parent('tbody').parent('table').hide().after('<div style="border:0px; border-top:1px solid #ccc; padding:15px; text-align:center;">Печалька =( Сообщений нет.</div>');  
}  

else if (location.href.split('/')[4] == '14-0-0' | location.href.split('/')[4] == '14' | location.href.split('/')[4] == '14-0-1') {  
$('input[title="Выбрать все"]').parent('td').hide();  
var chekk = '<input id="dpms2" onmouseover="this.src=\'http://s20.ucoz.net/img/fr/mnD_.gif\'" onmouseout="this.src=\'http://s20.ucoz.net/img/fr/mnD.gif\'" src="http://s20.ucoz.net/img/fr/mnD.gif" title="Удалить отмеченные" height="16" type="image" width="16"><input name="soll" style="vertical-align:middle;" onclick="checkall(this);checkit();" title="Выбрать все" value="0" type="checkbox"> <span id="dLoad"></div>';  
$(".ActiveLinks").prepend('<div style="float:right; margin-right:-1px; margin-top:1px;">'+chekk+' </div>');  
$("#dpms2").click(function(){ $("#dpms").click() });  
$(".LskiPm").css({'margin-bottom' : '-1px'});  
}  

else if (location.href.split('/')[4] == '14-0-0-1' || $('#PMtoUser').val()) {  
$("#secuCode").parent('td').css({'padding-left' : '5px', 'padding-top' : '5px'});  
$("#secuCode").css({'height' : '35px', 'border' : '1px solid #ba2136', 'font-weight' : 'bold', 'width' : '75px'}).wrap('<div style="display:inline-block; margin-left:-28px;"></div>');  
$("hr").hide();  
$('input[title="Bold"]').parent('span').parent('div').hide();  
$(".smiles").parent('td').hide();  
$(".ActiveLinks").css({'border-bottom' : '1px solid #ccc'});  

$("#message").before('<div style="border:0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#f3f3f3; padding:5px; margin:0px 0px 5px 0px;"><div style="float:right; width:620px; clear:right;"><input id="lsSubject" placeholder="Тема..." value="" style="width: 100%;" maxlength="100" size="20" type="text"></div><input id="LStoUser" placeholder="Получатель..." value="" size="30" type="text"></div>');  
$('#LStoUser').val($('#PMtoUser').val());  
var field = ['#LStoUser', '#PMtoUser', '#lsSubject', '#pmSubject'];  
$(field[0]).keyup(function () { $(field[1]).val($(field[0]).val()); });  
$(field[2]).keyup(function () { $(field[3]).val($(field[2]).val()); });  

$("#pmSubject, #PMtoUser").parent('td').parent('tr').hide();  
$("#eMessage").html('<div style="">Внимание! Флуд и спам в личных сообщениях строго запрещён!</div>');  

$("#message").css({'border' : '1px solid #ccc', 'height' : '90px'}).wrap('<div style="padding:0px 4px;"></div>');  
$('input[value="Просмотреть"]').parent('td').parent('tr').hide();  
$('input[value="Просмотреть"]').parent('td').parent('tr').parents('table:last').after('<div style="border:0px; border-top:1px solid #ccc; background:#f3f3f3; padding:5px; text-align:center; margin-top:5px;" id="FormAddBut"></div>');  
var txtAddB = $("#sbm").val();  
function forthisrem(){ $("#eMessage").html("<div>Внимание! Флуд и спам в личных сообщениях строго запрещён!</div>") };  
$("#FormAddBut").html('<div class="input_submit alt" onclick="prepost();" style="margin:0px; margin-right:3px;">Просмотреть</div><div class="input_submit alt" onclick="$(\'#sbm\').click()" style="margin:0px; margin-right:3px;"><b>'+txtAddB+'</b></div><div class="input_submit alt" onclick=$(\'input[value="Отменить"]\').click();forthisrem(); style="margin:0px; margin-right:3px;">Отменить</div>');  
}  

else if ($("#newmess").html()) {  
function new_message(t){if (t==1){try{ document.getElementById('newmess').style.display='';document.getElementById('message').focus();document.getElementById('snewmes').style.display='none';}catch(e){}}else {try{document.getElementById('newmess').style.display='none';document.getElementById('snewmes').style.display='';}catch(e){}}}
$(".BlockCont").wrapInner('<div id="readLS"></div>'); $("#readLS").hide();  

$("#secuCode").parent('td').css({'padding-left' : '5px', 'padding-top' : '5px'});  
$("#secuCode").css({'height' : '35px', 'border' : '1px solid #ba2136', 'font-weight' : 'bold', 'width' : '75px'}).wrap('<div style="display:inline-block; margin-left:-32px;"></div>');  

$("#readLS").before('<div class="ActiveLinks">'+$(".ActiveLinks").html()+'</div>');  
$("#eMessage").parent('td').parent('tr').next().hide();  
$("#eMessage").parent('td').parent('tr').next().next().find('td div:first').hide();  
$(".smiles").parent('td').hide();  
$("#message").css({'border' : '1px solid #ccc', 'height' : '90px'});  

$('input[value="Просмотреть"]').parent('td').parent('tr').hide();  

var timeTheme = $("#readLS table:first").find('td:eq(1)').html(); // Время темы  
var nameTheme = $("#readLS table:first").find('td:first a').prev().text(); // Название темы  
var userTheme = $("#readLS table:first").find('td:first a').text(); // Ник пользователя  
var linkTheme = $("#readLS table:first").find('td:first a').attr('href'); // Ссылка пользователя  
var meseTheme = $("#readLS table:first").find('td:eq(3)').html(); // Само сообщение  

var txtAddB = $("#sbm").val(); // текст кнопки  
$("#eMessage").html("<div>Внимание! Флуд и спам в личных сообщениях строго запрещён!</div>");  
function forthisrem(){ $("#eMessage").html("<div>Внимание! Флуд и спам в личных сообщениях строго запрещён!</div>") };  

$("#readLS").before('<div style="border:0px; border-top:1px solid #ccc;" id="toMess"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" class="avkaRead" width="100px"><img src="/images/noavatar_big.png" border="0" align="absmiddle" style="width:100px; height:100px;"></td><td valign="top"><div class="mesReadTitle"><div style="float:right; color:#aaa;">'+timeTheme+'</div><b>'+nameTheme+'</b> <b>(<a style="margin-right:1px;" href="'+linkTheme+'">'+userTheme+'</a>)</b></div><div style="padding:5px;" id="forHist">'+meseTheme+'</div></td><td width="33%" style="border:0px; border-left:1px solid #ccc;" valign="top"><div class="mesReadTitle"><b>История</b></div><div style="padding:5px;" id="histor"></div></td></tr></table><div style="border-top:1px solid #ccc; padding:0px 5px;">'+$("#newmess").html()+'</div><div style="border:0px; border-top:1px solid #ccc; background:#f3f3f3; padding:5px; text-align:center; margin-top:6px;"><div class="input_submit alt" onclick="prepost();" style="margin:0px; margin-right:3px;">Просмотреть</div><div class="input_submit alt" onclick="$(\'#sbm\').click()" style="margin:0px; margin-right:3px;"><b>'+txtAddB+'</b></div><div class="input_submit alt" onclick=$(\'input[value="Отменить"]\').click();forthisrem() style="margin:0px; margin-right:3px;">Отменить</div></div></div>');  
var themesrsk = $('input[name="subject"]').attr({'readonly' : 'readonly'}).css({'width' : '100%', 'border' : '1px solid #ccc', 'background' : '#f5f5f5'}).parent('td').html();  
$.get(linkTheme,function(suka){$(".avkaRead img").attr({'src' : ''+$('#qeqwe', suka).html()+''});});  

$("#message").before('<div style="border:0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#f3f3f3; padding:5px; margin:0px -5px 5px -5px;">'+themesrsk+'</div>');  
$("#forHist .inputPM, #forHist .outputPM").prev('a').hide();  

$('#qq_body').find('[id^="pm"]').each(function(){ $('#histor').append('<div>'+$(this).html()+'</div>') });  
$("#snewmes a").click();  
$("#snewmes").remove();  
if ($('#histor').html().length == '0' || $('#histor').text().length == '0') { $('#histor').html('<div id="NonHister">История сообщений пуста...</div>') };  
}  

else if (/новая награда/gi.test($("#qq_body").html())) {  
$("#qq_body").find("b:contains('Новая награда')").parent('td').parent('tr').parent('tbody').parent('table').wrap('<div id="lsGift"></div>').hide();  
var nagrada = [$("#lsGift").find('table tr:eq(2)').find('div').text(),$("#lsGift").find('table tr:eq(2)').find('div img').attr('src'),$("#lsGift").find('table tr:eq(2)').find('a:first').attr('href'),$("#lsGift").find('table tr:eq(2)').find('a:first').text()];  

var forAVA = $("#lsGift").find('table tr:first td a').attr("href");  
$(".ActiveLinks").after('<div class="LskiPm"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" class="avkaRead" width="100px"><img src="/images/noavatar_big.png" border="0" align="absmiddle" style="width:100px; height:100px;"></td><td valign="top"><div class="mesReadTitle"><div style="float:right; color:#aaa;">'+$("#lsGift").find('table tr:first td:eq(1)').text()+'</div><b>'+$("#lsGift").find('table tr:first td b:first').html()+'</b> <b>(<a style="margin-right:1px;" href="'+$("#lsGift").find('table tr:first td a').attr("href")+'">'+$("#lsGift").find('table tr:first td a').text()+'</a>)</b></div> <div style="padding:10px;"><div style="margin-bottom:13px; margin-left:42px;">Пользователь «<a href="'+nagrada[2]+'"><b>'+nagrada[3]+'</b></a>» подарил Вам награду!</div><img alt="" src="'+nagrada[1]+'" style="width:32px; height:32px; vertical-align:bottom; margin-top:-3px;" border="0"><div style="display:inline-block; width:793px; border:1px solid #ccc; background:#f3f3f3; padding:5px; vertical-align:top; margin-left:10px;">'+nagrada[0]+'</div></div></td></tr></table></div>');  

$.get(forAVA,function(suka){$(".avkaRead img").attr({'src' : ''+$('#qeqwe', suka).html()+''});});  
}  

else if (/репутация была изменена/gi.test($("#qq_body").html())) {  
$("#qq_body").find("b:contains('Репутация была изменена')").parent('td').parent('tr').parent('tbody').parent('table').hide();  

var titleRep = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').find('b').text(); // название ЛС  
var userRepTheme = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').find('a').text(); // имя юзера  
var linkRepTheme = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').find('a').attr('href'); // ссылка на юзера  
var timeRepTheme = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').next().text(); // время  

var numRep = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').parent('tr').next().next().find('td').html();  
var forIFRep = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').parent('tr').next().next().find("td:contains('Уровень репутации был повышен')").text();  
var NaNRep = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').parent('tr').next().next().find('td b:first').text(); // количество репутации  
var uIDRep = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').parent('tr').next().next().find('td b:eq(1)').text(); // кто изменил репутацию  
var dateRep = $("#qq_body").find("b:contains('Репутация была изменена')").parent('td').parent('tr').next().next().find('td').html();  

$(".ActiveLinks").after('<div class="LskiPm"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" class="avkaRead" width="100px"><img src="/images/noavatar_big.png" border="0" align="absmiddle" style="width:100px; height:100px;"></td><td valign="top"><div class="mesReadTitle"><div style="float:right; color:#aaa;">'+timeRepTheme+'</div><b>'+titleRep+'</b> <b>(<a style="margin-right:1px;" href="'+linkRepTheme+'">'+userRepTheme+'</a>)</b></div> <div style="padding:10px; margin-bottom:-10px;">Здравствуйте, <b>'+(/здравствуйте, ([^<>]+)\./gi.exec(numRep)[1])+'</b>.</div><div style="padding:10px;" id="forRep"> Теперь она составляет — <b>'+NaNRep+'</b>.<div style="margin-top:3px;">Изменил: <b>'+uIDRep+'</b> <span style="margin-left:3px; color:#888;">('+/дата: ([^<>]+)/gi.exec(dateRep)[1]+')</span></div></div></td><td width="33%" style="border:0px; border-left:1px solid #ccc;" valign="top"><div class="mesReadTitle"><b>Комментарий</b></div><div style="padding:5px;">'+/комментарий: ([^<>]+)/gi.exec(numRep)[1]+'</div></td></tr></table></div>');  
$.get(linkRepTheme,function(suka){$(".avkaRead img").attr({'src' : ''+$('#qeqwe', suka).html()+''});});  

if (/повышен/g.test(forIFRep)) {$("#forRep").prepend('Репутация была повышена на <b style="color:green">'+(/\[(.+?)\]/g.exec(numRep)[1])+'</b>.');}  
else {$("#forRep").prepend('Репутация была понижена на <b style="color:red">'+(/\[(.+?)\]/g.exec(numRep)[1])+'</b>.');}  
}  

else if ($('.pmCatLinkActive:contains("Отправленные")').text() && $('#qq_body').find('td a')){  
$('#qq_body').find('td a').parent('td').parent('tr').parent('tbody').parent('table').hide();  
var readLSfor = $('#qq_body').find('td a').parent('td').parent('tr').parent('tbody').html();  
var readLSs = $('#qq_body').find('td a').parent('td').parent('tr').next().next().find('td').html();  
var userava = $(readLSfor).find('td:first a').attr("href");  

$(".ActiveLinks").after('<div class="LskiPm"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" class="avkaRead" width="100px"><img src="/images/noavatar_big.png" border="0" align="absmiddle" style="width:100px; height:100px;"></td><td valign="top"><div class="mesReadTitle"><div style="float:right; color:#aaa;">'+$(readLSfor).find('td:eq(1)').text()+'</div><b>'+$(readLSfor).find('td:first b').html()+'</b> <b>(<a style="margin-right:1px;" href="'+$(readLSfor).find('td:first').find('a').attr("href")+'">'+$('#qq_body').find('td a').parent('td').parent('tr:first').find('td a').text()+'</a>)</b></div> <div style="padding:10px;">'+readLSs+'</div></td></tr></table></div>');  
$.get(userava,function(suka){$(".avkaRead img").attr({'src' : ''+$('#qeqwe', suka).html()+''});});  
}  

function hideContent() {  
$('#forHist .inputPM, #forHist .outputPM').each(function(){  
var $hr = $(this),  
hr = $hr[0];  

var $div = $('<div/>').css({  
display: 'none'  
});  
var next;  
for (var obj = hr.parentNode.firstChild; obj && obj != hr; obj = next) {  
next = obj.nextSibling;  
$div.append(obj);  
}  
$div.prependTo($hr.parent());  
});  
}  
hideContent();  
</script>  

<script src="/js/placeholder.js"></script>  
<script type="text/javascript">  
window.onload = function(){  
inputPlaceholder( document.getElementById('LStoUser') )  
inputPlaceholder( document.getElementById('lsSubject') )  
}  
</script>  

</body>  
</html>



Сохраните в социальную сеть
Комментарии (8)
Неплохо смотрится!
2
Гость 20.04.2013 в 18:02Спам
Ссылка в скрипте в никуда : /rurip/images/usite-v.png
(скинули бы оригинал изображения чтобы к себе залить)
0
Гость 15.08.2013 в 12:45Спам
Неполохо
0
хоть бы демо изображение поставили, а то получается кот в мешке!
0
Отстой
-2
tggsite 09.02.2014 в 06:27Спам
на заметку
-2
У неё скрипт не работает)я себе на сайт поставил такую же только доработал,и теперь скрипт парсит аватарку,с персональной страницы в лс!
0
watceric 14.09.2015 в 06:18Спам
Arhiv gde !
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт