10. Media
To ta mała ikonka koło listy wyboru wielkości czcionki w oknie edycji wiadomości:
image.png (4.45 KiB) Przejrzano 838 razy
Znacznik pozwala wstawić film z różnych źródeł. Aby ograniczyć ilość potencjalnych śmieci, źródła obecnie są ograniczone do YT ale za to w wielu używanych powszechnie wariantach:
tj zwykłym, skróconym (youtu.be) oraz popularne ostatnio "shorts":
9. Anchor
Dodaje kotwicę (znacznik taki) pozwalający zrobić odnośnik do konkretnego miejsca w poście. Każdy kto na HTMLa wie o co chodzi, zaś normalniejszą część populacji zapraszam do przykładu poniżej:
Jak to działa? Skopiuj link do schowka i wklej w nowym oknie przeglądarki. Otworzy się ta strona ale już przewinięta do punktu "9. Anchor" ponieważ nad nim dodałem wspomniany kod z tagiem "Anchor".
Po krótkiej namowie @FlameRunner dorzucił pewne modyfikacje tabelek. Kolorowego ryjbuka tu nie będzie, ale i tak skok funkcjonalny jest imho wystarczający na potrzeby forum.
Pomysł na modyfikacje jest mój, a jako że nie znam HTMLa na tyle na ile powinienem to ewentualne uwagi nt samego rozwiązania jak i wybranych parametrów należy kierować do mnie. (ja te uwagi od razu wyciepię na hasiok, ale to inna kwestia )
6. TABLE2
Całość działa i zachowuje się jak zwykła tabela (Table z poprzedniego posta). Inna jest nazwa tagów (doszła cyfra "2") i parametry. Jest możliwość zadania grubości obwiedni, wymuszenia szerokości kolumn oraz łączenia komórek w pionie i w poziomie.
Pewnie każdy zauważył szereg tajemniczych przycisków nad polem tekstowym z wiadomością. Podstawowe jak pogrubienie czy kolor tekstu są chyba wszystkim znane, ale jest kilka mniej popularnych pozycji - i je chciałbym tu opisać.
Quote nie opisuję - szablon jest zawsze podczas cytowania kogokolwiek; to chyba nie wymaga komentarza.
UWAGA!Wszystkie wcięcia w poniższych kodach źródłowych mają na celu tylko zwiększenie czytelności i nie wpływają na formatowanie tekstu.
1. CODE
Wbrew temu co by się wydawało, ten znacznik jest niemal zapomniany. Pozwala na zapisanie fragmentu tekstu bez żadnego formatowania czy ucinania białych znaków. Np - chcę pokazac jak zapisać pogrubienie, ale z automatu skrypt mi zamienia mój przykład na gruby tekst. Rozwiązaniem jest otoczenie go takiem "code":
Tak powyższa częsc posta wygląda w rzeczywistości w edytorze:
A teraz w drugą stronę - mam tekst konsolowy który wymaga do zapisania czcionki o stałej szerokości a całość wyrównana jest spacjami. Dobrym przykładem będzie kawałek kodu źródłowego:
-------------------------------------------------------------------------------
L := Length(S);
n := 1;
while (I <= L) and (S[n] <= ' ') do
Inc(I);
if I > L then
begin
Result := '';
end else
begin
while S[L] <= ' ' do
Dec(L);
L := L - n + 1;
if L > 0 then
begin
SetLength(Result, L);
CopyMemory(@Result[1], @S[n], L*2);
end else
Result := '';
end;
-------------------------------------------------------------------------------
Chyba każdy przyzna że nie jest szczególnie czytelny. Co innego jak zapisze się go tak:
-------------------------------------------------------------------------------
L := Length(S);
i := 1;
while (I <= L) and (S[i] <= ' ') do
Inc(I);
if I > L then
begin
Result := '';
end else
begin
while S[L] <= ' ' do
Dec(L);
L := L - i + 1;
if L > 0 then
begin
SetLength(Result, L);
CopyMemory(@Result[1], @S[i], L*2);
end else
Result := '';
end;
-------------------------------------------------------------------------------
Ciekawostka - w powyższym przykładzie tekst (S) jest indeksowany zmienną "i". W tagu CODE zamieściłem oryginał i tu to widać. Natomiast w niesformatowanym przykładzie jeszcze wyżej musiałem zamienić go na "n" ([ n ]), ponieważ [ i ] oznacza włączenie kursywy. Do tego - znacznik jest usuwany co w kodzie źródłowym nie jest pożądane. Właśnie z tego powodu, kod źródłowy - czy to kod progamu, strony czy byle plik konfiguracyjny - dobrze jest zamieszczać z użyciem CODE.../CODE.
2. LIST
Często wymienianie listy pozycji (elementów, adresów, sprzętu, itp) jest nieczytelne - "pauza" sprawdza się na kartce, w sieci wygląda już gorzej.
Format listy to:
całość otoczona tagami LIST,
każdy element rozpoczyna się tagiem * (gwiazdka); i - tu wyjątek - nie ma on zakończenia.
To teraz moze trochę skomplikować zabawę - lista w liście. Dlaczego nie. Przecież można w ramach jednego taga zawrzeć drugi, dlaczego więc nie taki sam?
3. IMG
Jeśli bardzo nie trzeba, nie używajcie tego Zdjęcia na zewnętrznych serwerach giną czy są usuwane, a treść z przykładowymi obrazkami - których wtedy nie ma - jest bezwartościowa. Bardziej polecam załączać zdjęcia do postów: viewtopic.php?f=22&t=2109&view=unread#unread
4. TABLE
Jak widać na przykładzie tego posta, tabelki są fajne i przydatne. (na chwile obecną są też brzydkie i zupełnie niekonfigurowalne, ale co tam )
Ogólne zasady:
Całość tabelki zamyka się tagami TABLE
samo "TABLE" tworzy tabelkę o szerokości całego dostępnego miejsca (zmienia się wraz ze zmianą szerokości okna przeglądarki!),
"TABLE=XXX" tworzy tabelkę o szerokości podanej jako XXX (w pikselach).
Tabelkę zapisuje się wierszami, tę natomiast oznacza się tak: TR<kolejno komórki wiersza>/TR
Komórki:
nagłówek: TH<zawartość>/TH
normalna komórka: TD<zawartość>/TD
To teraz przykłady: (niestety tabelki nie da się zapisać w innej tabelce więc tu nie mogę umieścić kodu i wyniku w poziomie) Kod źródłowy:
Czasem pojawia się pytanie jak prawidłowo zamieścić film z YT:
chwilowo jedynym działającym sposobem żeby znacznik YOUTUBE zadziałał poprawnie jest umieszczenie w nim linku w formacie , tj:
domena youtube.com,
zawierającym TYLKO identyfikator filmu; żadnych dodatkowych znaczników,