sobota, 23 stycznia 2010

CSS: ustawiamy klasy obiektom


Dobra.. zabrnijmy więc odrobinkę dalej. Skoro już wiemy jak w CSS ustawić styl dla obiektu poradzimy sobie z każdym. Co jednak jeśli mamy dwa takie same obiekty i dla każedego chcemy oddzielny styl? Otóż możemy zrobić to na dwa sposoby. Albo Przypiszemy obiektowi jego identyfikator (id) które w całym dokumencie nie może się powtórzyć, albo klasę (class) którą możemy powtarzać dowolną ilość razy. W poniższym przykładzie przedstawię w jaki sposób nadać klasy oraz przypisać im wybrane wartości.
<!-- index.html -->
<html>
 <head>
  <link rel="stylesheet" type="text/css" href="arkusz.css"/>
 </head>
 <body>
  <p>Przykładowy tekst poznawczy.</p>
  <p>Drugie zdanie które chcę mieć po prawej stronie.</p>
 </body>
<html>
Weźmy taki oto kod. Jak widzisz są tam dwa paragrafy. Powiedzmy iż pierwszy ma się ustawić do lewej krawędzi, a drugi do prawej. Co więc należy zrobić? Najpierw nadać klasy:
<!-- index.html -->
<html>
 <head>
  <link rel="stylesheet" type="text/css" href="arkusz.css"/>
 </head>
 <body>
  <p class="left">Przykładowy tekst poznawczy.</p>
  <p class="right">Drugie zdanie które chcę mieć po prawej stronie.</p>
 </body>
<html>
Oraz dodać odpowiednie wpisy w srkuszu styli css:
/* arkusz.css */
p.left {
     text-align:left;
     color: #003366;
}
p.right {
     text-align:right;
     color: #000000;
}
W tym momencie Twoja przeglądarka zinterpretuje oddzielne style dla każdego z obu obiektów. Polecam przetestowanie na Twojej testowej stronie. Do ustawienia textu służy polecenie text-align: oraz wartości: left, center, right, justify. Zastępują one znane z html znaczniki left, right or center.

Pozdrawiam i do następnej notki.. ;-)

Czytaj całość...

czwartek, 21 stycznia 2010

Skrypt wyswietlajacy date na stronie


W dzisiejszym wpisie zaprezentuję w jaki sposób wstawić na własną stronę aktualną datę pobieraną przez odpowiednią funkcję php.

Aby jednak w naszym kodzie html zadziałał język php należy poinformować serwer iż w danym kodzie znajduje się PHP. W tym celu należy nasz plik index.html który posiadamy, zapisać jako index.php

Otwórzmy zatem nasz edytor tekstowy i napiszmy następujący kod:
<?php
 $data = date("Y-m-d H:i:s");
?>

<p>Witaj, dzisiaj jest <?php echo $data;?></p>

Już tłumaczę: Otóż znak $ (dolara) poprzedza każdą zmienną. Może się ona nazywać jak chce, byleby przy użyciu liter alfabetu (bez pl znaków). Zatem równie dobrze nasza zmienna mogłaby się nazywać $traktor, $siano itd.. Ja jednak ustawiłem jej nazwę jako $data tak by pamiętać w przyszłości do czego się ona odwołuje. Mamy więc zmienną $data do której przypisujemy jakąś wartość, w naszym przypadku funkcję date(); odpowiednio sformatowaną.
Na końcu naszego kodu zagnieździłem php w język html, tak by pobierana data wyświetlała się dokładnie w miejscu, w którym chciałbym by się znalazła.

Dla tych którzy potrzebują bardziej naocznie, przygotowałem prosty screencast. Pozdrawiam i do następnego razu.


Czytaj całość...

wtorek, 19 stycznia 2010

Co to jest cybersquatting, czyli potyczki domenowego slownictwa.

