Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[TuT] Jak Zrobić Szablon Html (Gotowiec)

MrBoomGood

Przez MrBoomGood
w Niezbędnik Programisty - Archiwum

Rekomendowane odpowiedzi

MrBoomGood Budowniczy

MrBoomGood

Opublikowano
Budowniczy

MrBoomGood

Opublikowano

Wiele początkujących osób robi strony składające się tylko z kolorów, w tym poradniku pokaże jak zrobić szablon, czyli kolejny krok w języku html. W naszym przypadku robimy strone z downloadami :)

 

Nasza strona będzie wyglądać tak:

 

Obrazek na koncu tematu ;d

 

 

Dobra Zaczynamy !!!

 

Na początek otwieramy robimy nowy folder i nazywamy go Strona. Następnie otwieramy go i otwieramy dwa razy notatnik, w jednym dajemy zapisz jako i wpisujemy index.html. W drugim także dajemy zapisz jako i wpisujemy style.css. Następnie ściągamy obrazki potrzebne dla strony i wypakowujemy je do folderu "Strona". Wygląda to tak:

 

SCREEN1.bmp

 

Link: http://www.megaupload.com/?d=EKERK38B

 

(Jeśli będzie napisane plik chwilowo niedostępny to spróbujcie potem :) Potem otwieramy style.css klikamy na to dwa razy LPM, otworzy nam się pusty notatnik, wklejamy do niego to:

 

