31 grudnia 2010

27. Szalone akcje, licytacje i konkursy

Pisząc ostatnio w poście "Mania Reklamowania" o wzrostowej tendencji organizowania różnych konkursów i licytacji na chomikach i przewidując o powstawaniu coraz to nowszych pomysłów wcale się nie pomyliłem.

Poniżej przedstawiam wam kilka ciekawych konkursów, licytacji i inne ciekawe akcje na chomikuj.pl

1. Wybory na najlepiej wylansowanego chomika.
Każdy może zgłosić się na te wybory niezależnie od tego jak długo ma konto na chomikuj.pl wystarczy być zapisanym na TOP-LIŚCIE najlepiej wylansowanych chomików i piąć się na samą górę.Wygrywają pierwsze cztery miejsca. W puli nagród: 1 100 000 oraz "dożywotnia" (na czas nieokreślony) reklama. Czytaj szczegóły

2. Akcja WOŚP. 
XIX finał WOŚP w naszych klatkach
Jak możesz pomóc?
1. Masz za dużo punktów to podaruj na aukcje WOŚP. Aukcje będą wystawiane na bieżąco ze wszystkich uzbieranych punktów.
2. Nie masz punktów to zalicytuj podarowane.
3. Masz pomysł na reklamę lub baner odnośnie pomagania na Wośp to podziel się.
4. Masz czas to zapraszaj chomiki do wspólnej akcji.
5. Nie masz nic z powyższych to wstaw chociaz baner z linkiem na swoim chomiku.
6. Bo my piraci mamy serducho :)
Dołącz do akcji. 