Jednego czego nie umiem pojąc w Polsce to dziwnego oskarżania na każdym kroku, tylko dlatego że mi coś nie wyszło.
Otóż ostatnio następny człowiek zarzucić przejmującym domeny wygasłe tzw cybersquatting. Zacznijmy więc od wytłumaczenia co to takiego jest ten cybersquatting. Jest to rejestrowanie popularnych znaków firmowych w nazwach domen itd (odsyłacz do wikipedii).
Jeśli więc osobnik A chce spróbować zaoszczędzić łapiąc domenę pl po wygaśnięciu, nie może nazywać osoby która złapała ją pierwsza cybersquatterem, gdyż takie twierdzenie jest daleko krzywdzące. Zgadzam się iż dana osoba może się zirytować swoim niepowodzeniem, jednak żeby od razu kogoś obrażać bezpodstawnie? Tego już nie potrafię pojąć. Zapewne częśc takich określeń, pada przez niewiedzę, Tylko czy w dobie dostępu do internetu owa niewiedza powinna mieć miejsce..?

Czytaj całość...

orangespace.pl w orange

Orange po wypuszczeniu populacji, czyli serwisu mikroblogowego dla swoich abonentów, idąc za ciosem otworzył serwis orangespace.pl dzieki któremu kazdy abonent orange, może bez ponoszenia dodatkowych kosztów otworzyć własną stronę internetową.
Orange daje nam do dyspozycji "aż" 5 szablonów tematycznych(screeny poniżej) oraz możliwość stworzenia subdomeny, w domenie orangespace.pl Cóż ponad to? Z tego co opisuje strona główna, każdy może dodawać swoje zdjęcia i tworzyć na dodanej podstronie galerię np dla rodziny.
Generalnie jest to dobry pomysł, jeśli ktoś chciałby bez umiejętności informatycznych stworzyć szybko swoją własną stronę internetową, nie wydając przy tym ani grosza ze swojej kieszeni.

Poniżej przedstawiam wszystkie aktualne dostępne szablony do wyboru w orangespace:










Czytaj całość...

poniedziałek, 18 stycznia 2010

Gapowe za domene pl zaplacone


Jakiś czas temu NASK poinformował o tym iż po wejściu domeny .pl w status blocked, tj wtedy kiedy jeszcze mamy możliwość jej przedłużenia, a już jej nie widać w sieci, będzie pobierać opłatę dodatkową w wysokości +12,20 do ceny naszej domeny.
Z racji mojego gapiostwa ostatnio taką opłatę poniosłem.. ;-) za obecną tutaj domenkę hirvi.pl.. cóż.. się odwlekało, trzeba było zapłacić. Swoją drogą tak się często zastanawiam co powiedzieli na to Ci którzy płacą 100zł netto za odnowienie, co dla mnie jest skandaliczną ceną. Rozumiem że fakturki i ludzie kosztują, ale marża 150% przyznacie jest zdecydowanie przesadna, żeby nie nazwać jej po imieniu. W każdym razie są i tacy co lubią tak przepłacać i tych śmiało odsyłamy do nieszczęsnego, aktualnie jednego z gorszych home.pl, nazwa.pl itp cudów.. Tym którym się nie chce przepłacać zapraszamy do ovh.pl, masternetu lub aftermarket.pl
Czytaj całość...

niedziela, 17 stycznia 2010

Przenosiny hirvi.pl na bloggera zakonczone


Nareszcie udało się przenieść Przyznam szczerze iż mogę teraz odetchnąć z ulgą. Koniec Wordpressowych potyczek, koniec przeciążeń i pożerania bezsensowengo pamięci itd.. W każdym razie bardzo lubię bloggera i czuję się na nim jak ryba w wodzie. Nie potrzebuję rozbudowywać bloga o podstrony, a więc blogger w zupełności mi wystarcza. Mogłem co prawda wdrożyć wersję kolorystyczną z wordpressa, ale znudziła mi się jakoś. I coś ostatnio ciągnie mnie w stronę tego fińskiego niebieskiego ;-) miŁośnik Finlandii pełną parą ;) Wiem, jestem zboczony pod tym względem.. podobnoż dobrze iż zdaję sobie z tego sprawę, bo inaczej należałoby się tym przejmować.. ;-)
Przy okazji dostawiłem komentarze z disquas'a. Są przyjemniejsze od tych googla, a w razie czego można sobie wszystkie zaimportować :-) podmnieniłem adres w rss, więc jak ktoś posiada poprzeni, nadal powinien otrzymywać publikacje na czytnik. Miłego czytania, pozdrawiam
Raf
Czytaj całość...

