Objaśnienie HTML!

Przy wprowadzaniu zmian westernowych, usunięto znaczki HTML. Rozczarowało to osoby, które nie znają się na kodach. Suwaczki zaczęły znikać i trzeba było z nich zrezygnować. Opiszę tutaj jak ładnie odnowić prezentację z jedną lub wieloma ramkami oraz podam na nie gotowe kody.

UWAGA!
Jeśli napis znajduje się w nawiasach kwadratowych "[ ]" to liczbę lub tekst wpisujemy, usuwając te nawiasy.

Jeśli napis znajduje się w nawiasach "( )" nie usuwaj nawiasów i tekst lub liczbę wpisz w nie.

Pogrubiony tekst należy zamienić na własny według polecenia.

W kodzie jest napis "zapis koluru z palecie rbg" . Co to jest ta paleta?  Są tam zapisane kody do poszczególnych kolorów. W naszym kodzie potrzebny będzie, aby ustalić kolor czcionki.

Kod na 1 ramkę i objaśnienia.
Kod:

<div style="width: [szerokość obrazka]px; height: [wysokość obrazka]px; margin: auto; text-align: center; background-image: url(link do obrazka/tła); background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat repeat;" align="center">

<div style="width: [szerokość ramki]px; height: [wysokość ramki]px; margin-top: [położenie względem wysokości]px; margin-left: [położenie względem lewej strony]px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px none;"><font style="text-shadow: 0px 0px 1px;" face="[nazwa czcionki]" size="[rozmiar czcionki]"><div style="text-align: justify;"><h2 style="text-align: center;"><span style="color: rgb(37, 37, 37); font-size: x-small;">Tu wpisz tekst.<br>Tu wpisz tekst&nbsp;</span></h2></div></font></div>

Kod na 2 ramki.
Kod:

<div style="width: [szerokość obrazka] px; height: [wysokość obrazka] px; margin: auto; text-align: center; background-image: url(link do obrazka/tła); background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat repeat; " align="center">

<div style="width: [szerokość ramki] px; height: [wysokość ramki]px; margin-top: [położenie względem wysokości]p x; margin-left: [położenie względem lewej strony]px; text-align: justify; line-height: 13pt; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px none; letter-spacing: 1px;"><font style="text-shadow: 0px 0px 1px;" face="[nazwa czcionki]" size="[rozmiar czcionki]" color="[kolor czcionki z palety rbg]"><div style="text-align: center;">Tu wpisz tekst.<br>Ramka pierwsza.</div></font></div>

<font style="text-shadow: 0px 0px 1px;"><font style="text-shadow: 0px 0px 1px;" face="[nazwa czcionki]" size="[rozmiar czcionki]"><div style="width: [szerokość ramki] px; height: [wysokość ramki] px; margin-top: [położenie względem wysokości]  px; margin-left: [położenie względem lewej strony]px; text-align: justify; line-height: 13pt; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px none; letter-spacing: 1px;"><div style="text-align: center;">Tu wpisz tekst.<br>Ramka druga.</div></div></font></font></div>

Kod na 3 ramki.
Kod:
<div style="background-image: url(link do obrazka/tła ); width: [szerokość obrazka]px; height: [wysokość obrazka] px; margin-top: [położenie względem wysokości]px; margin-left: [położenie względem lewej strony]px;"></div>

<div style="width: [szerokość ramki] px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left: [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><div style="text-align: center;"><font face="[nazwa czcionki]" size="[rozmiar czcionki]">Tu wpisz tekst.<br><br>Ramka pierwsza.</font></div></div>

<div style="width: [szerokość ramki] px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left:  [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><div style="text-align: center;"><span style="font-family: [nazwa czcionki];  font-size: x-small;">Tu wpisz tekst.</span><br style="font-family: [nazwa czcionki];  font-size: x-small;"><br style="font-family: [nazwa czcionki]; font-size: x-small;"><span style="font-family: [nazwa czcionki] ; font-size: x-small;">Ramka druga.</span></div></div>

<div style="width: [szerokość ramki] px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left: [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><p style="text-align: center;"></p><div style="text-align: left;"><span style="font-family: [nazwa czcionki] ; font-size: x-small; text-align: center;">Tu wpisz tekst.</span><br style="font-family: [nazwa czcionki] ; font-size: x-small; text-align: center;"><br style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;"><span style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;">Ramka trzecia.</span></div></div>

Kod na 4 ramki.
Kod:
<div style="background-image: url(link do obrazka/tła ); width: [szerokość obrazka]px; height: [wysokość obrazka] px; margin-top: [położenie względem wysokości]px; margin-left: [położenie względem lewej strony]px;"></div>

<div style="width: [szerokość ramki] px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left: [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><div style="text-align: center;"><font face="[nazwa czcionki]" size="[rozmiar czcionki]">Tu wpisz tekst.<br><br>Ramka pierwsza.</font></div></div>

<div style="width: [szerokość ramki] px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left:  [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><div style="text-align: center;"><span style="font-family: [nazwa czcionki];  font-size: x-small;">Tu wpisz tekst.</span><br style="font-family: [nazwa czcionki];  font-size: x-small;"><br style="font-family: [nazwa czcionki]; font-size: x-small;"><span style="font-family: [nazwa czcionki] ; font-size: x-small;">Ramka druga.</span></div></div>

<div style="width: [szerokość ramki]px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left: [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><p style="text-align: center;"></p><div style="text-align: left;"><span style="font-family: [nazwa czcionki] ; font-size: x-small; text-align: center;">Tu wpisz tekst.</span><br style="font-family: [nazwa czcionki] ; font-size: x-small; text-align: center;"><br style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;"><span style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;">Ramka trzecia.</span></div></div>

<div style="width: [szerokość ramki] px; height: [wysokość ramki] px; overflow: auto; margin-top: [położenie względem wysokości] px; margin-left: [położenie względem lewej strony] px; text-shadow: 0px 0px 1px;"><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;">Tu wpisz tekst.</span><br style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;"><br style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;"><span style="font-family: [nazwa czcionki]; font-size: x-small; text-align: center;">Ramka czwarta!</span></div></div></div>

Podstawowe znaczniki HTML:
1. <font style="text-shadow: 0px 0px 1px;">
Pozwala ustawić cień.
2. <font color="#FF0000">
Pozwala ustawić kolor. "#FF0000" oznacza kolor na palecie rbg.
3. <face="Ashley">
Pozwala ustawić dowolną czcionkę. W miejsce "Ashley" należy wpisać nazwę czcionki.

Wyśrodkowanie: <center>TEKST</center>

Pogrubienie tekstu
Kod: <b>Pogrubiony tekst</b>

Podkreślenie tekstu
Kod: <u>Podkreślony tekst</u>

Kursywa
Kod: <i>Pochylony tekst</i>

Przekreślenie
Kod: <s>przekreślony tekst</s>

Migający tekst:
Kod: <blink>Migający tekst</blink>

UWAGA! Wyżej wymienione znaczniki, nie zawsze działają!

Jeśli trudno jest Ci załapać kod to możesz zostawić komentarz, a ja w miarę możliwości spróbuję odpowiedzieć.

Mam nadzieję, że pomogłam.

BellaSwan22