Основная проблема «скругления», в получении кроссбраузерностни. Я использую следующий код, для «скругления»:
|
1 2 3 4 5 6 7 |
.round { border: 1px; border-style: solid; border-radius: 5px; -webkit-border-radius: 5px; } |
После чего, в HTML добавляем class=»round» для того элемента углы которого хотим «скруглить», например:
|
1 |
<img width=200 class="round" src="foto.jpg"> |
Наконец сегодня собрался обновить свой рабочий комп с Debian 6 (Squeeze) на Debian (7) Wheezy. В основном чтоб заработал сайт где можно из кирпичиков Лего строить всё что хошь. 😉 В Google Chrome 26 сайт не заработал, а до последнего релиза Chrome, Debian 6-й версии обновится не давал, ибо «устарел». Ну чтож, красота требует жертв, пришлось обновится. Соответственно пришлось поставить всеми ненавидимый Gnome3. На ноутбуке домашнем мне жутко он не понравился из за «тормозов». Однако на работе машинка шустрая, посему минут 20 «напильником», и стало вполне комфортно. Для этого совершенно необходимо установить gnome-tweak-tools (в репозитарии есть). А дальше все просто: заходим на сайт https://extensions.gnome.org, выбираем необходимые расширения, нажимаем ON прямо в браузере, соглашаемся на установку и видим уже запущенное расширение..
В стандартном виде выбор в теге «select» не очень удобен в использовании, когда позиций в списке достаточно много. Однако при использовании плагина chosen и jquery, им пользоваться становится намного приятнее.
Было:
Стало:
Т.е. появился подстрочный поиск. Скачать плагин можно здесь.
Подключается достаточно просто, ниже пример использования:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<head> <meta charset="utf-8"> <link rel="stylesheet" href="docsupport/prism.css"> <link rel="stylesheet" href="chosen.css"> </head> <body> <form> <select data-placeholder="Choose a Country..." class="chosen-select" > <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> </div> <script src="jquery.min.js" type="text/javascript"></script> <script src="chosen.jquery.js" type="text/javascript"></script> <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var config = { '.chosen-select' : {}, '.chosen-select-deselect' : {allow_single_deselect:true}, '.chosen-select-no-single' : {disable_search_threshold:10}, '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}, '.chosen-select-width' : {width:"95%"} } for (var selector in config) { $(selector).chosen(config[selector]); } </script> </form> |
Ситуация: попала в аварию фура с алкогольной продукцией. Часть продукции осталась в «лесу» — выпала из кузова, часть продукции свалена в кузове частично побитая, частично целая.
Задача: необходимо знать какие акцизные марки остались на не поврежденных бутылках, какие акцизные марки утеряны безвозвратно в «лесу», и какие акцизные марки наклеены на битых бутылках. Из известных данных, какие акцизные марки загружены в фуру.
Реализация:
Несколько скриншотов:
Интерфейс ввода начальных сведений о количестве марок:
Интерфейс проверки марок:
Отчет:
SVN репозитарий — можно посмотреть код там.
P.S. собрано «на коленке» в течении рабочего дня, выложено «для того чтобы не потерять».