Przede wszystkim tworzymy grafikę w programie graficznym i linkujemy ją. Wstawiamy do prezentacji na howrse za pomocą kodu:
<div style="background:url(http://img339.imageshack.us/img339/8721/pionoweramki.png); width: 849px; height: 400px; overflow: auto; margin-top: 0px; margin-left: 0px;">TREŚĆ</div>
Następnie tworzymy ramkę do naszej prezentacji. Samą ramkę, jako oddzielny plik, również ją linkujemy. Moja ramka wygląda tak:
Oczywiście ramka może wyglądać dowolnie, wszystko jest kwestią gustu :)
Jak w przypadku zwykłej prezentacji, w miejscu słowa "TREŚĆ" w kodzie na obrazek znajdzie się cała zawartość naszej prezentacji, czyli ramki oraz to, co w nich.
Pierwszą ramkę umieszczamy za pomocą podwójnego kodu: pierwsza część zawiera tło i wymiary ramki, druga - zawartość ramki, czyli tekst, obrazki itp. Pamiętamy o odpowiednich ustawieniach:
<div style="background:url(http://img594.imageshack.us/img594/8175/ramkadotut.png); width: 435px; height: 356px; overflow: auto; margin-top: 22px; margin-left: 381px;"><div style="width: 435px; height: 356px; overflow: auto; margin-top: 0px; margin-left: 0px;">TEKST</div></div>
<div style="background:url(http://img594.imageshack.us/img594/8175/ramkadotut.png); width: 435px; height: 356px; overflow: auto; margin-top: 22px; margin-left: 381px;"><div style="width: 435px; height: 356px; overflow: auto; margin-top: 0px; margin-left: 0px;">TEKST</div></div>
W kodzie do każdej następnej ramki należy w znaczniku margin-top dodawać wysokość ramki.
Kod na prezentację z 3 ruchomymi ramkami:
<div style="background:url(LINK); width: 849px; height: 400px; overflow: auto; margin-top: 0px; margin-left: 0px;"><div><div style="background:url(http://img594.imageshack.us/img594/8175/ramkadotut.png); width: 435px; height: 356px; overflow: auto; margin-top: 22px; margin-left: 381px;"><div style="width: 435px; height: 356px; overflow: auto; margin-top: 0px; margin-left: 0px;">TEKST</div></div><div style="background:url(http://img594.imageshack.us/img594/8175/ramkadotut.png); width: 435px; height: 356px; overflow: auto; margin-top: 22px; margin-left: 381px;"><div style="width: 435px; height: 356px; overflow: auto; margin-top: 0px; margin-left: 0px;">TEKST</div></div>
KOD NA CAŁĄ PREZENTACJĘ (jeżeli weźmiecie obrazek 435x356, i wstawicie link, wyjdzie wam prezentacja)
<div style="background:url(LINK); width: 435px; height: 356px; overflow: auto; margin-top: 22px; margin-left: 381px;"><div style="width: 435px; height: 356px; overflow: auto; margin-top: 0px; margin-left: 0px;">TEKST</div></div><div style="width: 435px; height: 22px; overflow: auto; margin-top: 0px; margin-left: 381px;"><div style="width: 435px; height: 22px; overflow: auto; margin-top: 0px; margin-left: 0px;"><img src="http://img171.imageshack.us/img171/6718/dopustej.png"></div></div></div></div>
Kocham być kopiowana, nie ma co, wspaniałe uczucie. Jak już chcesz coś takiego prowadzić to nie kopiuj od kogoś słowo w słowo, co? Piękna kopia mojej strony; http://poradnik-html.strefa.pl/.
OdpowiedzUsuńPozdrawiam, Karola.
Zgodzę się z Karolą, gdyż napracowała się nad stroną, a ty ot tak po prostu ją sobie kopiujesz. Nie ma to jak wejść, przeczytać i "pożyczyć" bez pozwolenia. Na serio zastanów się nad tym co zrobiłaś i usuń to z tego bloga. Sądząc po ty m jak pracowała Karola z własnym doświadczeniem ty jesteś niczym...
UsuńZgadzam się z Paulina Z
OdpowiedzUsuńKarola i Paulina Z mają całkowitą rację. Karola napracowała się nad tą stronką, a ty po prostu skopiowałaś. Pewnie nie wiedziałaś nawet o czym piszesz.
OdpowiedzUsuńZgadzam się z pozostałymi. Plagiat jest karalny prawnie, wiesz ? Poza tym ktoś męczy się, pisze to wszystko aby inni coś się nauczyli, a ty sobie to kopiujesz, nie pytając nawet o zgodę ani pisząc, skąd to wzięłaś.
OdpowiedzUsuńZa kopiowanie praw autorskich grozi więzienie -.-
OdpowiedzUsuńCzy ty myślisz sobie że można od tak sobie skopiować? Nic tylko kopiuj/wklej -,- Za łamanie praw autorskich grozi kara grzywna bądź nawet więzienie. Twoja strona jest do niczego. Mogłabyś chociaż zmienić słowa. A nie... To jest dowód jaka jesteś kreatywna, żal. -,-
OdpowiedzUsuńZgadzam się z wszystkimi osobami, to że to skopiowałaś to dzieciństwo, bo tylko dzieci nie umieją napisać kilku słów po swojemu. Skopiowanie kodów to już rozumiem, ale cała reszta jest identyczna do blogu Karoli.
OdpowiedzUsuńjakie groźby xD
OdpowiedzUsuń