3. Konkurs na konto maniac`a.
Konkurs przeznaczony jest dla tych co chcą uzyskać najlepsze konto na chomiku - czyli chomik maniac, lub równowartość konta maniac w punktach. Zwycięzca konkursu dodatkowo otrzyma 30-dniową reklamę na czterech zewnętrznych stronach internetowych związanych tematycznie z chomikuj.pl Czytaj szczegóły

4. Konkurs na baner bloga.
Konkurs na najlepszy baner reklamujący chomikowy poradnik!
http://poradnikchomika.blogspot.com 
Nagroda w wysokości 70 000 punktów + 30 000 pkt za.....Czytaj szczegóły Łączna wartość nagród 100 000 pkt i na tym nie koniec...

5. Reklamania 2. 
 "Reklamania2" - to druga edycja licytacji miejsc reklamowych DLA TWOJEGO CHOMIKA!. Czytaj szczegóły.


Nie napisałem o Tobie??? Jeżeli organizujesz ciekawy konkurs, licytacje zgłoś się do mnie 

29 grudnia 2010

26. Remont - Bloga

Uwaga. 
W przyszłym roku (to już wkrótce) okoilice styczeń-luty zamierzam popracować nad szybszym wczytywaniem się BLOGA. 

Równa się to z tym, że mogą wystąpić problemy w wyświetlaniu się blogu lub może nastąpić tymczasowy brak dostępu. 

 W planach: 
1. Poprawki błędów w kodzie, przez które blog wczytuje się zbyt długo
2. Zmiana układu strony 
3. Zmiana szaty graficznej na lekciejszą. 
4. Reszta wyjdzie w praniu. :):)

25 grudnia 2010

25. Nowy ChomikBox

Większość z was zapewne nie opuściła Chomikowej Wigillii na której mogliśmy odebrać prezent w postaci podwojenia tygodniowego transferu do końca roku. Myślę - miły prezencik od administracji. 

Aby tego było mało chomikuj.pl zdradziło tajemnicę dotyczącą chomikboxa... pozwólcie, że zacytuję:
...nasz znajomy gryzoń zdradził nam, że już wkrótce będziemy mogli cieszyć się nowym ChomikBoxem,
które będzie nie tylko wysyłał, ale także sprawnie pobierał pliki i całe foldery! Podobno szykuje się
też wiele innych niespodzianek...  
 

Znalezione na forum scs.net.pl


Nie pozostaje nic innego jak oczekiwać zapowiadanych niespodzianek i nowego chomikboxa...

13 grudnia 2010

24. Zniżka na Chomikuj.pl

Zniżka na płatne usługi na Chomikuj.pl 
Jesteś ciekawy jak otrzymać 10% zniżki na płatne usługi w chomikuj?

Otóż jest to bardzo proste... ale tajemnice wyjawiam tylko na priv. Zupełnie nic za to nie chce.
Nie chcę żadnych punktów czy innych przysług. Dlaczego nic za to nie chce od Ciebie? - bo mnie i tak się to opłaci w dalszej perspektywie.

Napisz do mnie a w treści napisz, że chciałbyś abym podzielił się z Tobą sposobem na 10% zniżki na portalu Chomikuj.pl

09 grudnia 2010

23. Mania Reklamowania

Witam was moi drodzy.

Dzisiaj chce poruszyć temat dotyczący wykupywania reklam na innych chomikach za punkty i jak przy tym nie dać się nabić w przysłowiową "trąbkę".

Ostatnio na chomikuj.pl spotykam wiele chomików, którzy oferują swoje usługi za punkty chomikowe. Najczęściej jest to wykupienie miejsca reklamowego lub nawet licytacja takiego miejsca - ok każdy ma prawo, regulamin chomikuj.pl tego nie zabrania. 

Wcześniej taka reklama była na  zasadzie wymiany banerkami lub temu podobne. Nic to nie kosztowało. Teraz jest jak na jarmarku, rośnie liczba chomików, którzy chętnie umieszczą czyjąś reklamę za parę punktów. Było to do przewidzenia i ta tendencja będzie wzrastać, będą powstawać coraz to nowsze pomysły.

Jak  nie dać się nabić w przysłowiową trąbkę wykupując miejsce reklamowe?
Warto najpierw zastanowić się i sprawdzić samemu czy reklama na takim chomiku, odniesie oczekiwane korzyści, krótko mówiąc czy się nam opłaca.

Warto pomyśleć i zwrócić uwagę na:

1. Licznik odwiedzin - tzn jaką odnotuje liczbę odwiedzin na chomiku...  najlepiej sprawdzać to przez kilka dni czy liczba utrzymuje się na stałym poziomie... Na pewno liczba 60 odwiedzin dziennie nie gwarantuje wam wymiernych korzyści. Sugeruje od 200-300 odwiedzin w górę. Jeżeli się nie zgadzasz z tym punktem napisz do mnie.
2. Czy owy licznik odwiedzin jest na chomiku - nie daj się nabrać chomikowi, który nie będzie posiadał licznika. Być może taki profil ma za mało odwiedzin.
3. Liczba pobierań plików - tutaj mam na myśli aby przejrzeć chomika, zwrócić uwagę na jego pliki oraz ile razy zostałe pobrane... na pewno jest to jakiś wyznacznik poprzez, który jesteśmy wstanie określić poziom zainteresowania tym chomikiem.
4. Opinia o chomiku - można zapytać co inni sądzą o tym chomiku na wielu z dostępnych forach skupiających się wokół chomikuj.pl
5. Top lista - wskaźnikiem popularności chomika jest na pewno liczba jego odwiedzin, ale i również pozycja na top listach, jeżeli do takich jest zapisany.


WEJDŹ I SPRAWDŹ BO WARTO!!!
Zaufany i sprawdzony chomik adam-as
Aktualnie trwa u niego licytacja powierzchni reklamowych. 
Masz uwagi do tego posta? Chciałbyś coś dopisać? Napisz do mnie

Polecam artykuł: Licytacje na chomiku

16 listopada 2010

22. Kradną hasła i chomiki

Bądź ostrożny i nie daj się oszukać!!!
Kochani ostrzegam was przed pewną stroną internetową gdzie wpisując nazwę chomika i hasło dostępu automatycznie stracisz swój profil na chomikuj.pl. To oszuści, którzy wyłudzają hasła i kradną profile w bardzo chamski sposób oferując punkty za darmo. Nie daj się oszukać!!! Powiadom innych i prześlij linka do tego tematu swoim znajomym.

Adres do niebezpiecznej strony: http://free_punkty.republika.pl/

Na szczęście podana strona została zablokowana.
Jej sposób na wyłudzanie haseł był prosty. Wyglądała podobnie do strony głównej chomikuj.pl z pewnymi wyjątkami gdzie w okienkach wpisywało się nazwę chomika oraz hasło do niego... było to równoznaczne z udostępnieniem swojego hasła i nazwy oszustom...

Trafiłeś w internecie na kolejne przypadki prób oszustw? Napisz do nas na forum zbanowani.com.pl

Ta strona, o której mowa znajduje się tutaj...
http://webcache.googleusercontent.com/search?q=cache:zc2Ewg2TX58J:free_punkty.republika.pl/+http://free_punkty.republika.pl/&cd=1&hl=pl&ct=clnk&gl=pl

Proszę was o głosy.

11 sierpnia 2010

21. Przydatne programy

Dzisiaj polecę wam kilka przydatnych programów, jakie napewno przydadzą się wam podczas korzystania z serwisu chomikuj.pl. Oczywiście są one darmowe czyli na licencji freeware

1. Chomikbox   
ChomikBox to przyjazny program, który pozwoli Ci z łatwością dodawać pliki do swojego Chomika (ładowanie ze wskaźnikiem postępu) a także odtwarzać muzykę bezpośrednio ze stron portalu!

2. Free download manager  
Free download manager jest akceleratorem pobierania. Będzie Ci służył podczas ściągania dużych plików z portalu chomikuj.pl. Polecam go używac ponieważ czasem się zdarza, że podczas ściągania dużego pliku zrywane jest połączenie i z tego powodu musimy ściągać plik od początku. Wiadomo strata czasu i nerwów. Dlatego przydatnym będzie ten program dlatego, że sam ponowi ściąganie w przypadku zerwania połączenia. 
Oczywiście chomikuj.pl ma zabezpieczenia przed utratą transferu. Zawsze można ściągnąć ponownie plik od tego samego użytkownika i ten sam plik w przypadku zerwania połączenia przed upływem trzech dni bez ponownej utraty transferu. Ale Free download manager jest od tego aby ułatwić Ci ściąganie plików. 

3. Nvu
Czym jest Nvu? - to program, dzięki któremu każdy może łatwo i szybko stworzyć swoją stronę internetową, bez potrzeby znajomości HTML. A w przypadku chomika stworzyć szybko i bez większego problemu tekst reklamowy dla swojego chomika. Używając tego edytora html masz kilka możliwości w jaki sposób chcesz pracować. W zakładce "źródło" masz możliwość podglądu i edycji kodu źródłowego. A w zakładce "podgląd" możesz widzieć efekty wizualne przygotowanego kodu. Oczywiście możliwości tego programu są większe niż teraz Ci przedstawiam. Sam wypróbuj. Polecam leniuchom jak i również użytkownikom słabo znającym html. Sam go używam. :-)

10 sierpnia 2010

20. Jak reklamować chomika?

Zapewne będąc nowym uzytkownikiem portalu chomikuj.pl zadasz sobie po pewnym czasie pytanie - jak reklamować swojego chomika? Sposobów jest kilka i są wypróbowane.

Jak reklamować swojego chomika?

1. Najpopularniejszym sposobem jest wklejanie reklam w chomikowe rozmowy. 
Zapraszając inne chomiki do swojego chomika pamiętaj aby nie wklejać treści powszechnie uznawanych za obraźliwe i pornograficzne... ponieważ najczęściej takie wpisy są usuwane a nadawcy blokowani.
Nie polecam również nadużywania dużych czcionek i jaskrawych kolorów. Skutek najczęściej jest inny od zamierzonego. Możesz się sam przekonać jak szybko zostaniesz zbanowany wklejając ogromne reklamy w chomikowe rozmowy.

2. Kolejnym sposobem na wypromowanie swojego chomika jest zapisanie się na Toplistę. przykładowo: Toplista Barona. Więcej o specyfice toplisty będziesz mógł/mogła się dowiedzieć w poście, który mam zamiar napisać w najbliższym czasie.

3. Udzielanie się na różnych forach tematycznie powiązanych z chomikuj.pl jak na przykład: odjechani.com.pl Dlaczego proponuję Ci to forum? - jest to dość oczywisty powód. Na tym forum istnieje możliwość reklamowania własnego chomika i plików na nim, bez obawy że zostaniesz zbanowany :-) Tak! - to forum jest specjalnie stworzone po to abyś mógł z pomocą innych chomików wypromować swoją norkę.

4. Możesz się też wymieniać buttonami z innymi chomikami, dzięki takim kontaktom możesz dodatkowo propomowac swojego chomika. Oczywiście coś w zamian. Czyli na swoim chomiku zamieszczasz button innego chomika.

5. Zwracaj uwagę na opisy chomików... bywa tak, że często dany właściciel chomika oferuje jakąś współpracę. :-) 


Pamiętaj!
Nie bądź natarczywy z reklamą swojego chomika.  

---

Pozdrawiam
Chomik Czekoladowy_Baron


obrazek

05 sierpnia 2010

19. Upiększ chomika

Zastanawia Cię czasem skąd inni użytkownicy biorą przeróżne gify i napisy na swój profil ?
Odpowiedź jest dość prosta.

Polecam zaznajomić się wcześniej z: Edytuj mój profil | Wstawianie obrazka

Jak uatrakcyjnić opis swojego Chomika?

Aby umieścić obrazek z własnego komputera w opisie swojego Chomika, należy:

1. Zalogować się do swojego Chomika jako właściciel

2. Umieścić wybrany obrazek w dowolnym, niezahasłowanym folderze Chomika
3. Kliknąć na jego miniaturkę prawym przyciskiem myszy i wybrać "kopiuj adres odnośnika" lub "kopiuj skrót"

4. Przejść do edycji ustawień swojego Chomika (klikając w link 'edytuj mój profil i opcje' dostępny w oknie znajdującym się w górnym rogu po w prawej stronie Chomika)
5. U dołu okna o tytul Opis twojego Chomika (duża ramka, na samej górze strony) kliknąć na ikonkę. 
6. W miejcu, w którym ma zostać umieszczony obrazek - wpisać:
7. Następnie umieścić kursor myszy pomiędzy dwoma cudzysłowami "" i wkleić ze schowka skopiowany wcześniej adres obrazka (CTRL + V lub posługując się prawym przyciskeim myszy)
8. Zaakceptować zmiany w zawartości HTML poprzez klinięcie przycisku na dole okienka
9. Zapisać zmiany w opisie Chomika naciskając przycisk "Zapisz" na samym dole strony

W podobny sposób można też wklejać elementy graficzne w chomikowych rozmowach lub w opisach plików. Należy jednak pamiętać, że umieszczanie zbyt wielu grafik może przeszkadzać innym użytkownikom w przeglądaniu zawartości Chomika.

Aby wkleić dowolne uatrakcyjnienie swojego Chomika z jednego z wielu serwisów z obrazkami i licznikami, należy:

1. Wejść na stronę jednego z serwisów oferujących różne dodatki - obrazki, liczniki, video:


Chomik współpracuje z serwisem liczniki.org!
http://liczniki.org
http://tinypic.com
http://www.fancygens.com
http://www.gify.org
http://www.gify-animowane.pl
http://www.katalogonline.pl/t/ruchome-gify
http://supergify.pl
http://www.e-gify.com
http://www.emoty.com.pl
http://www.emotikony.net
http://www.glitery.pl
http://www.obrazky.pl
http://www.avatarss.za.pl
http://www.luzior.pl
http://dodatki.net

2. Wygenerować kod wybranego dodatku i dostosować go do swoich potrzeb - postepując zgodnie z instrukcją danego serwisu

3. Skopiować kod HTML wybranego dodatku
4. Przejść do edycji opisu swojego Chomika
5. Na dole okna edycji opisu (Opis twojego Chomika) kliknąć na ikonkę z napisem "HTML"
6. Następnie w miejscu, w którym ma zostać umieszczony dodatek - wkleić skopiowany wcześniej z danego serwisu kod HTML
7. Zaakceptować zmiany w zawartości HTML poprzez klinięcie przycisku na dole okienka
8. Zapisać zmiany w opisie Chomika naciskając przycisk "Zapisz" na samym dole strony
9. W podobny sposób można umieścić w Chomiku film z takich serwisów jak np. YouTube (wystarczy skopiować odpowiedni kod HTML i umieścić go w opisie we wspomniany powyżej sposób) 

--

Pozdrawiam
Chomik Czekoladowy_Baron 

04 sierpnia 2010

18. Link tekstowy

Teraz przedstawię najprostrza receptę tworzenia linków tekstowych. Oczywiście w tym wątku postanowiłem, że nie zatrzymam się na stworzeniu samego linka, ale również pozmieniam co nie co w jego wyglądzie. Jeżeli nie wiesz co to link cofnij się o jeden temat spowrotem do: Link obrazkowy

Przykład podstawowego kodu: 
<a href="adres URL do strony">Przykładowy tekst linka</a>
Objaśnienie: 
Adres URL strony - w to miejsce wpisujemy adres strony lub podstrony do której chcemy aby przenosił dany link... w moim przypadku dla zademonstrowania podam adres do chomikuj.pl czyli http://chomikuj.pl/ 
Przykładowy tekst - w tym miejscu wpisz tekst jaki chcesz aby miał Twój link. Ja zdecydowałem się na taki tekst linka: Chomikuj pliki bez ograniczenia

Tak to wygląda w rezultacie: 
Chomikuj pliki bez ograniczenia

Ciekawostka: 
Wiesz pewnie o tym, że tekst możemy formatować wieloma sposobami. Z linkami jest podobnie.
W jednym kodzie zmienię na raz kilka parametrów użyję do tego styli:
- rodzaj czcionki font-family 
- wielkość font-size 
- kolor color   
- oraz usunę podkreślenie text-decoration: none;
- adres i tekst linka pozostanie ten sam jak w poprzednim przykładzie.

Przykładowy kod: 
<a href="http://chomikuj.pl/"><font
 style="font-family: Times New Roman; font-size: 24px; color: pink; text-decoration: none;">Chomikuj pliki bez ograniczenia</font></a>
Przykład:
Chomikuj pliki bez ograniczenia

Pewny szczegół:
Pewnie zauważyłeś, że linki na tym blogu nie posiadają podkreślenia, dopiero po wskazaniu na link taka linia się pokazuje... - niestety taki efekt nie jest możliwy w chomikowych rozmowach ani w edycji głównej profilu czy też w opisach plików. 

17. Link obrazkowy

Na początek krótka informacja co to jest link i do czego służy:
Odsyłacze - inaczej hiperłącza, odnośniki hipertekstowe, linki - stanowią całą istotę Internetu.
Najczęściej stanowi je specjalnie wyróźniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony pod wskazany adres.

Jako odsyłacz obrazkowy możemy wykorzystać dowolną grafikę (oczywiście w rozsądnych rozmiarach) Ja zamieszczę dla przykładu wygenerowany button z nazwą mojego chomika.

Przykładowy kod:
<a href="Adres URL odnośnika"><img src="URL obrazka"
 alt="tekst alternatywny" /></a>
Objaśnienie:
Adres URL odnośnika - tutaj wpisujemy adres rozpoczynający się od http:// który ma nas przenieść po kliknięciu pod wskazany adres.
URL obrazka - tutaj podajemy adres do obrazka jaki będzie się wyświetlał.

Przykład: 
Zauważyłeś jak kursor zmienia swój wygląd gdy znajduje się w obrębie buttona? - jest to sygnał dla użytkownika oznaczający że jak kliknie w to miejsce wywoła określoną akcje. 




Ciekawostka:
Najedź jeszcze raz na button z nazwą chomika i zaczekaj aż wyskoczy dymek. Sposób na otrzymanie tego dymka jest bardzo prosty. Wystarczy, że dopiszemy taki parametr: title="kliknij i wypróbuj" . Oczywiście tekst może byc dowolny.
<a href="Adres URL odnośnika" title="kliknij i wypbóbuj"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" /></a>
Przygotowany w ten sposób kod możesz wklejać w chomikowe rozmowy do edycji swojego profilu jak i również do opisywania plików na Chomikuj.pl

03 sierpnia 2010

16. Zmiana rozmiaru obrazka

Czy interesuję Cię jak zmienić rozmiar obrazka za pomocą html? - skoro to czytasz to pewnie tak.Jest to czasem dobre wyjście gdy nie chce nam się uruchamiać dodatkowo programu graficznego, aby specjalnie zmniejszyć obrazek, dlatego szybszym sposobem może być wykorzystanie html`a. Ale pamiętaj o tym, że pomniejszając w ten sposób obrazek nie pomniejszasz jego pojemności... dlatego odradzam używanie tego sposobu do obrazków sporej pojemności.

