490f08a9

Делаем рейтинг со звездочками просто !!!!!

Программирование

Tagged Under : , , ,

Помню когда писал первый свой рейтинг со звездочками, то в голову пришла первая и как всегда с комом идея. Если допустить, что каждая звезда это какая то часть из 100%, то эта часть может быть разбита как минимум еще на две части, а то и на четыре. Ну например,  у нас максимально может быть 5 звезд для отображения рейтинга на сайте. Значит каждая звезда 20%, половина звезды 10%, соответственно четверть звезды 5%, три четверти 15%. Итого у нас должно быть 5 картинок: пустая звезда, полностью закрашенная звезда, закрашенная на половину и на четверть (можно и дальше делить, но это уже совсем тупость), также на три четверти. После подсчета рейтинга у нас получилось, что данный продукт (может быть что угодно) имеет рейтинг 37% из ста. Тогда мы должны поступить так, 37/2 и отбросим остаток от деления, то получим 1 полностью закрашенную звезду, далее 17/15 опять откинем остаток и получим еще одну звезду закрашенную на три четверти, остается 2%, но звезды для 2% у нас нет, тогда мы либо игнорируем оставшуюся двойку, либо 37 превращаем в 40 по методу ближайшего большего целого числа, которое делиться на 5 без остатка. И тогда у нас получиться либо так

Рейтинг 35%

Рейтинг 35%

либо так

Рейтинг 40%

Рейтинг 40%

Но ведь можно и так Читать дальше »


Заметки на полях : ul li и надоедливый padding-bottom

Заметки

Tagged Under : , , , ,

Вот верстаю сайт и ставлю социальные кнопки twitter и facebook. Сделал такую структуру

<ul>
<li>Facebook кнопка</li>
<li>Twitter кнопка</li>
</ul>

<style>
ul li {
list-style: none;
padding: 0;
}
</style>

Ну думаю, все в порядке. А нет, padding-bottom все равно есть, не знаю от куда он взялся, но зато понял как его убрать. Читать дальше »


Размеры поля <input type=”file”>

Программирование

Tagged Under : , ,

Мне тут недавно пришлось в одном проекте уменьшать поле загрузки файла на сервер (<input type=”file”>). И именно уменьшать (либо увеличивать), а не украшать или еще что. Все бы  ничего, если бы не Firefox, который не хотел воспринимать css стиль width: 165 px; для поля <input type=”file”> (в Opera, Safari и IE width: xxx px; воспринимается как положено, и поле приводится к той ширине которые указаны вместо xxx).  Читать дальше »


Всплывающее сообщение

Программирование

Tagged Under : , ,

Очень часто на сайте необходимо при совершении каких либо действий пользователем выдавать ему сообщение. Но это всегда хочется сделать как-то красиво, а не обычным корявым alert(). Есть множество методик по этому поводу. Я не буду описывать ни одну из них. Главное, чтобы вы уже знали как расположить окошко с сообщением по центру экрана независимо от скроллинга.  Ну хорошо окошко вывели и оно стоит себе пока мы не прокрутим колесико мышки вниз или вверх. Читать дальше »