body{ font-family: verdana,tahoma;font-size: 11px;color: #000;background: url(tlos.jpg);}
td { font-family: verdana,tahoma;font-size: 11px;color: #000}

a:link,a:visited,a:active {color: black;text-decoration: none;}
a:hover {color: #9E3F09;text-decoration: underline;}


.top {background: url(top.jpg); width:800px;height:161px}
.m {background: url(tlo.jpg); width:200px;height:30px;text-align:center;font-weight:bold;color:orange}
.m2 {background: url(tlo.jpg); width:30px;height:30px;text-align:center;font-weight:bold;color:red}
.t {text-align:center;border:1px solid #D87136;padding:10px;font-size:11px;letter-spacing:1px}
.brd {border:1px solid black}

.linki {padding:5px;letter-spacing:1px}
.newsy {padding:10px;text-align:justify}

.stopka {border:1px solid #8C8C8C;padding:5px;font-size:11px;letter-spacing:1px;}
img {border: 0px;}

 

Zapisujemy i wyłączamy (nie będę opisywał co to wszystko znaczy bo mi nikt nie opisywał jak czegoś nie wiecie to spokojnie piszcie w komentarzach :) Następnie otwieramy plik index.html za pomocą notatnika. I wklejamy to:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<title>Twoje Centrum Downloadu !</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" href="style.css" type="text/css">

<table border="0" width="800" cellpadding="0" cellspacing="2" align="center">
<TR>
<td class="t" colspan="3">
	Twoje Miejsce W Sieci !
</td>
</tr>
<tr>
<td class="top" colspan="3"></td>
</tr>
<tr>
<td valign="top">
	<table cellpadding="0" cellspacing="0" class="brd">
	<tr><td class="m">Menu Główne</td></tr>
	<tr><td><div class="linki">
	<img src="arrow.gif" alt=""> <a href="">Strona Główna</a><BR>
	<img src="arrow.gif" alt=""> <a href="">Kontakt</a><BR>
	<img src="arrow.gif" alt=""> <a href="">Forum</a> <BR>
	<img src="arrow.gif" alt=""> <a href="">Reklama</a> <BR>
	<img src="arrow.gif" alt=""> <a href="">Redakcja</a>
	</div>
	</td></tr>
	</table>

	<BR>

	<table cellpadding="0" cellspacing="0" class="brd">
	<tr><td class="m">Kategorie</td></tr>
	<tr><td><div class="linki">
	<img src="arrow.gif" alt=""> <a href="">Programy</a><BR>
	<img src="arrow.gif" alt=""> <a href="">Patche</a><BR>
	<img src="arrow.gif" alt=""> <a href="">Sterowniki</a> <BR>
	<img src="arrow.gif" alt=""> <a href="">Gry</a> <BR>
	<img src="arrow.gif" alt=""> <a href="">Inne</a>
	</div>
	</td></tr>
	</table>
</td>


<td valign="top">
	<table cellpadding="0" cellspacing="0" class="brd">
	<tr><td class="m2">Newsy</td></tr>
	<tr><td width="390"><div class="Newsy">
	<img src="arrow.gif" alt=""> <B>Sobota, 09-10-2010</b><BR><BR>
	Szablon By MrBoomGood
	</div>
	</td></tr>
	</table>

</td>

<td valign="top">
	<table cellpadding="0" cellspacing="0" class="brd">
	<tr><td class="m">Ostatnio dodane</td></tr>
	<tr><td><div class="linki">
	<img src="arrow.gif" alt=""> <a href="">Adobe Photoshop CS4</a><BR>
	<img src="arrow.gif" alt=""> <a href="">Spider-Man 3</a><BR>
	<img src="arrow.gif" alt=""> <a href="">Fifa11</a> <BR>
	<img src="arrow.gif" alt=""> <a href="">Pes10</a>
	</div>
	</td></tr>
	</table>

	<BR>

	<table cellpadding="0" cellspacing="0" class="brd">
	<tr><td class="m">Zobacz</td></tr>
	<tr><td><div class="linki"><center>

   <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
	</center>
	</div>
	</td></tr>
	</table>
</td>
</tr>

<TR>
<td class="stopka" colspan="3">
	Copyright By MrBoomGood
	<a href="http://youtube.pl/user/TheMrBoomGood" title="Konto YouTube"><img src="but.jpg" alt="Konty YouTube" align="right"></a>
</td>
</tr>
</table>	

</body>
</html>[/size]

 

 

 

 

 

 

I GOTOWE !

 

Jeśli macie jakieś pytania to walić śmiało !

 

JEŚLI CHCESZ TO DAJ +, PONIEWAŻ TO MOTYWUJE MNIE DO DALSZEJ PRACY !!!

Screen strony dla mpc.bmp

JEŚLI CI POMOGŁEM WEJDŹ TUTAJ

http://www.pajacyk.pl/ I KLIKNIJ W BRZUCH PAJACYKA, W TEN SPOSÓB NAKARMISZ GŁODNE DZIECI... A JEŚLI TO ZA MAŁO TO MOŻESZ MI DAĆ + I 5 NA KANALE... ALE PAMIĘTAJ GŁODNE DZIECI SĄ WAŻNIEJSZE NIŻ + I 5...

 

Konto YouTube: http://www.youtube.com/user/TheMrBoomGood

Człowiek rodzi się mądry, dopiero potem idzie do szkoły...

MrBoomGood Budowniczy

MrBoomGood

Opublikowano
Budowniczy

MrBoomGood

  • Autor
Opublikowano

Nie no tak robilem temacik bo mi sie nudzilo a jak ktos nie potrafi a ni css ani tabelek to dobry tutek :)

JEŚLI CI POMOGŁEM WEJDŹ TUTAJ

http://www.pajacyk.pl/ I KLIKNIJ W BRZUCH PAJACYKA, W TEN SPOSÓB NAKARMISZ GŁODNE DZIECI... A JEŚLI TO ZA MAŁO TO MOŻESZ MI DAĆ + I 5 NA KANALE... ALE PAMIĘTAJ GŁODNE DZIECI SĄ WAŻNIEJSZE NIŻ + I 5...

 

Konto YouTube: http://www.youtube.com/user/TheMrBoomGood

Człowiek rodzi się mądry, dopiero potem idzie do szkoły...

MrBoomGood Budowniczy

MrBoomGood

Opublikowano
Budowniczy

MrBoomGood

  • Autor
Opublikowano

Wygląda jak szablon Sliffki? ;x

 

 

czego?

JEŚLI CI POMOGŁEM WEJDŹ TUTAJ

http://www.pajacyk.pl/ I KLIKNIJ W BRZUCH PAJACYKA, W TEN SPOSÓB NAKARMISZ GŁODNE DZIECI... A JEŚLI TO ZA MAŁO TO MOŻESZ MI DAĆ + I 5 NA KANALE... ALE PAMIĘTAJ GŁODNE DZIECI SĄ WAŻNIEJSZE NIŻ + I 5...

 

Konto YouTube: http://www.youtube.com/user/TheMrBoomGood

Człowiek rodzi się mądry, dopiero potem idzie do szkoły...

norbox Weteran

norbox

Opublikowano
Weteran

norbox

Opublikowano

jak orginal szablon dbv nie zkorzystam mogels bardziej sie postarac

211c73cd6486beb.gif

Minecraft

odkrywcai.pngwolftamer.png

Odkrywca

Wolfer:Lubie pieski:P

Jeżeli jesteś człowiek to kliknij na obrazek:

baner6.gif

  • 1 rok później...
Syrians Specjalista

Syrians

Opublikowano
Specjalista

Syrians

Opublikowano

Stron się nie pisze na tabelkach, od tego są divy przecież...a później problemy, że strona się rozjeżdża lub coś w ten deseń...

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...