| hardy |
Дата: Вторник, 20.09.2011, 19:12 | Сообщение # 1 |
Hardy всегда прав!
|
.
Удобная модер-панель, с красивым дизайном от ReSLeaR'a
Установка ! заходим в ПУ - Каталог Файлов - Вид Материалов
в самый низ :
Code <script type="text/javascript">$(function(){$("div#moderpan$ID$").click(function() {$(this).find('span').show('toggle');}).mouseleave(function(){$(this).find('span').hide('toggle');});});</script>
по месту обычно перед $MESSAGE$
Code <?if($NOT_ACTIVE$)?> <div class="noaktive">Этот Материал не активирован! <a href="javascript://" onclick="_entrRem('aib$ID$','/index/91-5-$ID$','http://s51.ucoz.net','Вы действительно хотите активировать данный материал?');return false;">Активировать</a>?</div> <?endif?>
далее по месту :
Code <a href="javascript://" style="float: right" onclick="$('div#moderpan$ID$').click();">Редактировать</a></center> <div class="moderpan" id="moderpan$ID$" style='-webkit-box-shadow:0 0 10px ##DBE2F7;-moz-box-shadow:0 0 10px #DBE2F7;box-shadow:0 0 10px #DBE2F7;'> <span class="mdrnlist"> <a href="javascript://" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-3-$ID$'});return false;" title=""><img src="http://uarts.ucoz.ru/tag.png" border="0" /> Изменить Теги</a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-3-$ID$'});return false;" title=""><img src="http://uarts.ucoz.ru/numm.png" border="0" /> Счётчики</a> <a href="/load/0-0-0-$ID$-13" title=""><img src="http://uarts.ucoz.ru/edit.png" border="0" /> Редактировать</a> <a href="javascript://" onclick="if(confirm('Вы действительно хотите удалить материал?'))$.get('/index/92-5-$ID$-<?substr($MODER_PANEL$, strrpos($MODER_PANEL$,"','h")-8,8)?>',function(){setTimeout(function(){_uWnd.alert('Материал успешно удален!!','Внимание',{w: 300, h: 60, tm: 1000000});$('#entryID$ID$').fadeOut('slow');},2000)});"><img src="http://uarts.ucoz.ru/del.png" border="0" /> Удалить</a> </span> </div>
в css (Можете Настроить под себя!):
Code div.moderpan div.result {
cursor: pointer;
width: 310px;
float: right;
position:relative
}
div.moderpan span.mdrnlist{
display: none;
-webkit-box-shadow:0 0 10px ##DBE2F7;
-moz-box-shadow:0 0 10px #DBE2F7;
box-shadow:0 0 10px #DBE2F7;
border:#BFCCEF solid 1px;
width: 117px;
position: absolute;
border-bottom: none;
overflow: hidden;
margin-top: 20px;
margin-left: 40px;
}
div.moderpan span.mdrnlist a{
height: 17px;
width: 110px;
display:block;
padding-top:4px;
padding-left:7px;
border-bottom:#BFCCEF solid 1px;
background:#F1F4FF;
color:#4E5363;
text-align:left;
text-decoration:none;
font-size:11px;
font-family:Tahoma;
}
div.moderpan span.mdrnlist a:hover{
background:#FFF;
color:#3D414E;
}
.noaktive{
margin: 10px; background-color: #FED3D3;
border: #EB6366 solid 1px;
color: #FC6969;
font-family: Verdana;
font-size: 10pt;
padding: 5px;
box-shadow:0 0 10px 0 #FED3D3;
-webkit-box-shadow:0 0 10px 0 #FED3D3;
-moz-box-shadow:0 0 10px 0 #FED3D3;
border-radius: 5px;
width:400px;
text-shadow: 1px 1px 1px #FDEEF3;
}
.noaktive a{
text-decoration: none;
color: #EB6366;
font-weight: bold;
text-shadow: 1px 1px 1px #FDEEF3;
}
.noaktive a:hover{
text-decoration: underline
}
тоже самое только сжатый что бы быстрее грузился !
Code div.moderpan div.result{cursor:pointer;width:310px;float:right;position:relative}div.moderpan span.mdrnlist{display:none;-webkit-box-shadow:0 0 10px ##DBE2F7;-moz-box-shadow:0 0 10px #DBE2F7;box-shadow:0 0 10px #DBE2F7;border:#BFCCEF solid 1px;width:117px;position:absolute;border-bottom:none;overflow:hidden;margin-top:20px;margin-left:40px}div.moderpan span.mdrnlist a{height:17px;width:110px;display:block;padding-top:4px;padding-left:7px;border-bottom:#BFCCEF solid 1px;background:#F1F4FF;color:#4E5363;text-align:left;text-decoration:none;font-size:11px;font-family:Tahoma}div.moderpan span.mdrnlist a:hover{background:#FFF;color:#3D414E}.noaktive{margin:10px;background-color:#FED3D3;border:#EB6366 solid 1px;color:#FC6969;font-family:Verdana;font-size:10pt;padding:5px;box-shadow:0 0 10px 0 #FED3D3;-webkit-box-shadow:0 0 10px 0 #FED3D3;-moz-box-shadow:0 0 10px 0 #FED3D3;border-radius:5px;width:400px;text-shadow:1px 1px 1px #FDEEF3}.noaktive a{text-decoration:none;color:#EB6366;font-weight:700;text-shadow:1px 1px 1px #FDEEF3}.noaktive a:hover{text-decoration:underline}
|
| |
|
|
|
|