Tak jak w poprzednich przykładach dopiszemy w stylach takie oto parametry, które zdefiniują szerokość i wysokość grafikii.
Parametr odpowiedzialny za szerokość: width czyli szerokość.
Parametr odpowiedzialny za wysokość:  height czyli wysokość.
Wartość będzie podawana w pikselach.

Przykładowy kod:
<img src="URL obrazka" alt="Tekst alternatywny" style="height:91px; width:320px;" />

Przykład: 
Obrazek o rozmiarach 91x320

 





Teraz zmienimy tylko szerokość obrazka czyli width na np. 500px.

 

Podobną krzywdę możemy mu zrobić ustawiając wysokość czyli height na np: 200px.
 











Z obrazkami możemy zrobić kilka innych ciekawych rzeczy, na przykład odsyłacze obrazkowe, ale o tym napiszę w kolejnych tematach.

01 sierpnia 2010

15. Marginesy obrazka

Zajmę się teraz ustalaniem marginesów obrazka, tak aby tekst odsunął się od niego na pewną ustaloną odległość... Zobacz przykład w poprzednim materiale zatytułowanym Ustawienia obrazka, jak tekst przylega do obrazków. W tym przykładzie pokażę jak tego uniknąć. 

W tym przykładzie tak jak i w poprzednim użyję styli za pomocą, których zdefiniuję margines obrazka. 
Do styli dopiszę taki fragment: margin:15px 
Szerokość marginesu będzie wynosić 15 pikseli z wyrównaniem do lewej strony.

