1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Aktualizacja licznika długów

Opublikowano 2009-10-01 22:53:42 projekt licznik długu 

Przeprowadzam właśnie aktualizację kwot przyrostu długu w licznikach. Wynika to z udostępnienia przez MF nowych danych w dniu 30 września 2009r. Stare dane pochodzące z okresu 1 kwietnia 2008r. do 31 marca 2009r. wskazywały na przyrost długu o 107134,00mln zł. Nowe dane z okresu 1 lipca 2008r. do 30 czerwca 2009r. wskazują przyrost równy 106572,61mln zł. Jak widzimy jest to liczba troszkę mniejsza. Dokładnie o 561,39mln zł. Spowoduje to przeskok licznika o 20mld zł wstecz. Tempo naliczania nie uległo jednak znaczącej zmianie(-1%). ;)

Licznik długu cd.

Opublikowano 2009-09-29 16:52:38 licznik długu projekt 

Tak jak wczoraj obiecywałem, napisałem nową, usprawnioną wersję licznika dostępną pod linkiem. Uwagi i propozycje proszę zgłaszać w komentarzach do tego artykułu.

Licznik długu

Opublikowano 2009-09-28 23:35:14 projekt licznik długu 

Czytając dzisiaj blog myśli niedokończone przeczytałem wyzwanie skierowanie do mnie. Pan Adam chciał aby ktoś napisał licznik długu publicznego Polski. Dysponując chwilką czasu podjąłem się wyzwania i na szybko napisałem skrypt. Jest on daleki od doskonałego, jeżeli na danej stronie są dwa liczniki to przestaje on działać. W czasie mojej podróży na trasie Rzeszów-Kraków skrypt został wykopany co mnie bardzo miło zaskoczyło i zachęciło do pracy. ;) Widząc zainteresowanie licznikiem obiecuję, że już jutro znajdę chwilę czasu i napiszę porządny(no może przesadzam) skrypt.

Skrypt znajduje się w dziale "Projekty"->"licznik długu publicznego". link

Kolejne poprawki i dodatki

Opublikowano 2009-09-25 13:09:33 funkcjonalność strony 

Dzisiaj na stronę doszły kolejne poprawki i dodatki. Poza drobnymi zmianami w layoucie dodałem następujące dodatki:

  1. Krótki opis elementów górnego menu po najechaniu. Wykonane używając XHTML + CSS + jQuery.
  2. Kategorie artykułów są od tej chwili klikalne. Po kliknięciu na daną kategorię, widzimy tylko artykuły z danej kategorii. Kilka linijek w PHP.
  3. Formularz kontaktowy w zakładce kontakt. Służy do szybkiego kontaktu. Wykonany za pomocą połączenia jQuery i PHP.

Oczekuję na dalsze propozycje. ;)

Wyśrodkowywanie w pionie

Opublikowano 2009-09-16 14:55:06 css (x)html 

1. Wprowadzenie

Dzisiaj zajmiemy się technikami wyśrodkowania elementów strony w pionie. Użyjemy do tego celu styli CSS. Zacznijmy od przypadku wręcz trywialnego.

2. Elementy tabeli

Mając tabelę wystarczy do danej komórki(lub całej tabeli) dodać: vertical-align:middle

Przykład zastosowania:

<table>
   <tr>
      <td style="border:2px solid #c33333;height:50px;vertical-align:middle">
         <p>Przykładowy tekst</p>
      </td>
   </tr>
</table>

Przykładowy tekst

3. Element o znanej wysokości

Aby skorzystać z tej metody, element który chcemy wyśrodkować musi mieć znaną nam wysokość. Element, który chcemy wyśrodkować otaczamy elementem blokowym z własnościąposition: relative co sprawi, że elementy wewnątrz tego bloku będą się pozycjonować względem tego elementu; sam element natomiast bottom:0;margin:auto;position:absolute;top:0. Zobaczmy jak to wygląda w praktyce.

<div style="border:2px solid #c33333;height:200px;position:relative;width:200px">
   <p style="bottom:0;height:20px;margin:auto;position:absolute;top:0">Przykładowy tekst</p>
</div>
A tak to wygląda w działaniu:

Przykładowy tekst

4. Pojedyncza linia

Jeśli mamy do wyśrodkowania element, który mieści się w jednej linii to polecam skorzystanie z tej metody. Polega ona na tym, że elementowi nadrzędnemu nadajemy style CSSline-height: xxpx;, gdzie "xx" to wysokość elementu.

<div style="line-height:50px;border:2px solid #c33333;"><p>tekst</p></div>

tekst

5. Używanie marginesów

Metoda najczęściej używana, polega na odpowiednim ustawieniu marginesów, musimy znać wysokość elementu, którego chcemy wyśrodkować. Dla naszego przykładu załóżmy, że chcemy wyśrodkowaćparagraf o wysokości 20px w elemencie blokowym o wysokości 40px.

<div style="border:2px solid #c33333;height:40px"><p style="border:2px solid #c33333;height:20px;margin-top:10px><p>tekst</p></div>

tekst

W skrócie mówiąc, jeśli mamy element o wysokości (height) 20px, zawarty w elemencie o wysokości 40px, to aby był wyśrodkowany w pionie musi mieć 10 pikseli wolnej przestrzeni na gorze i dole. Uzyskujemy to wpisując stylmargin-top:xxpx co sprawi, że nasz element będzie odsunięty od nadrzędnego elementu o 10px. Metoda ta jest najczęściej stosowana w przypadku statycznych elementów strony

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8