Instalacja shoutcast na vps

Ameryki zapewne tutaj nie odkryję, jednak ponieważ nadażyła się okazjia postanowiłem zainstalować na VPSie server transmisji audio, czyli popularny shoutcast. Nie byłoby jednak w tym nic trudnego, gdyby nie fakt iż we wszelakich instrukcjach instalacji pomija się gro rzeczy, w związku z czym zwykły obywatel nie mający za bardzo pojęcia może mieć całe mnóstwo problemów podczas tej instalacji, zwłąszcza osoba nie znająca za bardzo linuxa.. a zatem do dzieła!

Pierwsze czego będziemy potrzebować to sam serwer VPS. W Polsce na szczęście wybór jest coraz większy, a ceny coraz bardziej przystępne zaczynające się już od dwudziestu paru złotych i tak:

Na pierwszy ogień za 24zł (poza promocją 29zł) statnet.pl. W tej cenie otrzymasz 1GHz cpu, 256ram (burst do 512mb), 10GB dysk oraz 100gb transferu na miesiąc plus oczywiście jeden adres IP. Jeśli ktoś potrzebuje usługi www, można zamówić darmową istalację lampa oraz panel webmin przy zamawianiu vps. Kolejną firmą jaką mogę zaprezentować jest firma logout.pl gdzie za 1GHz cpu, 256ram (burst do 512mb), 10GB dysk oraz 50gb transferu na miesiąc przyjdzie nam zapłacić co miesiąc 28zł (w aktualnej promo za tę cenę otrzymacie vps na trzy miesiące). Ostatnią firmą jaką dane mi jest aktualnie testować jest webh.pl gdzie za 25% cpu, 512ram (max 1024mb), 10gb przestrzeni dyskowej oraz 100gb transferu. Za tak skonfigurowaną maszynę musimy zapłacić 34,90zł za miesiąc.

Wybraliśmy więc firmę w której zakupiliśmy VPS, wybierając uprzednio czysty system debian 5.0 (Lenny). Po aktywacji VPS otrzymujemy dane które będą nam potrzebne przy logowaniu do konsoli. I tu ważna uwaga jeśli posiadasz windowsa będziesz potrzebować programu do łączenia się ze swoją konsolą np putty.