Tak będzie wyglądał przykładowy kod:
<img src="URL obrazka" alt="tekst alternatywny" style="float:left; margin:15px;"/>

Przykład:

E-book tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst teksttekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tetekst tekst test tekst tekst tekst kst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tetekst tekst test tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst tekstst tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tektekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test test tekst tekst tekst test tekst tekst test test tekst tekst tekst tekst test test tekst tekst tekst test tekst tekst test test tekst tekst tekst tekst test tekst tekst tekst tekst test tekst tekst test test tekst tekst tekst tekst tekst tekst tekst test tekst tekst test test tekst tekst tekst

Tak układający się tekst wygląda znacznie lepiej niż w poprzednim przykładzie.
 Oczywiście obrazek też może być wyrównany do prawej strony.

31 lipca 2010

14. Ustawienia obrazka

Napewno już niejednokrotnie denerwowałeś się lub denerwowałaś z powodu nie tak układającego się tekstu wraz z obrazkiem po wklejeniu kodu w chomikowe rozmowy lub w edycji swojego profilu... O co mi chodzi obrazuję na przykładach poniżej.

Problem w Chomikowych Rozmowach: 



Rozwiązanie: 
Prostym sposobem na uniknięcie takiego efektu jest dodanie znacznika akapitu <p> pomiędzy kodem obrazka a wpisanym tekstem. Prawda, że proste?

