• creatyna - inspiracje i informacje
  • web.creatyna - tutoriale dla webdesignerów
  • tech|Creatyna - blog o internecie

  • rss|Creatyna - wszystkie serwisy w jednym RSS

środa, 6 października 2010

Skróty klawiszowe - ostyluj je CSSem

Dzisiaj natrafiłem na ciekawą stronę (przez Twittera), na której możemy znaleźć gotowy plik CSS, który posłuży nam do prostego stworzenia przycisków pseudo klawiaturowych. Może się to przydać przy różnorakich tutorialach, gdzie chcemy opisać skróty klawiszowe. Sam efekt jest całkiem niezły, autor zapewnia o działaniu w najnowszych przeglądarkach, jednak nie jest to prawdą, bo w pełni działa tylko w Firefoxie, może w nowszych wersjach uda się to poprawić.


Style te wydane są w dwóch wersjach; ciemnej i jasne, sposób ich użycia jest bardzo prosty, mianowicie należy dołączyć gotowy styl CSS do swojej strony i użyć następującego kodu:

<kbd>ctrl</kbd> + <kbd>S</kbd>
    
    <kbd class="dark">ctrl</kbd> + <kbd class="dark">S</kbd>
    
    <span class="dark-keys">
        <kbd>ctrl</kbd> + <kbd>S</kbd>
    </span>
    
    
    <kbd class="light">ctrl</kbd> + <kbd class="light">S</kbd>
    
    <span class="light-keys">
        <kbd>ctrl</kbd> + <kbd>S</kbd>
    </span>

Brak komentarzy:

Prześlij komentarz

Copyright 2009 - 2010 Creatyna. All rights reserved.