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

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

02012-08-1571708Денис Абдуллин

Стандартная страница личных сообщений не имеет никакого продуманного дизайна. Поэтому проблему решает новая страница ЛС для 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>

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (8)
Гладнев Ярослав 2012-08-17 в 23:36Спам
Неплохо смотрится!
2
Гость 2013-04-20 в 18:02Спам
Ссылка в скрипте в никуда : /rurip/images/usite-v.png
(скинули бы оригинал изображения чтобы к себе залить)
0
Гость 2013-08-15 в 12:45Спам
Неполохо
0
Денис Мехедов 2013-08-18 в 15:35Спам
хоть бы демо изображение поставили, а то получается кот в мешке!
0
Игорь Старовойтов 2014-01-13 в 20:58Спам
Отстой
-2
tggsite 2014-02-09 в 06:27Спам
на заметку
-2
Александр Рогаткин 2015-05-20 в 08:41Спам
У неё скрипт не работает)я себе на сайт поставил такую же только доработал,и теперь скрипт парсит аватарку,с персональной страницы в лс!
0
watceric 2015-09-14 в 06:18Спам
Arhiv gde !
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.