Ciekawostka:
Przygotowałeś/aś reklamę, ale nie wiesz czy będzie dobrze wyglądać w chomikowych rozmowach i chciałbyś obejrzeć wynik?
Wklej ją na swoim profilu w chomikowe rozmowy. Na Twoim chomiku w CHR jest opcja umożliwiająca usunięcie takiego nieudanego wpisu.

No dobrze kolejny problem już z głowy. 
Ale co zrobić żeby obrazek zmienił swoje położenie np. z lewej strony na prawą lub odwrotnie a tekst ładnie go otaczał? Wykonamy to za pomocą tak zwanych styli, które zdefiniują ustawienia obrazka względem otaczającego go tekstu. wystarczy, że do kodu za pomocą którego wstawiamy obrazek dopiszemy: 
 - wyrównanie do lewej style="float:left;"
 - wyrównanie do prawej style="float:right;"

Przykładowy kod z wyrównaniem do lewej: 
<img src="URL obrazka" alt="tekst alternatywny" style="float:left;" /> 
E-book tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst teksttekst tekst test tekst tekst tekst  tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tetekst tekst test tekst tekst tekst kst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst  tekst tetekst tekst test tekst tekst tekst test tekst tekst tekst  tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst tekstst tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tektekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test  test tekst tekst tekst tekst test tekst tekst test  test tekst tekst tekst tekst test tekst tekst test  test


