Krok 1
Podstawą
naszej prezentacji jest grafika. Można ją zrobić w dowolnym programie
graficznym.Oto przykładowa :
Krok 2
Aby dodać naszą grafikę na Howrse potrzebny nam jest hosting zdjęć np. Tinypick . Kiedy już wejdziemy na tą stronę klikamy Wybierz Plik i wybieramy sobie naszą grafikę. I czekamy chwilkę aż się załaduje.
Krok 3
Mamy już naszą grafikę. Teraz potrzebny jest kod HTML o to on :
<div style="background:url( W to miejsce wklejamy link naszej grafiki ); width: Tu wpisz szerokość obrazkapx; height: A tu wysokośćpx; overflow: auto; margin-top: 0px; margin-left: 0px;">W to miejsce wklejamy kod z podpunktu 4</div>
Trzeba pamiętać by ten kod wkleić na prezentacje ale w trybie HTML aby to zrobić klikamy na zielony znaczek :
Który jest po prawej stronie i tam wklejamy kod.
Krok 4
Kod
na grafikę mamy zrobiony teraz zajmiemy się ramką w której będzie nasz
tekst. Aby to zrobić trzeba wkleić ten kod w miejsce które jest
zaznaczone na zielono w podpunkcie 3
<div style="width: Tu wpisujemy szerokość ramkipx; height: Tutaj wysokość ramkipx; margin-top: Tutaj wpisujemy wysokość względem krawędzi górnejpx; margin-left: Tutaj piszemy odległość od lewej stronypx; overflow: auto">W to miejsce wpisujemy nasz tekst ale to dopiero później</div>
Krok 5
Na
początku może trochę nie wychodzić ale jeśli nabierzemy wprawy to
będziemy coraz lepiej robić prezentacje HTML a oto końcowy efekt
<div
style="background:url(http://oi43.tinypic.com/mser8g.jpg); width:
600px; height: 400px; overflow: auto; margin-top: 0px; margin-left:
0px;"><div style="width: 260px; height: 330px; margin-top: 33px;
margin-left: 320px; overflow: auto">Tekst</div></div>
Świetny blog .. Fajnie wytłumaczone ... polece znajomym .. Fajne gadżety i megaa piosenki...
OdpowiedzUsuń