или окно Админ панели можно с помощью данного хак Dle, код взят из стандартного шаблона и немого был улучшен. Форма не требует графических элементов оформления и дополнительных картинок - все сделано при помощи
.
1. Прежде сохраните Бекап шаблона , теперь заменяем файлы из папки
В этом файле все настройки для расположения , вывода информации...
/*---login---*/.loginbox { display: inline; }.loginbox ul.loginbox { margin-top: 30px; float: right; height: 26px; } ul.loginbox li { margin-left: 10px; line-height: 23px; } .loginbtn a { color: #151e05; text-shadow: 0 1px 0 #c0ea78; text-decoration: none; display: block; width: 61px; height: 26px; text-align: center; background: url("../images/loginbtn.png") no-repeat; } .loginbtn a:hover { background-position: 0 -26px; }.logform li.lfield { margin-bottom: 10px; }.logform li.lbtn { text-align: center; } .logform li.lfield input { width: 265px; } .logform li.lfchek input { width: 13px; border: none; background: none; } .logform li.lfchek label { display: inline; margin-bottom: 0.2em; }/*---buttons---*/.btn {cursor: pointer;display: inline-block;background-color: #E6E6E6;background-repeat: no-repeat;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding: 5px 14px 6px;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);color: #333;font-size: 13px;line-height: normal;border: 1px solid #CCC;border-bottom-color: #BBB;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition: 0.1s linear all;-moz-transition: 0.1s linear all;-ms-transition: 0.1s linear all;-o-transition: 0.1s linear all;transition: 0.1s linear all;border-image: initial;}.btn:hover {background-position: 0 -15px;color: #333;text-decoration: none;}.btn:focus {outline: 1px dotted #666;text-decoration: none;}/*---buttons---*//*---Стиль формы---*/.find1 {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);display: inline-block;width: 210px;height: 20px;padding: 4px;font-size: 13px;line-height: 18px;color: gray;border: 1px solid #CCC;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-image: initial;}.find1:focus {outline: 0;border-color: rgba(82, 168, 236, 0.8);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}/*---Стиль формы---*//*---Дополнительные стили---*/.reserlog, .resetlog li {list-style: none;padding-left: 12px;margin: 0;}/*---Дополнительные стили---*/
Проверял во всех браузерах - форма кроссбраузерна.