» »

Оригинальный вид сообщений сайта ucoz


Оригинальный вид сообщений сайта ucoz

Этот код предназначен для одного раздела под названием Личные сообщение на вашем сайте. От стандартного очень отличаться своим дизайном а также своей функциональность. У него свои автономные кнопки, которые идут со своим стилем и при нажатие они меняются. Вообщем страница становиться намного удобней, если вы решите написать или ответить, все отлично работает.

Личные сообщения (ЛС)

Код
<html>  
<head>  
<title>$TITLE$</title>  
</head>  

<body>  
<div class="webo4la_lichnii_coobchenii" style="margin-left:150px;">Личные сообщения</div>  

<center><table cellpadding="0" cellspacing="0" border="0" width="77%" align="center" class="webo4ka_ramka"> <tr> <td width="55%" align="left" valign="top">  
<div class="webo4ka_menu_border"> <div class="webo4ka_menu">  
<a href="/index/14"><span>Принятые</span></a>  
<a href="/index/14-0-1"><span>Отправленные</span></a>  
<a href="/index/14-0-0-1"><span>Отправить ЛС</span></a>  
<a href="/index/14-0-5"><span>Массовая рассылка</span></a>  
<a href="/index/15-1"><span>Список пользователей</span></a>  

<a href="http://webo4ka.ru/"><span>Главная</span></a>  
<a onclick="_uWnd.alert('Администрация сайта не отвечает на вопросы заданные по ЛС,для этого есть Форум!!!','',{w:300,h:50,tm:10000}); return false;"><span><b>Читать всем!</b></span></a>  
</div></div><br>$BODY$</td></tr></table></center>  
</body>  
<script>$('#loading').fadeOut('slow');$('.pmCatLinkActive').next().parent().hide();</script>  
</html>  

<style>  
* {margin:0;padding:0;}  
body{background:#FFF;font-family:tahoma;font-size:11px;}  
td{font-family:tahoma;font-size:11px;}  
#content{border:1px solid #e6e6e6;border-top:none;margin-left:250px;margin-right:250px;}  
a:link {text-decoration:none; color:#838383; font-size:11px; }  
a:visited {text-decoration:none; color:#838383; font-size:11px; }  
a:hover {text-decoration:underline; color:#838383; font-size:11px; }  
a:active {text-decoration:none; color:#838383; font-size:11px; }  

#PMtoUser {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#PMtoUser:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#pmSubject {width:100% !important; padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#pmSubject:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#message {height:135px;width:100%; padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#message:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
.codeButtons {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
.codeButtons:hover {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
input {padding:2px 4px; border: 1px solid #555; background: #f2f2f2; margin: 1px; color: #555; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
input:hover {border: 1px solid #555; background: #fff; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
.sml1{padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#allSmiles{padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
.securityCode {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
.securityCode:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
.unread{color:#ff0000; text-shadow: 0px px 1px #fff;}  
hr{color:#ddd;}  

body {background:#e9e9e9; margin-top:55px !important;margin:0;padding:0;}  
.webo4ka_ramka {border:15px solid #555;-moz-box-shadow:2px 2px 2px 2px #555;-webkit-box-shadow:2px 2px 2px 2px #555;box-shadow:2px 2px 2px 2px #555;}  
.webo4la_lichnii_coobchenii {color:#ddd;font-size:15pt;font-weight:bold;font-family:tahoma;text-align:left; text-shadow:1px 1px 1px #fff;}  
.webo4la_lichnii_coobchenii:hover {color:#555;font-size:15pt;font-weight:bold;font-family:tahoma;text-align:left;}  

.webo4ka_menu_border {border-bottom:1px solid #ccc;border-right:1px solid #ccc; border-left:1px solid #ccc;}  
.webo4ka_menu a {color:#7b7b7b; text-decoration:none;}  
.webo4ka_menu a:hover {color:#5d5d5d;}  
.webo4ka_menu a span {line-height:22px;background:#ededed;padding:4px 6px;border-right:1px solid #ccc;}  
.webo4ka_menu a span:hover {background:#f4f4f4;}  
</style>
01.03.2015 Просмотров: 427 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar