DoGGi > Pozostałe > Klub Kynologiczny > Archiwum KK

Zaprojektuj swój temat | Kody HTML | budowa...

Jul 17th 2019, 10:23

Harper

Tematów: 18
Postów: 314
Poradnik powstał z myślą o wszystkich graczach, którzy chcieliby upiększyć swój wątek, ale nie znają kodów HTML oraz tych, którzy co nieco wiedzą, ale chcieliby dowiedzieć się czegoś więcej.

Wątków do omówienia jest kilka, więc proszę o minimum cierpliwości, będę aktualizować post o nowe kody. :)

1. Tekst
Na początek zajmiemy się podstawowymi modyfikacjami tekstu, jakimi jest podkreślenie, przekreślenie, pogrubienie i kursywa oraz wielkość tekstu.

Tak wygląda podkreślenie
A tak zostało zrobione <u>podkreślenie</u>


Tak wygląda przekreślenie
A tak zostało zrobione <s>przekreślenie</s>


Tak wygląda pogrubienie
A tak zostało zrobione <b>pogrubienie</b>


Tak wygląda kursywa
A tak została zrobiona <i>kursywa</i>


Tak wygląda zmiana wielkości tekstu: Rozmiar 2 Rozmiar 5 Rozmiar 10 Rozmiar 15 Rozmiar 20
A tak została zrobiona zmiana wielkości tekstu: [size=2]Rozmiar 2[/size] [size=5]Rozmiar 5[/size] [size=10]Rozmiar 10[/size] [size=15]Rozmiar 15[/size] [size=20]Rozmiar 20[/size]


Wszelkie propozycje łączenia wyżej wymienionych modyfikacji znajdują się w punkcie 5.

1.1. Czcionka
Ogólny kod do wstawiania konkretnej czcionki wygląda następująco:
<font face ="nazwa czcionki">Tu wpisz tekst</font>


Problem z czcionkami polega na tym, że nie wszystkie są widoczne na wszystkich przeglądarkach. Między czasie postaram się zrobić listę czcionek, które działają w większości przeglądarek. :)

1.2. Kolor tekstu
Istnieją dwa sposoby zmiany koloru tekstu. Jeden z użyciem angielskiej nazwy koloru, a drugi za pomocą kodów HEX.

Przykłady kodów z nazwą koloru:
[color=angielska nazwa koloru]Tekst[/color]
<font color="nazwa">Tekst</font>

Przykład z użyciem kodu HEX:
<font color=#kodHEX>Tekst</font>


Kolory, które możemy zapisać za pomocą angielskiego słowa:
black
silver
gray
maroon
purple
fuchsia
green
lime
olive
yellow
navy
teal
aqua

Przypominam, że dwa kolory tekstu są zabronione na forum i są to: red oraz blue!



1.3. Cień tekstu
Cień tekstu jest estetycznym zabiegiem, dodającym naszemu tekstowi uroku. Jest również prosty w obsłudze. :)

Tak wygląda cień tekstu

A tak został zrobiony <font style="text-shadow: #000000 1px 1px 3px">cień tekstu</font>

<font style="text-shadow: #000000* 1**px 1***px 3****px">

* - kod HEX koloru, który ma mieć nasz cień
** - przesunięcie cienia w prawo (przesunięcie w lewo uzyskamy poprzez dodanie minusa przed liczbą)
*** - przesunięcie cienia w dół (przesunięcie w górę uzyskamy poprzez dodanie minusa przed liczbą)
**** - "wielkość" cienia


Tak wygląda cień tekstu przesunięty w lewo
Tak wygląda cień tekstu przesunięty w górę
Tak wygląda cień tekstu o innym kolorze


2. Obrazki
Istnieją dwa sposoby wstawiania obrazków na forum. Pierwszy, prosty, ale ma wadę - nie mamy nad nim takiej władzy w modyfikacji kodu.



A tak został zrobiony:
[img]https://i.imgur.com/ExkwyGQ.jpg[/img]


Drugi sposób pozwala na użycie cienia, obramowania oraz innych modyfikacji.


Uzyskaliśmy go w ten sposób: <img src="https://i.imgur.com/ExkwyGQ.jpg">


Podstawową modyfikacją jest wielkość obrazka oraz jego odbicie lustrzane.


2.1. Obramowanie obrazka
2.2. Cień obrazka
3. Odnośniki
3.1. Odnośniki tekstowe
3.2. Odnośniki obrazkowe
4. Tabele
4.1. Obramowanie tabeli
5. Wyrównanie, justowanie i wyśrodkowanie
6. Różne łączenia kodów HTML
Jul 23rd 2019, 11:32

Harper

Tematów: 18
Postów: 314
*tu będą kody*
Jul 23rd 2019, 11:32

Harper

Tematów: 18
Postów: 314
*tu będą kody*
Jul 23rd 2019, 11:32

Harper

Tematów: 18
Postów: 314
Aktualizacje
17.07.2019 - Dodane zostały punkty: 1., 1.1., 1.2.
23.07.2019 - Dodane zostały punkty: 1.3., 2.

Wierszyki dla dzieci