Prosze o strone html o origami, w ktorej musi byc: - tytul - odnosnik prosze o strone html o origami, w ktorej musi byc: - tytul - odnosnik do email - jakas tapeta w tle i z 5 odnosnikow do podstron - na podstronach obrazek i jakis opis z wiki
blackshooter
Proszę :) Strona w html z pięcioma odnośnikami do podstron. Na początek zrób na pulpicie Nowy Folder, następnie otwórz notatnik i zrób w nim kolejno 5 podstron, których nazwy i zawartość podaje niżej. Nazwy plików: 1) Plik 1 index.html 2) Plik 2 instrukcja.html 3) Plik 3 galeria.html 4) Plik 4 galeria2.html 5) Plik 5 e-mail.html PS. wszystkie pliki wrzuć do jednego folderu i powinno być ok, w razie pytań napisz do mnie PW to chętnie pomogę :)
Zawartość plików, kolejno od index.html, instrukcja.html itd.
Plik1 index.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Variant Multi</title> <meta name="description" content="origami"> <meta name="keywords" content="origami"> <meta name="author" content="origami"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #1A1A1A; background-image: url(http://www.thenug.com/sites/default/pub/061213/origami%20yoda.jpg); color: #444444; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #wb_Text4 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text4 div { text-align: left; } #wb_Text5 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text5 div { text-align: left; } #wb_Text10 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text10 div { text-align: left; } #wb_Text13 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text13 div { text-align: left; } #wb_Text16 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text16 div { text-align: left; } #wb_Text14 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text14 div { text-align: left; } #wb_Text23 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text23 div { text-align: left; } #wb_Text15 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text15 div { text-align: left; } #wb_Text18 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text18 div { text-align: left; } #wb_Text19 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text19 div { text-align: left; } #wb_Text21 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text21 div { text-align: left; } #wb_Text20 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text20 div { text-align: left; } #wb_Text22 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text22 div { text-align: left; } #wb_Text25 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text25 div { text-align: left; } #wb_Text26 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text26 div { text-align: left; } #wb_Text27 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text27 div { text-align: left; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: normal; list-style-type: none; padding: 10px 0px 10px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; color: #333333; position: relative; font-weight: normal; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 10px 16px 10px 16px; border: 0px solid #FFFFFF; background-color: #2A5A7A; color: #D1CDC6; margin-right: 5px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #2A5A7A; color: #FFFFFF; font-weight: normal; text-decoration: underline; } </style> </head><body> <div id="container"> <div id="wb_Shape4" style="position:absolute;left:17px;top:816px;width:967px;height:156px;z-index:0;"> <img src="images/img0001.gif" id="Shape4" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape3" style="position:absolute;left:17px;top:356px;width:967px;height:460px;z-index:1;"> <img src="images/img0009.png" id="Shape3" alt="" style="border-width:0;width:967px;height:460px;"></div> <div id="wb_Shape2" style="position:absolute;left:17px;top:200px;width:967px;height:156px;z-index:2;"> <img src="images/img0003.gif" id="Shape2" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape1" style="position:absolute;left:17px;top:0px;width:967px;height:201px;z-index:3;"> <img src="images/img0004.gif" id="Shape1" alt="" style="border-width:0;width:967px;height:201px;"></div> <div id="wb_Text1" style="position:absolute;left:39px;top:48px;width:932px;height:49px;z-index:4;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:43px;">Origami</span></div> <div id="wb_Text2" style="position:absolute;left:39px;top:106px;width:932px;height:24px;z-index:5;"> <span style="color:#DDDDDD;font-family:Georgia;font-size:20px;">papierowe fantazje z papieru</span></div> <div id="wb_Text4" style="position:absolute;left:39px;top:219px;width:458px;height:29px;z-index:6;"> <span style="color:#467AA7;font-family:Georgia;font-size:24px;">Galeria zdjęć origami - do obejrzenia</span></div> <div id="wb_Text5" style="position:absolute;left:39px;top:253px;width:458px;height:54px;z-index:7;"> <span style="color:#555555;font-family:Verdana;font-size:15px;">Obejrzyj galerie zdjęć oraz podziel się własnymi pomysłami wysyłając swoje propozycje na mój e-mail.<br>Pozdrawiam, miłej zabawy, baw się dobrze :)</span></div> <div id="wb_Text10" style="position:absolute;left:737px;top:627px;width:233px;height:20px;z-index:8;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:17px;">Text box</span></div> <div id="wb_Text13" style="position:absolute;left:39px;top:409px;width:672px;height:31px;z-index:9;"> <span style="color:#467AA7;font-family:Georgia;font-size:27px;">Narodziny Origami</span></div> <div id="wb_Text16" style="position:absolute;left:39px;top:622px;width:330px;height:126px;z-index:10;"><span style="color:#444444;font-family:Verdana;font-size:12px;">- papier jednokolorowy<br>- papier ultracienki<br>- papier dwukolorowy<br>- papier Washi<br>- papier Washi mini<br>- papier metaliczny<br>- papier wzorzysty<br>- małe arkusze<br>- paski</span></div> <div id="wb_Text14" style="position:absolute;left:37px;top:448px;width:672px;height:84px;z-index:11;"> <span style="color:#444444;font-family:Verdana;font-size:12px;">Origami jest to sztuka tworzenia figurek z papieru. Zasada jest prosta: nie można kleić ani wycinać.<br>Początek Origami sięga Starożytnych Chin, kiedy to wynaleziono papier. Na samym początku figurki Origami były używane do obrzędów religijnych. Wcześniej mieli dostęp do tego tylko bogaci dworzanie, ale wraz z rozpowszechnieniem się papieru sztuka ta znalazła wielu wiernych zwolenników. Tworzący próbowali naśladować obiekty istniejące w rzeczywistości, a ich jedynym ograniczeniem była fantazja artysty i wytrzymałość papieru. </span></div> <div id="wb_Text23" style="position:absolute;left:506px;top:864px;width:207px;height:70px;z-index:12;"><span style="color:#555555;font-family:Verdana;font-size:12px;">- "Origami Fun"<br>- "Origami Modułowy zawrót głowy"<br>- "Polish your origami"<br>- "Origami Kwiaty z Papieru"</span></div> <div id="wb_Text15" style="position:absolute;left:39px;top:591px;width:330px;height:23px;z-index:13;"> <span style="color:#467AA7;font-family:Georgia;font-size:19px;">Papier do origami - rodzaje</span></div> <div id="wb_Text18" style="position:absolute;left:387px;top:591px;width:324px;height:23px;z-index:14;"><span style="color:#467AA7;font-family:Georgia;font-size:19px;">Dzieła origami</span></div> <div id="wb_Text19" style="position:absolute;left:387px;top:622px;width:324px;height:98px;z-index:15;"><span style="color:#444444;font-family:Verdana;font-size:12px;">Stowarzyszenie: Polskie Towarzystwo Origami "Papierowe Fantazje" z siedzibą w Kostomłotach wydaje biuletyn w języku polskim który jest w całości poświęcony tematyce origami.<br>Modele figurek papierowych można obejrzeć w Krakowie w "Centrum Sztuki i Techniki Japońskiej Manggha".</span></div> <div id="wb_Text21" style="position:absolute;left:39px;top:864px;width:439px;height:28px;z-index:16;"> <span style="color:#555555;font-family:Verdana;font-size:12px;">- "Origami Made in Poland" cena ok. 20zł<br>- Papier Origami jednokolorowy cena ok. 6zł</span></div> <div id="wb_Text20" style="position:absolute;left:39px;top:832px;width:439px;height:20px;z-index:17;"> <span style="color:#467AA7;font-family:Georgia;font-size:17px;">Przydatne Origami</span></div> <div id="wb_Text22" style="position:absolute;left:505px;top:832px;width:207px;height:20px;z-index:18;"><span style="color:#467AA7;font-family:Georgia;font-size:17px;">Książki</span></div><div id="wb_Text25" style="position:absolute;left:739px;top:832px;width:235px;height:20px;z-index:19;"><span style="color:#467AA7;font-family:Georgia;font-size:17px;">Kontakt E-mail</span></div> <div id="wb_Text26" style="position:absolute;left:739px;top:863px;width:235px;height:16px;z-index:20;"><span style="color:#000000;font-family:Arial;font-size:13px;"><a href="./e-mail.html">Napisz E-mail</a></span></div> <div id="wb_Text27" style="position:absolute;left:39px;top:990px;width:932px;height:16px;z-index:21;"> <span style="color:#AAAAAA;font-family:Verdana;font-size:13px;">C Twoje imię</span></div><div id="wb_TabMenu1" style="position:absolute;left:546px;top:155px;width:447px;height:44px;z-index:22;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html" class="active">Start</a></li> <li><a href="./instrukcja.html">Instrukcja</a></li> <li><a href="./galeria.html">Galeria</a></li> <li><a href="./galeria2.html">Galeria 2</a></li><li><a href="./e-mail.html">E-mail</a></li> </ul> </div> </div> </body> </html>
Strona w html z pięcioma odnośnikami do podstron.
Na początek zrób na pulpicie Nowy Folder, następnie otwórz notatnik i zrób w nim kolejno 5 podstron, których nazwy i zawartość podaje niżej.
Nazwy plików:
1) Plik 1 index.html
2) Plik 2 instrukcja.html
3) Plik 3 galeria.html
4) Plik 4 galeria2.html
5) Plik 5 e-mail.html
PS. wszystkie pliki wrzuć do jednego folderu i powinno być ok, w razie pytań napisz do mnie PW to chętnie pomogę :)
Zawartość plików, kolejno od index.html, instrukcja.html itd.
Plik1 index.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Variant Multi</title> <meta name="description" content="origami"> <meta name="keywords" content="origami"> <meta name="author" content="origami"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #1A1A1A; background-image: url(http://www.thenug.com/sites/default/pub/061213/origami%20yoda.jpg); color: #444444; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #wb_Text4 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text4 div { text-align: left; } #wb_Text5 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text5 div { text-align: left; } #wb_Text10 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text10 div { text-align: left; } #wb_Text13 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text13 div { text-align: left; } #wb_Text16 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text16 div { text-align: left; } #wb_Text14 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text14 div { text-align: left; } #wb_Text23 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text23 div { text-align: left; } #wb_Text15 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text15 div { text-align: left; } #wb_Text18 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text18 div { text-align: left; } #wb_Text19 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text19 div { text-align: left; } #wb_Text21 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text21 div { text-align: left; } #wb_Text20 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text20 div { text-align: left; } #wb_Text22 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text22 div { text-align: left; } #wb_Text25 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text25 div { text-align: left; } #wb_Text26 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text26 div { text-align: left; } #wb_Text27 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text27 div { text-align: left; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: normal; list-style-type: none; padding: 10px 0px 10px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; color: #333333; position: relative; font-weight: normal; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 10px 16px 10px 16px; border: 0px solid #FFFFFF; background-color: #2A5A7A; color: #D1CDC6; margin-right: 5px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #2A5A7A; color: #FFFFFF; font-weight: normal; text-decoration: underline; } </style> </head><body> <div id="container"> <div id="wb_Shape4" style="position:absolute;left:17px;top:816px;width:967px;height:156px;z-index:0;"> <img src="images/img0001.gif" id="Shape4" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape3" style="position:absolute;left:17px;top:356px;width:967px;height:460px;z-index:1;"> <img src="images/img0009.png" id="Shape3" alt="" style="border-width:0;width:967px;height:460px;"></div> <div id="wb_Shape2" style="position:absolute;left:17px;top:200px;width:967px;height:156px;z-index:2;"> <img src="images/img0003.gif" id="Shape2" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape1" style="position:absolute;left:17px;top:0px;width:967px;height:201px;z-index:3;"> <img src="images/img0004.gif" id="Shape1" alt="" style="border-width:0;width:967px;height:201px;"></div> <div id="wb_Text1" style="position:absolute;left:39px;top:48px;width:932px;height:49px;z-index:4;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:43px;">Origami</span></div> <div id="wb_Text2" style="position:absolute;left:39px;top:106px;width:932px;height:24px;z-index:5;"> <span style="color:#DDDDDD;font-family:Georgia;font-size:20px;">papierowe fantazje z papieru</span></div> <div id="wb_Text4" style="position:absolute;left:39px;top:219px;width:458px;height:29px;z-index:6;"> <span style="color:#467AA7;font-family:Georgia;font-size:24px;">Galeria zdjęć origami - do obejrzenia</span></div> <div id="wb_Text5" style="position:absolute;left:39px;top:253px;width:458px;height:54px;z-index:7;"> <span style="color:#555555;font-family:Verdana;font-size:15px;">Obejrzyj galerie zdjęć oraz podziel się własnymi pomysłami wysyłając swoje propozycje na mój e-mail.<br>Pozdrawiam, miłej zabawy, baw się dobrze :)</span></div> <div id="wb_Text10" style="position:absolute;left:737px;top:627px;width:233px;height:20px;z-index:8;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:17px;">Text box</span></div> <div id="wb_Text13" style="position:absolute;left:39px;top:409px;width:672px;height:31px;z-index:9;"> <span style="color:#467AA7;font-family:Georgia;font-size:27px;">Narodziny Origami</span></div> <div id="wb_Text16" style="position:absolute;left:39px;top:622px;width:330px;height:126px;z-index:10;"><span style="color:#444444;font-family:Verdana;font-size:12px;">- papier jednokolorowy<br>- papier ultracienki<br>- papier dwukolorowy<br>- papier Washi<br>- papier Washi mini<br>- papier metaliczny<br>- papier wzorzysty<br>- małe arkusze<br>- paski</span></div> <div id="wb_Text14" style="position:absolute;left:37px;top:448px;width:672px;height:84px;z-index:11;"> <span style="color:#444444;font-family:Verdana;font-size:12px;">Origami jest to sztuka tworzenia figurek z papieru. Zasada jest prosta: nie można kleić ani wycinać.<br>Początek Origami sięga Starożytnych Chin, kiedy to wynaleziono papier. Na samym początku figurki Origami były używane do obrzędów religijnych. Wcześniej mieli dostęp do tego tylko bogaci dworzanie, ale wraz z rozpowszechnieniem się papieru sztuka ta znalazła wielu wiernych zwolenników. Tworzący próbowali naśladować obiekty istniejące w rzeczywistości, a ich jedynym ograniczeniem była fantazja artysty i wytrzymałość papieru. </span></div> <div id="wb_Text23" style="position:absolute;left:506px;top:864px;width:207px;height:70px;z-index:12;"><span style="color:#555555;font-family:Verdana;font-size:12px;">- "Origami Fun"<br>- "Origami Modułowy zawrót głowy"<br>- "Polish your origami"<br>- "Origami Kwiaty z Papieru"</span></div> <div id="wb_Text15" style="position:absolute;left:39px;top:591px;width:330px;height:23px;z-index:13;"> <span style="color:#467AA7;font-family:Georgia;font-size:19px;">Papier do origami - rodzaje</span></div> <div id="wb_Text18" style="position:absolute;left:387px;top:591px;width:324px;height:23px;z-index:14;"><span style="color:#467AA7;font-family:Georgia;font-size:19px;">Dzieła origami</span></div> <div id="wb_Text19" style="position:absolute;left:387px;top:622px;width:324px;height:98px;z-index:15;"><span style="color:#444444;font-family:Verdana;font-size:12px;">Stowarzyszenie: Polskie Towarzystwo Origami "Papierowe Fantazje" z siedzibą w Kostomłotach wydaje biuletyn w języku polskim który jest w całości poświęcony tematyce origami.<br>Modele figurek papierowych można obejrzeć w Krakowie w "Centrum Sztuki i Techniki Japońskiej Manggha".</span></div> <div id="wb_Text21" style="position:absolute;left:39px;top:864px;width:439px;height:28px;z-index:16;"> <span style="color:#555555;font-family:Verdana;font-size:12px;">- "Origami Made in Poland" cena ok. 20zł<br>- Papier Origami jednokolorowy cena ok. 6zł</span></div> <div id="wb_Text20" style="position:absolute;left:39px;top:832px;width:439px;height:20px;z-index:17;"> <span style="color:#467AA7;font-family:Georgia;font-size:17px;">Przydatne Origami</span></div> <div id="wb_Text22" style="position:absolute;left:505px;top:832px;width:207px;height:20px;z-index:18;"><span style="color:#467AA7;font-family:Georgia;font-size:17px;">Książki</span></div><div id="wb_Text25" style="position:absolute;left:739px;top:832px;width:235px;height:20px;z-index:19;"><span style="color:#467AA7;font-family:Georgia;font-size:17px;">Kontakt E-mail</span></div> <div id="wb_Text26" style="position:absolute;left:739px;top:863px;width:235px;height:16px;z-index:20;"><span style="color:#000000;font-family:Arial;font-size:13px;"><a href="./e-mail.html">Napisz E-mail</a></span></div> <div id="wb_Text27" style="position:absolute;left:39px;top:990px;width:932px;height:16px;z-index:21;"> <span style="color:#AAAAAA;font-family:Verdana;font-size:13px;">C Twoje imię</span></div><div id="wb_TabMenu1" style="position:absolute;left:546px;top:155px;width:447px;height:44px;z-index:22;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html" class="active">Start</a></li> <li><a href="./instrukcja.html">Instrukcja</a></li> <li><a href="./galeria.html">Galeria</a></li> <li><a href="./galeria2.html">Galeria 2</a></li><li><a href="./e-mail.html">E-mail</a></li> </ul> </div> </div> </body> </html>
Plik 2 instrukcja.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Variant Multi</title> <meta name="description" content="origami"> <meta name="keywords" content="origami"> <meta name="author" content="origami"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #1A1A1A; background-image: url(http://www.thenug.com/sites/default/pub/061213/origami%20yoda.jpg); color: #444444; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #wb_Text27 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text27 div { text-align: left; } #Image1 { border: 0px #000000 solid; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: normal; list-style-type: none; padding: 10px 0px 10px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; color: #333333; position: relative; font-weight: normal; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 10px 16px 10px 16px; border: 0px solid #FFFFFF; background-color: #2A5A7A; color: #D1CDC6; margin-right: 5px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #2A5A7A; color: #FFFFFF; font-weight: normal; text-decoration: underline; } </style> </head><body> <div id="container"> <div id="wb_Shape4" style="position:absolute;left:17px;top:906px;width:967px;height:182px;z-index:0;"> <img src="images/img0002.gif" id="Shape4" alt="" style="border-width:0;width:967px;height:182px;"></div> <div id="wb_Shape3" style="position:absolute;left:17px;top:356px;width:967px;height:596px;z-index:1;"> <img src="images/img0005.png" id="Shape3" alt="" style="border-width:0;width:967px;height:596px;"></div> <div id="wb_Shape2" style="position:absolute;left:17px;top:200px;width:967px;height:156px;z-index:2;"> <img src="images/img0006.gif" id="Shape2" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape1" style="position:absolute;left:17px;top:0px;width:967px;height:201px;z-index:3;"> <img src="images/img0007.gif" id="Shape1" alt="" style="border-width:0;width:967px;height:201px;"></div> <div id="wb_Text1" style="position:absolute;left:39px;top:48px;width:932px;height:49px;z-index:4;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:43px;">Origami</span></div> <div id="wb_Text2" style="position:absolute;left:39px;top:106px;width:932px;height:24px;z-index:5;"> <span style="color:#DDDDDD;font-family:Georgia;font-size:20px;">papierowe fantazje z papieru</span></div> <div id="wb_Text27" style="position:absolute;left:39px;top:1098px;width:932px;height:16px;z-index:6;"> <span style="color:#AAAAAA;font-family:Verdana;font-size:13px;">C Twoje imię</span></div><div id="wb_Shape5" style="position:absolute;left:39px;top:227px;width:233px;height:41px;z-index:7;"> <img src="images/img0008.gif" id="Shape5" alt="" style="border-width:0;width:233px;height:41px;"></div> <div id="wb_Image1" style="position:absolute;left:35px;top:366px;width:933px;height:678px;z-index:8;"> http://goclom.net/wp-content/uploads/2013/07/origami_facile.gif" id="Image1" alt="" border="0" style="width:933px;height:678px;"></div> <div id="wb_TabMenu1" style="position:absolute;left:546px;top:155px;width:447px;height:44px;z-index:9;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html">Start</a></li><li><a href="./instrukcja.html" class="active">Instrukcja</a></li> <li><a href="./galeria.html">Galeria</a></li> <li><a href="./galeria2.html">Galeria 2</a></li><li><a href="./e-mail.html">E-mail</a></li> </ul> </div> </div> </body> </html>
Plik 3 galeria.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Variant Multi</title> <meta name="description" content="origami"> <meta name="keywords" content="origami"> <meta name="author" content="origami"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #1A1A1A; background-image: url(http://www.thenug.com/sites/default/pub/061213/origami%20yoda.jpg); color: #444444; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #wb_Text27 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text27 div { text-align: left; } #Image1 { border: 0px #000000 solid; } #wb_Text14 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text14 div { text-align: left; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: normal; list-style-type: none; padding: 10px 0px 10px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; color: #333333; position: relative; font-weight: normal; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 10px 16px 10px 16px; border: 0px solid #FFFFFF; background-color: #2A5A7A; color: #D1CDC6; margin-right: 5px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #2A5A7A; color: #FFFFFF; font-weight: normal; text-decoration: underline; } </style> </head> <body> <div id="container"> <div id="wb_Shape4" style="position:absolute;left:17px;top:816px;width:967px;height:207px;z-index:0;"> <img src="images/img0010.gif" id="Shape4" alt="" style="border-width:0;width:967px;height:207px;"></div> <div id="wb_Shape3" style="position:absolute;left:17px;top:356px;width:967px;height:460px;z-index:1;"> <img src="images/img0011.png" id="Shape3" alt="" style="border-width:0;width:967px;height:460px;"></div> <div id="wb_Shape2" style="position:absolute;left:17px;top:200px;width:967px;height:156px;z-index:2;"> <img src="images/img0012.gif" id="Shape2" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape1" style="position:absolute;left:17px;top:0px;width:967px;height:201px;z-index:3;"> <img src="images/img0013.gif" id="Shape1" alt="" style="border-width:0;width:967px;height:201px;"></div> <div id="wb_Text1" style="position:absolute;left:39px;top:48px;width:932px;height:49px;z-index:4;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:43px;">Origami</span></div> <div id="wb_Text2" style="position:absolute;left:39px;top:106px;width:932px;height:24px;z-index:5;"> <span style="color:#DDDDDD;font-family:Georgia;font-size:20px;">papierowe fantazje z papieru</span></div> <div id="wb_Text27" style="position:absolute;left:39px;top:1043px;width:932px;height:16px;z-index:6;"> <span style="color:#AAAAAA;font-family:Verdana;font-size:13px;">C Twoje imię</span></div><div id="wb_Shape5" style="position:absolute;left:39px;top:227px;width:233px;height:41px;z-index:7;"> <img src="images/img0014.gif" id="Shape5" alt="" style="border-width:0;width:233px;height:41px;"></div> <div id="wb_Image1" style="position:absolute;left:39px;top:306px;width:800px;height:569px;z-index:8;"> http://images.cryhavok.org/d/3290-2/Origami+Dragon.jpg" id="Image1" alt="" border="0" style="width:800px;height:569px;"></div> <div id="wb_Text14" style="position:absolute;left:39px;top:889px;width:672px;height:14px;z-index:9;"> <span style="color:#444444;font-family:Verdana;font-size:12px;">Twój text. Origami daje naprawdę duże możliwości.</span></div> <div id="wb_TabMenu1" style="position:absolute;left:546px;top:155px;width:447px;height:44px;z-index:10;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html">Start</a></li><li><a href="./instrukcja.html">Instrukcja</a></li> <li><a href="./galeria.html" class="active">Galeria</a></li> <li><a href="./galeria2.html">Galeria 2</a></li> <li><a href="./e-mail.html">E-mail</a></li> </ul> </div> </div> </body> </html>
Plik 4 galeria2.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Variant Multi</title> <meta name="description" content="origami"> <meta name="keywords" content="origami"> <meta name="author" content="origami"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #1A1A1A; background-image: url(http://www.thenug.com/sites/default/pub/061213/origami%20yoda.jpg); color: #444444; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #wb_Text27 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text27 div { text-align: left; } #Image1 { border: 0px #000000 solid; } #Image2 { border: 0px #000000 solid; } #Image3 { border: 0px #000000 solid; } #Image4 { border: 0px #000000 solid; } #wb_Text14 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text14 div { text-align: left; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: normal; list-style-type: none; padding: 10px 0px 10px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; color: #333333; position: relative; font-weight: normal; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 10px 16px 10px 16px; border: 0px solid #FFFFFF; background-color: #2A5A7A; color: #D1CDC6; margin-right: 5px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #2A5A7A; color: #FFFFFF; font-weight: normal; text-decoration: underline; } </style> </head> <body> <div id="container"> <div id="wb_Shape3" style="position:absolute;left:17px;top:356px;width:967px;height:717px;z-index:0;"> <img src="images/img0015.png" id="Shape3" alt="" style="border-width:0;width:967px;height:717px;"></div> <div id="wb_Shape2" style="position:absolute;left:17px;top:200px;width:967px;height:156px;z-index:1;"> <img src="images/img0016.gif" id="Shape2" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape1" style="position:absolute;left:17px;top:0px;width:967px;height:201px;z-index:2;"> <img src="images/img0017.gif" id="Shape1" alt="" style="border-width:0;width:967px;height:201px;"></div> <div id="wb_Text1" style="position:absolute;left:39px;top:48px;width:932px;height:49px;z-index:3;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:43px;">Origami</span></div> <div id="wb_Text2" style="position:absolute;left:39px;top:106px;width:932px;height:24px;z-index:4;"> <span style="color:#DDDDDD;font-family:Georgia;font-size:20px;">papierowe fantazje z papieru</span></div> <div id="wb_Text27" style="position:absolute;left:39px;top:1098px;width:932px;height:16px;z-index:5;"> <span style="color:#AAAAAA;font-family:Verdana;font-size:13px;">C Twoje imię</span></div><div id="wb_Shape5" style="position:absolute;left:39px;top:227px;width:233px;height:41px;z-index:6;"> <img src="images/img0018.gif" id="Shape5" alt="" style="border-width:0;width:233px;height:41px;"></div> <div id="wb_Image1" style="position:absolute;left:26px;top:374px;width:308px;height:220px;z-index:7;"> http://designyoutrust.com/wp-content/uploads/2011/09/25.origami-art-750x599.jpg" id="Image1" alt="" border="0" style="width:308px;height:220px;"></div> <div id="wb_Image2" style="position:absolute;left:349px;top:374px;width:308px;height:220px;z-index:8;"> http://fc09.deviantart.net/fs70/i/2010/271/c/f/3d_origami_dragon_by_bartlq-d2znpgv.jpg" id="Image2" alt="" border="0" style="width:308px;height:220px;"></div> <div id="wb_Image3" style="position:absolute;left:670px;top:374px;width:308px;height:220px;z-index:9;"> http://t3.gstatic.com/images?q=tbn:ANd9GcQbeLlP1OOsxUeu4sTEtlsrOAgyWmnOwfMroAcej81g32WscvuX" id="Image3" alt="" border="0" style="width:308px;height:220px;"></div> <div id="wb_Image4" style="position:absolute;left:275px;top:606px;width:450px;height:400px;z-index:10;">http://www.theartzoo.com/pictures/paper/origami-flowers-09.jpg" id="Image4" alt="" border="0" style="width:450px;height:400px;"></div> <div id="wb_Text14" style="position:absolute;left:297px;top:1030px;width:672px;height:14px;z-index:11;"><span style="color:#444444;font-family:Verdana;font-size:12px;">Origami daje naprawdę dużo satysfakcji z wykonanych figurek.</span></div> <div id="wb_TabMenu1" style="position:absolute;left:546px;top:155px;width:447px;height:44px;z-index:12;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html">Start</a></li><li><a href="./instrukcja.html">Instrukcja</a></li> <li><a href="./galeria.html">Galeria</a></li> <li><a href="./galeria2.html" class="active">Galeria 2</a></li> <li><a href="./e-mail.html">E-mail</a></li> </ul> </div> </div> </body></html>
Plik 5 e-mail.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Variant Multi</title> <meta name="description" content="origami"> <meta name="keywords" content="origami"> <meta name="author" content="origami"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #1A1A1A; background-image: url(http://www.thenug.com/sites/default/pub/061213/origami%20yoda.jpg); color: #444444; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #wb_Text27 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text27 div { text-align: left; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: normal; list-style-type: none; padding: 10px 0px 10px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; color: #333333; position: relative; font-weight: normal; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 10px 16px 10px 16px; border: 0px solid #FFFFFF; background-color: #2A5A7A; color: #D1CDC6; margin-right: 5px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #2A5A7A; color: #FFFFFF; font-weight: normal; text-decoration: underline; } #Editbox1 { border: 1px #C0C0C0 solid; background-color: #FFFFFF; color :#444444; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; } #Editbox2 { border: 1px #C0C0C0 solid; background-color: #FFFFFF; color :#444444; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; } #TextArea1 { border: 1px #C0C0C0 solid; background-color: #FFFFFF; color :#444444; font-family: Arial; font-size: 13px; text-align: left; } #Button1 { color: #444444; font-family: Arial; font-size: 13px; } #wb_Text13 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text13 div { text-align: left; } </style> </head> <body> <div id="container"> <div id="wb_Shape4" style="position:absolute;left:17px;top:751px;width:967px;height:50px;z-index:0;"> <img src="images/img0019.gif" id="Shape4" alt="" style="border-width:0;width:967px;height:50px;"></div> <div id="wb_Shape3" style="position:absolute;left:17px;top:356px;width:967px;height:398px;z-index:1;"> <img src="images/img0020.png" id="Shape3" alt="" style="border-width:0;width:967px;height:398px;"></div> <div id="wb_Shape2" style="position:absolute;left:17px;top:200px;width:967px;height:156px;z-index:2;"> <img src="images/img0021.gif" id="Shape2" alt="" style="border-width:0;width:967px;height:156px;"></div> <div id="wb_Shape1" style="position:absolute;left:17px;top:0px;width:967px;height:201px;z-index:3;"> <img src="images/img0022.gif" id="Shape1" alt="" style="border-width:0;width:967px;height:201px;"></div> <div id="wb_Text1" style="position:absolute;left:39px;top:48px;width:932px;height:49px;z-index:4;"> <span style="color:#FFFFFF;font-family:Georgia;font-size:43px;">Origami</span></div> <div id="wb_Text2" style="position:absolute;left:39px;top:106px;width:932px;height:24px;z-index:5;"> <span style="color:#DDDDDD;font-family:Georgia;font-size:20px;">papierowe fantazje z papieru</span></div> <div id="wb_Text27" style="position:absolute;left:39px;top:822px;width:932px;height:16px;z-index:6;"> <span style="color:#AAAAAA;font-family:Verdana;font-size:13px;">C Twoje imię</span></div><div id="wb_TabMenu1" style="position:absolute;left:546px;top:155px;width:447px;height:44px;z-index:7;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html">Start</a></li><li><a href="./instrukcja.html">Instrukcja</a></li> <li><a href="./galeria.html">Galeria</a></li> <li><a href="./galeria2.html">Galeria 2</a></li><li><a href="./e-mail.html" class="active">E-mail</a></li> </ul> </div> <div id="wb_Shape5" style="position:absolute;left:39px;top:227px;width:233px;height:41px;z-index:8;"> <img src="images/img0023.gif" id="Shape5" alt="" style="border-width:0;width:233px;height:41px;"></div> <input type="text" id="Editbox1" style="position:absolute;left:41px;top:377px;width:338px;height:30px;line-height:30px;z-index:9;" name="Tytuł" value="Tytuł maila"> <input type="text" id="Editbox2" style="position:absolute;left:41px;top:427px;width:338px;height:30px;line-height:30px;z-index:10;" name="E-mail" value="Twoj e-mail"> <textarea name="[email protected]" id="TextArea1" style="position:absolute;left:41px;top:478px;width:596px;height:193px;z-index:11;" rows="11" cols="94">Wiadomosc</textarea> <input type="submit" id="Button1" name="" value="Wysylka" style="position:absolute;left:506px;top:695px;width:96px;height:25px;z-index:12;"> <div id="wb_Text13" style="position:absolute;left:441px;top:377px;width:672px;height:31px;z-index:13;"> <span style="color:#467AA7;font-family:Georgia;font-size:27px;">Mój e-mail to: twojmail</span></div> </div> </body> </html>