ФорумПрограммированиеПыхнуть хотите?Готовые решения → [CSS] звёзды рейтинга

[CSS] звёзды рейтинга

  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 3 марта 2012 г. 10:41, спустя 1 час 55 минут 24 секунды

    простенькая плюшка со звёздами на простом css, пашет в ие7+ и в браузерах))
    недавно делал это и подумал, может кому пригодится:

    демка

    <div class="rate">
       <div style="width:67%"></div>
       <a href="#" title="1"> </a>
       <a href="#" title="2"> </a>
       <a href="#" title="3"> </a>
       <a href="#" title="4"> </a>
       <a href="#" title="5"> </a>
    </div>


    .rate, .rate div, .rate a { background:url('rate.png') 0 0 repeat-x; }
    .rate { width:100px; height:20px; position:relative; }
    .rate div { height:20px; background-position:0 -40px; position:absolute; top:0; left:0; z-index:1; }
    .rate a { float:left; width:20px; height:20px; text-decoration:none; background-position:0 20px; position:relative; z-index:2; }
    .rate:hover a { background-position:0 -20px; }
    .rate a:hover ~ a { background-position:0 0; }
    Высокоуровневое абстрактное говно
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 2 марта 2012 г. 13:50, спустя 3 часа 9 минут 18 секунд

    спасибо, модет пригодится!
    adw/0
  • phpdude

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 2 марта 2012 г. 14:40, спустя 50 минут 11 секунд

    боян
    Сапожник без сапог
  • artoodetoo

    Сообщения: 5139 Репутация: N Группа: в ухо

    Spritz 2 марта 2012 г. 21:41, спустя 7 часов 41 секунду

    Stasovsky, еще бы ссылку на файл с фоном дал
    ιιlllιlllι унц-унц
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 3 марта 2012 г. 6:01, спустя 8 часов 20 минут 26 секунд

  • Sinkler

    Сообщения: 8083 Репутация: N Группа: в ухо

    Spritz 3 марта 2012 г. 6:53, спустя 52 минуты 17 секунд

    ы
  • phpdude

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 3 марта 2012 г. 6:54, спустя 54 секунды

    и это еще сайт программистов.. позор :)
    Сапожник без сапог
  • artoodetoo

    Сообщения: 5139 Репутация: N Группа: в ухо

    Spritz 3 марта 2012 г. 8:45, спустя 1 час 50 минут 49 секунд

    нет чтобы помочь. звери!

    Stasovsky, риспект
    ιιlllιlllι унц-унц
  • artoodetoo

    Сообщения: 5139 Репутация: N Группа: в ухо

    Spritz 3 марта 2012 г. 14:56, спустя 6 часов 10 минут 28 секунд

    аккордеон тоже есть на чистом CSS
    ιιlllιlllι унц-унц

Пожалуйста, авторизуйтесь, чтобы написать комментарий!