Quote
| 1░░░░░░░░░░░░░██ 2░░░░░░░░░░░██████ 3░░░░░░░░░██████████ 4░░░░░░░░█████░░█████ 5░░░░░░█████░░░░░██████ 6░░░░░█████░░░░███████ 7░░░█████░░░░░██████░░░░██ 8░░█████░░░░███████░░░█████ 9░░░█████░░░░████░░░░█████ 0░░░░░█████░░░░█░░░░████ 1░░░░░░█████░░░░░░█████ 2░░░░░░░░█████░░░████ 3░░░░░░░░░██████████ 4░░░░░░░░░░░██████ 5░░░░░░░░░░░░░██ | górny wiersz ░ENERGI (NRG)--BEST 2019 AIRDROP--UP TO 100 NRG (~$220)░ | 1░░░░░░░░░░░░░██ 2░░░░░░░░░░░██████ 3░░░░░░░░░██████████ 4░░░░░░░░█████░░█████ 5░░░░░░█████░░░░░██████ 6░░░░░█████░░░░███████ 7░░░█████░░░░░██████░░░░██ 8░░█████░░░░███████░░░█████ 9░░░█████░░░░████░░░░█████ 0░░░░░█████░░░░█░░░░████ 1░░░░░░█████░░░░░░█████ 2░░░░░░░░█████░░░████ 3░░░░░░░░░██████████ 4░░░░░░░░░░░██████ 5░░░░░░░░░░░░░██ |
Code:
[center]
[table]
[tr]
[td]
[size=2pt][color=transparent]1░░░░░░░░░░░░░[/color][color=green]██[/color]
[color=transparent]2░░░░░░░░░░░[/color][color=green]██████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░[/color][color=green]█████[color=transparent]░░[/color][color=green]█████
[color=transparent]5░░░░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████
[color=transparent]6░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████
[color=transparent]7░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████[color=transparent]░░░░[/color][color=green]██
[color=transparent]8░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████[color=transparent]░░░[/color][color=green]█████
[color=transparent]9░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]████[color=transparent]░░░░[/color][color=green]█████
[color=transparent]0░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]█[color=transparent]░░░░[/color][color=green]████
[color=transparent]1░░░░░░[/color][color=green]█████[color=transparent]░░░░░░[/color][color=green]█████
[color=transparent]2░░░░░░░░[/color][color=green]█████[color=transparent]░░░[/color][color=green]████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░░░░[/color][color=green]██████
[color=transparent]5░░░░░░░░░░░░░[/color][color=green]██
[/size]
[/td]
[td]
[size=3pt][color=transparent]górny wiersz[/color][/size]
[size=18pt][size=10pt][color=transparent]░[/color][/size][url=http://earndrop.energi.world/homepage.php?ref=54209][font=Arial Black][color=green]ENERGI (NRG)--BEST 2019 [color=#ce1111]AIRDROP[/color]--UP TO 100 NRG (~$220)[/color][/font][/url][size=7pt][color=transparent]░[/color][/size][/size]
[/td]
[td]
[size=2pt][color=transparent]1░░░░░░░░░░░░░[/color][color=green]██[/color]
[color=transparent]2░░░░░░░░░░░[/color][color=green]██████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░[/color][color=green]█████[color=transparent]░░[/color][color=green]█████
[color=transparent]5░░░░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████
[color=transparent]6░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████
[color=transparent]7░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████[color=transparent]░░░░[/color][color=green]██
[color=transparent]8░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████[color=transparent]░░░[/color][color=green]█████
[color=transparent]9░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]████[color=transparent]░░░░[/color][color=green]█████
[color=transparent]0░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]█[color=transparent]░░░░[/color][color=green]████
[color=transparent]1░░░░░░[/color][color=green]█████[color=transparent]░░░░░░[/color][color=green]█████
[color=transparent]2░░░░░░░░[/color][color=green]█████[color=transparent]░░░[/color][color=green]████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░░░░[/color][color=green]██████
[color=transparent]5░░░░░░░░░░░░░[/color][color=green]██
[/size]
[/td]
[/tr]
[/table]
[/center]
[table]
[tr]
[td]
[size=2pt][color=transparent]1░░░░░░░░░░░░░[/color][color=green]██[/color]
[color=transparent]2░░░░░░░░░░░[/color][color=green]██████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░[/color][color=green]█████[color=transparent]░░[/color][color=green]█████
[color=transparent]5░░░░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████
[color=transparent]6░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████
[color=transparent]7░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████[color=transparent]░░░░[/color][color=green]██
[color=transparent]8░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████[color=transparent]░░░[/color][color=green]█████
[color=transparent]9░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]████[color=transparent]░░░░[/color][color=green]█████
[color=transparent]0░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]█[color=transparent]░░░░[/color][color=green]████
[color=transparent]1░░░░░░[/color][color=green]█████[color=transparent]░░░░░░[/color][color=green]█████
[color=transparent]2░░░░░░░░[/color][color=green]█████[color=transparent]░░░[/color][color=green]████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░░░░[/color][color=green]██████
[color=transparent]5░░░░░░░░░░░░░[/color][color=green]██
[/size]
[/td]
[td]
[size=3pt][color=transparent]górny wiersz[/color][/size]
[size=18pt][size=10pt][color=transparent]░[/color][/size][url=http://earndrop.energi.world/homepage.php?ref=54209][font=Arial Black][color=green]ENERGI (NRG)--BEST 2019 [color=#ce1111]AIRDROP[/color]--UP TO 100 NRG (~$220)[/color][/font][/url][size=7pt][color=transparent]░[/color][/size][/size]
[/td]
[td]
[size=2pt][color=transparent]1░░░░░░░░░░░░░[/color][color=green]██[/color]
[color=transparent]2░░░░░░░░░░░[/color][color=green]██████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░[/color][color=green]█████[color=transparent]░░[/color][color=green]█████
[color=transparent]5░░░░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████
[color=transparent]6░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████
[color=transparent]7░░░[/color][color=green]█████[color=transparent]░░░░░[/color][color=green]██████[color=transparent]░░░░[/color][color=green]██
[color=transparent]8░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]███████[color=transparent]░░░[/color][color=green]█████
[color=transparent]9░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]████[color=transparent]░░░░[/color][color=green]█████
[color=transparent]0░░░░░[/color][color=green]█████[color=transparent]░░░░[/color][color=green]█[color=transparent]░░░░[/color][color=green]████
[color=transparent]1░░░░░░[/color][color=green]█████[color=transparent]░░░░░░[/color][color=green]█████
[color=transparent]2░░░░░░░░[/color][color=green]█████[color=transparent]░░░[/color][color=green]████
[color=transparent]3░░░░░░░░░[/color][color=green]██████████
[color=transparent]4░░░░░░░░░░░[/color][color=green]██████
[color=transparent]5░░░░░░░░░░░░░[/color][color=green]██
[/size]
[/td]
[/tr]
[/table]
[/center]
EDIT:
Postanowiłem nieco zmodyfikować sygnaturkę i po chwili natknąłem się na problem ograniczenia ilości znaków (przekroczyłem o blisko tysiąc) ale wystarczyło skorzystać z porad w ostatnim poście - dot ograniczania znaków (szczególnie chodzi o nie zamykanie znaczników dot kolorów - czyli zapominamy o [/color] oraz ustawianie głównego koloru dzięki czemu nie musimy go umieszczać za każdym razem) i zjechałem o tysiąc znaków w dół idealnie mieszcząc się w limicie:
Quote
| 1░░░░░░░░░░░░░██ 2░░░░░░░░░░░██████ 3░░░░░░░░░██████████ 4░░░░░░░░█████░░█████ 5░░░░░░█████░░░░░██████ 6░░░░░█████░░░░███████ 7░░░█████░░░░░██████░░░░██ 8░░█████░░░░███████░░░█████ 9░░░█████░░░░████░░░░█████ 0░░░░░█████░░░░█░░░░████ 1░░░░░░█████░░░░░░█████ 2░░░░░░░░█████░░░████ 3░░░░░░░░░██████████ 4░░░░░░░░░░░██████ 5░░░░░░░░░░░░░██ |
RESERVED
Lekcja 9: "Wewnątrz tabel": rozmiar obrazu To szybka lekcja lub właściwie może tylko szybka wskazówka. Lekcja 9 nie jest związana z sygnaturami, ale jest związane z BBCode i dobrze wiedzieć o tym kiedy myślisz o ulepszaniu designu wątków etc. Jeżeli chcesz stworzyć tabelę i wstawić obraz do środka komórki (rzędu) tabeli - rozmiar obrazu zostanie wizualnie zmniejszony. Co ważne nawet dodanie atrybutu szerokości do twojego obrazu nie rozwiąże tego problemu. Przykład: Quote
Quote
Kod przykładu: Code: [quote][table] [tr] [td] [img]https://i.imgur.com/OaJobp5.png[/img] [/td] [td] 150px x 150px Bitcoin logo Ale jego rozmiar to nie 150x150... [/td] [/tr] [/table][/quote] [quote][table] [tr] [td] [img width=150]https://i.imgur.com/OaJobp5.png[/img] [/td] [td] 150px x 150px Bitcoin logo Dodany atrybut szerokości: Width=150. Ale wciąż to nie jest 150x150.. [/td] [/tr] [/table][/quote] Jak rozwiązać ten problem? W tej samej komórce (rzędzie) gdzie jest obraz musimy wpisać dowolną linię tekstu, która będzie dłuższa niż szerokość obrazu. I ustawić kolor tekstu na przezroczysty. ( color=transparent ). Quote
Kod: Code: [quote][table] [tr] [td] [img]https://i.imgur.com/OaJobp5.png[/img] [color=transparent]fffffffffffffffffffffffffffffff[/color] [/td] [td] 150px x 150px Bitcoin logo Teraz bez wprowadzania jakiegokolwiek atrybutu szerokości obraz jest wyświetlany jako 150px x 150px [/td] [/tr] [/table][/quote] Lekcja 10: "Zaawansowane techniki rysunku BBCode poziom I" Obiecałem powiedzieć więcej na temat rysowania czcionką 'Monospace'. 'Monospace' wydaje się być jedyną czcionką, która zachowuje identyczną szerokość znaku, przerwę pomiędzy dwoma znakami - więc po prostu będzie wyglądać tak samo pod różnymi systemami operacyjnymi. (Choć na pewno nie wszystkimi). Więc nawet użytkownicy Maka ze starszymi wersjami Safari zobaczą 'taki sam' rysunek jak powiedzmy użytkownicy ostatniej wersji Chrome. Chociaż akurat ostatnia wersja Chrome trochę nabałaganiła w naszych projektach  W porządku gdzie jest haczyk? Jedyny problem jest taki, że rysunki w 'Monospace' nie wyglądają tak jednolicie (solidnie) jak te same rysunki tworzone czcionką dafaultową. Ale czcionka ta ma kilka bardzo ważnych zalet. Nie tylko to, że będzie wyglądała "tak samo" pod różnymi przeglądarkami. Ale także! Możesz rysować swoje projekty znakami w rozmiarach 1px, 1pt, 2px, 2pt i wciąż będzie wyglądał tak samo pod różnymi przeglądarkami. Ale pamiętaj! Ten sam obraz stworzony znakami czcionki 'Monospace' o różnym rozmiarze będzie miał różne nasycenie kolorów uzależnione od rozmioru cznionki. Quote from: WAŻNA AKTUALIZACJA W aktualnych wersjach przeglądarek Chrome/Mozilla/Safari sugeruję wykorzystanie czcionki Monospace o rozmiarze 2px tworząc obrazy w BBCode. Przykład: Quote
|