Przykładowy kod z wyrównaniem do prawej: 
<img src="URL obrazka" alt="tekst alternatywny" style="float:right;" /> 
E-book tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst teksttekst tekst test tekst tekst tekst  tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tetekst tekst test tekst tekst tekst kst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst  tekst tetekst tekst test tekst tekst tekst test tekst tekst tekst  tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst tekstst tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tektekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test tekst tekst tekst  tekst test tekst tekst tekst 

Przyznasz mi rację, że tak ustawiony tekst, który mocno przytula się do obrazka nie wygląda estetycznie... :-) Poprawimy to w kolejnym wątku!

30 lipca 2010

13. Wstawianie obrazka

Dzisiaj zajmę się chyba najbardziej popularnym sposobem reklamowania chomika na portalu chomikuj przez wklejanie różnorakiej grafiki w chomikowe rozmowy. Oczywiście kod ten zadziała również w edycji profilu i opisach plików.

Jak wstawić obrazek? - podstawy. 

Podstawowy kod:
<img src="URL obrazka" alt="obrazek"/>
W miejsce URL obrazka wpisujesz adres bezwzględny w internecie obrazka.
W miejsce tekst alternatywny np. nazwę obrazka.

Omówienie:
Do wstawiania obrazków służy znacznik <img>, skrót z angielskiego image czyli obrazek.  Źródło obrazka określa parametr src skrót z angielskiego source czyli źródło. Parametr alt  odpowiedzialny jest za tekst alternatywny, to znaczy gdy obrazek z jakichś przyczyn nie zostanie wyświetlony w Twojej przeglądarce to zostanie zastąpiony tekstem podanym w tym parametrze. 
Nie masz się co przejmować ponieważ parametr alt jest automatycznie dodawany na chomikuj.pl

Przykład:
Toplista Barona

A skąd wziąć adres obrazka? 
Winny jestem objaśnienie skąd wziąć adres obrazka tak aby się wyświetlał w chomikowych rozmowach lub gdy będziesz chciał opisać jakiś plik i wkleić dodatkowo grafikę.

Sposób jak wyjąć prawidłowy adres obrazka na portalu chomikuj.pl

Wejdź do folderu ze swoją grafiką i kliknij na wybrany przez Ciebie obrazek. 
Uzyskasz jego powiększenie.


Kliknij prawym przyciskiem myszki na powiększony obrazek. 
Rozwinie się menu kontekstowe. 
Z dostępnych opcji wybierz kopiuj adres obrazka. 


W ten oto sposób skopiowałeś adres obrazka do pamięci komputera. Teraz możesz go wkleić w odpowiednie miejsce w kodzie. Tak jak było to omówione wyżej. 
Uwaga jeżeli posiadasz przeglądarkę internetową Opera, nie masz takiej możliwości. :-) Wtedy można również kliknąć w link pod spodem pobierz na dysk.

