DoGGi > Pozostałe > Klub Kynologiczny > Archiwum KK
Zaprojektuj swój temat | Kody HTML | budowa...
Wyświetlane 1-4 z 4
Jul 17th 2019, 10:23 | |
HarperTematów: 18Postów: 314 |
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 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 | |
HarperTematów: 18Postów: 314 |
*tu będą kody* |
Jul 23rd 2019, 11:32 | |
HarperTematów: 18Postów: 314 |
*tu będą kody* |
Jul 23rd 2019, 11:32 | |
HarperTematów: 18Postó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. |
Wyświetlane 1-4 z 4