piątek, 22 lipca 2011

Konkurs!!!

Nagrodą w tym konkursie jest darmowa prezentacja zrobiona przeze mnie wedle Twojego życzenia. Aby wziąć udział musisz zapisać się do obserwatorów. Gdy nazbiera się ich 10 zrobię losowanie.

PS: Jeśli Twój login tutaj nie jest taki sam jak na howrse, to napisz do mnie.

Lovin

piątek, 8 lipca 2011

Jak zrobić prezentację HTML - Howrse

Witam!
Na początku podam Wam instrukcję na zrobienie łatwej prezentacji. Zastrzegam: ja NIE JESTEM autorem tej instrukcji. Znalazłam ją na blogu gracza zabayka!!!


CZĘŚĆ 1 - GRAFIKA

Do robienia prezentacji trzeba mieć dobry program graficzny. Ta instrukcja opiera się na edytorze Photoscape (można pobrać tutaj), ale prezentację możecie zrobić nawet w Paincie, którego też użyjemy ;)

1. Zdjęcie
Powinno być dość duże, najlepiej jest ściągnąć je z jakiejś strony z tapetami, np. tapeciarnia.pl. Obrazek powinien w szerokości mieć ok. 790 pikseli.
Więc kiedy mamy zdjęcie, zaczynamy pracę w Paincie. Przycinamy zdjęcie:



Następnie kopiujemy całość (ctrl+A) i otwieramy Photoscape':



klikamy na Edytor i wklejamy obrazek.



Wybieramy kolejno: Obiekt; wybieramy kształt i kolor ramki którą chcemy mieć. Następnie rysujemy ramkę, możecie jeszcze przełączyć na 100% czyli tak, jak będzie w rzeczywistości:


Następnie klikamy na ikonkę Tekst. Piszemy tytuły okienek, możemy także rozciągać ramki okienek.


Przy rysowaniu, pisaniu itp. możemy pomagać sobie znaczkami które zakreśliłam :) Możecie jeszcze dodać jakieś ozdobniki, np. ramki. Po skończonej pracy klikamy Zapisz i tu kończy się etap I.




CZĘŚĆ 2 - POLE TEKSTOWE

UWAGA! Tę część najlepiej wykonać w firefoxie!
Otwieramy stronę imageshack.us lub inną dowolną stronę do hostowania zdjęć i wrzucamy zdjęcie. Kopiujemy link do zdjęcia, wrzucany zdjęcie do prezentacji na howrse i przechodzimy na tryb HTML. Wklejamy ten kod na samej górze lub samym dole tyle razy, ile mamy okienek:

<div style="text-align: left; overflow: auto; left: 170px; width: 121px; position: absolute; top: 732px; height: 74px; color: rgb(0, 0, 0);"><span style="font-weight: bold;">Tekst<br><br><br><br><br><br><br><br><br>Tekst<br></span></div>

I wracamy na tryb normalny, gdzie mamy takie coś:

Chwytamy za znaczek nad ramką, przenosimy i rozciągamy ją do właściwej wielkości. Teraz zapisujemy prezentację i patrzymy, czy wszystko jest równo. Możemy już pisać :)

Czekam na komentarze;)
Jeśli ktoś czegoś nie wie pisać do mnie na How. Mój nick: Lovin
Źródło: tu