--

Już wkrótce kolejny materiał:
Jak za pomocą html ustalać marginesy obrazka względem tekstu?
Jak powiększyć lub pomniejszyć obrazek za pomocą html? 

12. Łączenie parametrów

Wszystkie parametry (atrybuty i znaczniki) jakie omówiłem wcześniej dotyczące tekstu można łączyć. Możesz łączyć parametry w odpowiedni sposób dzięki czemu Twój tekst nie będzie wyglądać szaro buro...
<center><font size="5" color="red" face="Courier New"><b><i><u>
To jest jakiś tekst
</u></i></b></font></center>

Przykład:

To jest jakiś tekst

Zwróć uwagę, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni (w tym przykładzie jest to: <u>), a na końcu zamykamy ten znacznik, który otworzyliśmy jako pierwszy (czyli <p>). Dodatkowo atrybuty odnoszące się do tego samego znacznika (w naszym przypadku jest to znacznik <font>), można połączyć, wypisując je po kolei, rozdzielone spacjami (w tym przypadku są to atrybuty: size="5", color="red" oraz face="Courier New"). Kolejność wpisywania zarówno atrybutów jak i znaczników (otwierających) jest dowolna.

Wszystkie podane sposoby możesz zastosować w chomikowych rozmowach, edycji profilu jak i również w opisie pliku na chomikuj.pl 

--

W planach kolejne posty, a w nich:
1. Jak wstawić obrazek w chomikowe rozmowy? 
2. Jak zmienić rozmiar obrazka za pomocą html?
3. Jak zrobić odnośnik obrazkowy? 

29 lipca 2010

11. Formatowanie tekstu cz. 2

W pierwszej części omówiłem jak pogrubiać czcionkę, pisać kursywą, jak podkreślić tekst i jak powiększyć rozmiar czcionki  lub pomniejszyć. :-) W tym materiale zgłębimy kolejne triki. Pisząc ten tekst zakładam, że czytałeś część pierwszą "Formatowanie tekstu" a jeżeli jeszcze nie to zapraszam.

Kolor tekstu 
Zakładam, że bardzo Cię interesuje jak inni robią tak kolorowe napisy na Chomikuj.pl w chomikowych rozmowach albo w edycji swojego profilu nie wspominając już o opisywaniu plików... Przepis na to jest dość prosty... Jak w poprzednim poście użyję znacznika &lt;font&gt; z atrybutem color. Proszę oto przykład:  
<font color="green">Ten tekst jest zielony</font>
Przykład:
Ten tekst jest zielony

Żeby zmienić kolor na inny wystarczy, że w cudzysłowiu wpiszesz inną nazwę koloru używając nazewnictwa angielskiego. Jednak z powodu, że nie wszystkie przeglądarki należycie interpretują nazwy własne kolorów zalecane jest używanie kodu HEX (heksadecymalny).
Na wstępie podam jedynie kilka podstawowych kolorów... a już w niedługim czasie opublikuję w odbrębnym poście rozszerzoną tablicę z kodowaniem HEX, nazwą własną i może rgb. :)
tabela1
Kolor Nazwa kod HEX
black #000000
silver #C0C0C0
gray #808080
white #FFFFFF
maroon #800000
red #FF0000
purple #800080
fuchsia #FF00FF
green #008000
lime #00FF00
olive #808000
yellow #FFFF00
navy #000080
blue #0000FF
teal #008080
aqua #00FFFF

Rodzaje czcionek
W tym miejscu dowiesz się jak zmienić za pomocą języka html rodzaj czcionki i dlaczego trzeba uważać z używaniem różnych niestandardowych czcionek na portalu Chomikuj.pl.

Ważne zapamiętaj!
Jeżeli będziesz używać innej niż standardowej czcionki w chomikowych rozmowach czy edycji profilu może zdarzyć się tak, że u innego użytkownika podana przez Ciebie czcionka nie będzie się wyświetlać. Dlaczego? - Ponieważ w wielu przypadkach na komputerach innych użytkowników nie zostały zainstalowane inne czcionki niż standardowe. Co skutkuje tym, że wyświetlana jest pierwsza dostępna czcionka w systemie. A każda z czcionek wygląda inaczej i różni się minimalnie rozmiarem. Dlatego też wygląd Twojego napisu czy też opisu chomika może diametralnie różnić się na dwóch różnych komputerach... Na jednym będzie wyglądać dobrze a na drugim tekst całkowicie się rozjedzie... :-)