Ok, mamy już VPS, odpaliliśmy konsolę i zalogowaliśmy się na nasze konto root. Zatem pierwsze co zrobimy to stworzymy nowego usera (tak tak.. bezpieczeństwo przede wszystkim..):
adduser shoutcast
Następnie system poprosi o podanie hasła dla nowego usera (wpisz jakie chcesz, byleby zapamiętać ;) ) oraz poprosi o ponowne jego wprowadzenie. Dalej będzie parę informacji jak room number, work phone, home phone oraz other. Ja tu zawsze podaję dane jakie przyjdą mi akurat do głowy Po ich wprowadzeniu system stworzy nowego usera. Ok. Teraz wpisz: exit i naciskamy enter. Konsola powinna się zamknąć. Odpalamy ponownie konsolę i logujemy się na dane nowego usera czyli w naszym przypadku login as: wpiszemy shoutcast oraz hasło jakie podaliśmy podczas zakładania nowego konta. W ten sposób zalogowaliśmy się na nowego użytkownika, jednak przydałoby się uzyskać dostęp do uprawnień root. W tym celu wpisz w konsoli polecenie su i wprowadź hasło roota. W tym momencie zamiast znaczka ~$ pojawi się # (wiem powinienem dokładniej opisać symbole prze kursorem jednak uważam opis tych znaczków jest w tym momencie wystarczający). Następną rzeczą jaką zrobimy będzie uaktualnienie naszego systemu, pobierając wszystkie najnowsze repozytoria (czyt. paczki uaktualnień)
apt-get update
Ważna uwaga: jeśli w tym miejscu wyskoczy Tobie błąd public_key xxxxxxxxxxxxxxx(tutaj pojawi się IDklucza) trzeba autoryzować a następnie dodać klucz publiczny. Całość sprowadza się do poleceń:
gpg --keyserver subkeys.pgp.net --recv-key IDklucza
gpg --armor --export IDklucza | apt-key add -
Konsola wyświetli informacje o poprawnym zakończeniu procesu. W takim wypadku należy ponowić polecenie apt-get update po czym zabieramy się do instalowania shoutcasta następującym poleceniem:
wget http://yp.shoutcast.com/downloads/sc1-9-8/sc_serv_1.9.8_Linux.tar.gz
W przypadku błędu 404 należy po słowie wget wpisać adres paczki z tej strony oczywiście wybierając paczkę pod linuxa. Jest ona jednak spakowana i zanim ją zainstalujemy należy jeszcze owe cudo rozpakować. W tym celu wprowadź poniższe komendy (pierwsza by zainstalować program w przypadku jego braku)
apt-get install tar
następnie całość rozpakowujemy, podając nasza nazwę pliku:
tar -zxvf sc_serv_1.9.8_Linux.tar.gz
Żeby sobie nie zaśmiecać dysku od razu usuńmy spakowaną paczkę (śmiało, nie będzie już potrzebna):
rm -rf sc_serv_1.9.8_Linux.tar.gz
Pozostało to co najprostsze..? Tak myślałem jednak dla pewności poszukałem tu i uwdzie.. no i znalazłem.. potrzeba jeszcze jednego programu, który nazywa się screen. Co on nam da? Wciąż działającego shouta po zamknięciu konsoli.
apt-get update && apt-get install screen
Teraz wystarczy wyedytować plik konfiguracyjny oraz odpalić samego shouta.
pico sc_serv.conf
Interesują nas głównie następujące linijki (podmień na swoje wartości). Maxymalna ilośc słuchaczy:
MaxUser=32
Hasło dla tzw djów czyli dla osoby która będzie puszczać muzkę np przez winamp
Password=wpiszswojehaslo
zmieńmy jeszcze port ze standardowego na własny, w moim przypadku będzie to port 8008
PortBase=8008
oraz najważniejsze, odkomentujmy hasło dla administratora oraz ustalmy własne tak aby linijka z hasłem wyglądała następująco (oczywiście ustawiasz własne hasło, zamiast textu twojehasloadmina):
AdminPassword=twojehasloadmin
Mając to wszystko zapiszmy plik ctrl + O (o jak Ola), oraz opuśćmy edytor ctrl + X.
Pozostaje nam już jedynie odpalić screen oraz server shoutcast:
screen
./sc_serv sc_serv.conf &
Twoim oczom powinny ukazać się informacje z pliku logów. Aby przejść do wiersza poleceń konsoli bez wyłączenia servera wystarczy wcisnąć sekwencję klawiszy Ctrl + a + c.

Mam nadzieję iż komuś ten troszkę chaotyczny opis na coś się przyda i będzie w stanie odpalić swój pierwszy shoutcast server, bez zagłębiania się w przeszukiwanie sieci Twoją ulubioną wyszukiwarką
Czytaj całość...

sobota, 16 stycznia 2010

PHP poczatek


PHP na pozór jest językiem bardzo trudnym, jednak wbrew tym pozorom język ten jest bardzo prosty. Nie wiem jak daleko zabrniemy, ale widzę iż czasem co nie którzy poszukują prostego rozwiązania by poradzić sobie z tym językiem bez zgłębiania jego całości.
Otóż zacznę od tego że cały kod php jest przetwarzany wyłącznie na serwerze, a zatem nie zobaczy go nikt z poziomu swojej przeglądarki. Może jednak dostrzec efekt końcowy danego kodu i tak, aby rozpocząc i zakończyć kod używamy znaczników otwarcia. Ja osobiście używam takiego:
<?php 
?>
Dobrze, a co mam zrobić aby wyświetlić kod html, np linku gdy cały plik jest kodem php? Możesz za pomocą php wyświetlić dany kod, np:
<?php 
//wpisujemy polecenie które wyświetli link
echo '<a href="#">link</a>";
//zamykamy kod php
?>
Możesz też na chwilę zamknąć kod php, wstawić kod html po czym ponownie kod php otworzyć:
<?php
//jakiś kod php, w tym wypadku fukcja date przypisana do zmiennej
 $date = date("Y-m-d");
//zamykamy kod php
?>
link
<?php
//i lecimy dalej z kodem php
?>
Każda osoba spostrzegawcza zapewne już dostrzegła iż aby wyświetlić jakąś zawartość użyłem polecenia echo. Zamiennie można użyć polecenia print. Proponuję zapisać sobie powyższe linie do pliku np test.php i sprawdzić jak działa polecenie echo a jak działa polecenie print.
Do następnego razu..
Czytaj całość...

niedziela, 10 stycznia 2010

Wstep do CSS


Dzisiaj chce przedstawić wstęp do Arkuszy styli CSS.
Wiem, wiem. Sporo tego w sieci można znaleźć, zwłaszcza iż kaskadowe style nie istnieją od wczoraj, jednak zostałem poproszony o przedstawienie podstaw, co czynię i by dalej już nie zanudzać przejdę do tematu głównego. Na początku potrzebny nam będzie jakiś edytor z kolorowaniem składni. Myślę iż w ten sposób będzie łatwiej zaznajomić się z tym prostym językiem, który jednak czasem potrafi spędzić sen z powiek. Osobiście polecę dwa: Notepad++ oraz PSPad. Oba są narzędziami darmowymi co dla większości osób stanowi podstawę w kwestii wyboru.

Ok, mamy już nasz edytor przed oczami, wybieramy nowy plik i zaczynamy poznawanie CSS od działającego przykładu.
Na początek zapiszmy nowy plik jako index.html oraz stwórzmy jeszcze jeden pusty (otwarty obok) plik, którego zapisujemy pod nazwą arkusz.css. Z początku taki układ przysparza więcej pracy, jednak zdecydowanie polecam zaczynać w ten sposób, ponieważ w przyszłości oszczędzi nam ten wybór dużej ilości pisania. I tak do plików dopiszmy następujące linijki:
<!-- index.html -->
<html>
 <head>
  <link rel="stylesheet" type="text/css" href="arkusz.css"/>
 </head>
 <body>
  <p>Przykładowy tekst poznawczy</p>
 </body>
<html>
/* arkusz.css */
p {
     text-align:center;
     color: #003366;
}

Tak przygotowany kod sformatuje nam paragrafy wewnątrz dokumentu index.html. Odpal plik index.html lokalnie i sprawdź jaki kolor przyjmie tekst. Powinien być identyczny z tym. Prawda że proste? ;) W następnej notce zajmiemy się nieco trudniejszymi rzeczami :)
Czytaj całość...

O mnie

Wpis pierwszy, czyli kto ja jestem i co robię..

Generalnie lenistwo mam w genach.. tak, tak.. a kto czasem nie lubi poleniuchować.. ;) ma podobnie do Ciebie z tym że częściej :p jednak jeszcze częściej daję się wciągnąć dziwnym ciągom znaków, dla części (patrz me dziewcze) zupełnie nie zrozumiałych.
Czytaj całość...