• Wpisów:3
  • Średnio co: 1 rok
  • Ostatni wpis:7 lata temu, 21:59
  • Licznik odwiedzin:1 956 / 2677 dni
Jesteś niezalogowany. Niektóre wpisy dostępne są tylko dla znajomych.
 
Zmajstrowałem małe coś, co może pomóc w testowaniu css na pinger.pl. Jest to tzw. bookmarklet.

Jeśli jest ktoś zainteresowany, proszę wykonać następujące czynności:

-odwiedzić stronę: http://pb5.pl/b7/02_css/

-przenieść (tak jak przenosi się ikony na pulpicie) link 'edycja CSS | pb5.pl' na pasek zakładek swojej przeglądarki. Pasek zakładek musi być włączony. Użytkownicy Opery niech klikną na tym linku prawym klawiszem myszki i wybiorą 'Dodaj odnośnik do zakładek'. Użytkownicy Internet Explorera niech sobie odpuszczą - program u was nie zadziała.

-przejść na stronę głowną pinger.pl lub podstronę konkretnego minibloga. Na aktywnej stronie danego minibloga kliknąć na pasku zakładek zakładkę 'edycja CSS | pb5.pl', która została wcześniej utworzona. Powinno otworzyć się dodatkowe okno. Jeśli nie, może zaistnieć potrzeba odblokowania wyskakujących okien w przeglądarce.

Gdy wszystko pójdzie pomyślnie, zobaczycie stronę z polem tekstowym, do którego można wprowadzać kod CSS. Naciśnięcie pod spodem przycisku 'Zastosuj CSS' spowoduje wprowadzenie tego kodu na stronę pinger.pl. Zmiany, które natychmiast wystąpią w wyglądzie strony będą tymczasowe i widoczne tylko w tej przeglądarce. Jeśli chcemy, aby zmiany były trwałe, musimy skopiować dany kod z pola tekstowego i przejść do ustawień minibloga, a następnie na karcie 'Wygląd minibloga' w sekcji 'Własne style' wkleić go do pola tekstowego 'CSS:'.

Bookmarklety są często bardzo pomocne, lecz tworzone w złych zamiarach mogą wyrządzić wiele szkód, jak np kradzież danych. Ten, który ja stworzyłem jest niegroźny i użyteczny. Jeśli jednak macie jakieś wątpliwości, proszę z niego korzystać tylko i wyłącznie kiedy NIE jesteście zalogowani na swoim koncie.

Proszę o komentarze i pytania. Jeżeli zauważę jakieś zainteresowanie tematem, postaram się rozwijać ten mały projekcik.

Miłego użytkowania.
 

 
Animacja CSS, wewnątrz której animacja SVG. Działa na firefox 5, chrome i safari. http://pb5.pl/0b6/animacja/
 

 
Zamieszczam link do tabelki prezentującej obsługę właściwości CSS border-style w przeglądarkach. http://pb5.pl/0b6/borderstyle/