Tak wyglądają standardowe czcionki w przypadku Windows`a:
Czcionka Arial 
Czcionka tahoma
Czcionka Georgia
Czcionka Verdana 
Czcionka 'Trebuchet MS' 
Czcionka 'Times New Roman' 
Czcionka 'Courier New' 

Do zmiany czcionki wykorzystamy znacznik &lt;font&gt; z wykorzystaniem atrybutu face. 
Oto przykładowy kod:
<font face="georgia">Tak wygląda czcionka Georgia</font>
Przykład:
Tak wygląda czcionka Georgia


Zwróć uwagę, że wiele nazw czcionek składa się z kilku wyrazów.
W takim przypadku dodatkowo nazwę czcionki bierzemy w apostrofy
 (pojedyncze cudzysłowy) 'tekst objęty w apostrof'. Tak będzie prezentował się kod:

<font face="'Times New Roman'">Czcionka Times New Roman</font>


Wyśrodkowanie tekstu


Jak wyśrodkować tekst w edycji swojego profilu lub w rozmowach chomikowych? Podam Ci  gotowy sposób, kóre możesz wykorzystać w portalu chomikuj. Wykorzystamy do tego znacznik <center>, służy on do wyśrodkowywania wszystkiego, np. obrazków i innych elementów.
<center>To jest tekst wyśrodkowany</center>
Przykład:


To jest tekst wyśrodkowany
 
 
Nauczyliśmy się już sporo rzeczy... w kolejnym temacie nauczę Cię jak łączyć wszystkie paratmetry.

10. Formatowanie tekstu cz. 1

Jak już zdąrzyłeś się dowiedzieć z poprzednich postów HTML służy do formatowania tekstu i wyglądu stron. Dzisiaj nauczysz się jak wykorzystać możliwości html`a w formatowaniu tekstu. 

W języku html wszelkie formatowanie odbywa sie za pomocą tzw znaczników.
Znacznik jest to specjalny tekst, umieszczony w nawiasach ostrych, np.: .<b> Jest on częścią składni języka HTML i pozwala sterować wyglądem. Dzięki niemu możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie, widoczne są tylko efekty jego działania.
Zwróć szczególną uwagę na taką rzecz, że istnieją znaczniki otwierające  (np: <b>) oraz zamykające (np: </b>). Pamiętaj, że znacznik zamykający zawiera ukośnik (czyli: /) i znajduje się na początku.

Tekst pogrubiony 
Więc wiesz już coś nie coś o znacznikach otwierających i zamykających teraz przyszedł czas na wykorzystanie tej wiedzy w pogrubieniu tekstu:

Aby nasz tekst został pogrubiony wykorzystamy do tego znacznik <b> gdzie literka "b" jest skrótem od angielskiego słowa "bold" czyli pogrubienie. Prawda, że proste? A kod wygląda tak: 
<b>Przykład tekstu pogrubionego </b>
Przykład:  
Przykład tekstu pogrubionego

 Tekst pochylony  
Nauczyłeś się pisać tekstem pogrubionym teraz śmiało możemy przejść do tekstu pochylonego. Jest to równie łatwe jak wytłuszczanie (pogrubianie) czcionki. Wykorzystamy znacznik nadający kursywę <i> z angielskiego "italic" czyli kursywa. Tak będzie wyglądał kod:
<i>To jest przykład tekstu pochylonego</i>
Przykład: 
To jest przykład tekstu pochylonego

Tekst podkreślony 

Masz za sobą już dwa rodzaje znaczników i przyszedł czas na kolejny. Będziemy podkreślać fragment tekstu. Wykorzystamy do tego znacznik <u> z angielskiego "underline" czyli podkreślenie. Tak wygląda kod:
<u>Ten tekst jest podkreślony</u>
Przykład 
Ten tekst jest podkreślony

Wielkość czcionki
Wiesz już jak pobrubić, pochylić i podkreślić tekst. Teraz zajmiemy się powiększaniem tekstu... Pamiętaj aby nie nadużywać dużej czcionki w Chomikowych rozmowach. Czasem zbyt duża czcionka może zostać odebrana jako SPAM.
Posłużymy się tutaj znacznikiem <font>. Tan znacznik służy do określenia jednego lub więcej parametrów czcionki np: rodzaju czcionki, koloru a w naszym przypadku wielkości. 

Tak wygląda kod służący do manipulowania wielkością czcionki:
<font size="1">Czcionka o razmiarze 1</font>
W miejscu wyróżnionym kolorem niebieskim możesz wpisywać liczby, które nadadzą odpowiednią wielkość czcionce. 
Przykład:
Czcionka o razmiarze 1  
Czcionka o razmiarze 2  
Czcionka o razmiarze 3 (czcionka domyślna) 
Czcionka o razmiarze 4  
Czcionka o razmiarze 5  
Czcionka o razmiarze 6