DLE Хак сложность пароля шкала в процентах

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
DLE Хак сложность пароля шкала в процентах

Небольшой хак дле, который также можно применить и легко настроить под любую известную CMS представляем на сайте «всё для dle» dle9.com, нужен чтобы показать сложность пароля ввода, в виде шкала в процентах. Выполнен на основе плагина jQuery Complexify (GitHub). Должен замечательно смотреться на многофункциональном новостном движке DataLife Engine. Представляет собой начальную версию разработки.

Итак, установка DLE хак сложность пароля шкала в процентах.

В main.tpl, перед вставьте:

[aviable=register|userinfo]<script type="text/javascript" src="{THEME}/js/jquery.complexify.js"></script>
<script>$(function(){$("#password1").complexify({},function(valid,complexity){if(!valid){$('#progress').css({'width':complexity+'%'}).removeClass('progressbarValid').addClass('progressbarInvalid')}else{$('#progress').css({'width':complexity+'%'}).removeClass('progressbarInvalid').addClass('progressbarValid')}$('#complexity').html(Math.round(complexity)+'%')})});</script>
<style type="text/css">
#passwordcheck{width:70%;float:left;margin:10px 0;}
#progressbar{width:100%;height:48px;display:block;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;border-top-right-radius:8px;border-top-left-radius:8px;overflow:hidden;background-color:white;}
#progress{display:block;height:100px;width:0;}
.progressbarValid{background-color:green;background-image:-o-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:-moz-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:-webkit-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:-ms-linear-gradient(-90deg, #8AD702 0, #389100 100%);background-image:linear-gradient(-90deg, #8AD702 0, #389100 100%);}
.progressbarInvalid{background-color:red;background-image:-o-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:-moz-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:-webkit-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:-ms-linear-gradient(-90deg, #F94046 0, #92080B 100%);background-image:linear-gradient(-90deg, #F94046 0, #92080B 100%);}
#status{height:60px;width:100%;border:1px solid #CCCCCC;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color:white;}
#complexityLabel{width:100%;text-align:left;margin-top:-25px;margin-left:5px;font-size:20px;}
#complexity{width:100%;text-align:right;font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;font-weight:700;font-size:60px;margin-top:20px;}
</style>[/aviable]


password1 - id поля с паролем.

Скоро доработаю, будет несколько новых функций.
Автор: Storok
DLE хаки сложность пароля шкала в процентах скачать
  • 40
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак для DLE - ShortMain« Далее Хаки для DLE подсветка ника
Добавление комментарияОставить комментарий
  • № :3
  • 11 июня 2014 16:29
Цитата: qunser
Куда код устанавливать то ?

"В main.tpl, перед вставьте:"
recourse

перед </head>
  • № :2
  • 11 июня 2014 16:22
Куда код устанавливать то ?

"В main.tpl, перед вставьте:"
recourse
  • № :1
  • 8 апреля 2013 21:15
Установка

В main.tpl, перед вставьте:

Перед </head> ?