HTML / BBCode Kullanımı
İki yol var ve ikisi birlikte çalışır: BBCode günlük yazılar için, HTML kart/kutu/tablo gibi tasarımlar için. Aşağıda hangisinin neyi yapıp yapamadığı, örnekleriyle.
Hızlı Başvuru
En sık kullanılanlar:[b]kalın[/b] [i]italik[/i] [u]altı çizili[/u] [s]üstü çizili[/s]
[color=#e11d48]renkli[/color] [size=18pt]büyük[/size] [center]ortala[/center]
[url=https://downtownrpg.com]Bağlantı[/url] [img]resim-adresi.png[/img]
[quote]alıntı[/quote] [spoiler=Başlık]gizli içerik[/spoiler]
[list][li]madde[/li][/list] [hr]kalın italik altı çizili üstü çizili renkli büyük
BBCode
Metin ve renk
[b]kalın[/b] [i]italik[/i] [u]altı çizili[/u] [s]üstü çizili[/s]
[sup]üst simge[/sup] [sub]alt simge[/sub]
[size=18pt]büyük yazı[/size] [font=Georgia]farklı yazı tipi[/font]
[color=#e11d48]renkli[/color] [red]kırmızı[/red] [blue]mavi[/blue] [green]yeşil[/green]
[center]ortalanmış[/center] [right]sağa yaslı[/right] [hr]Bağlantı, görsel, liste
[url=https://downtownrpg.com]Site adı[/url] yeni sekmede açar
[iurl=https://downtownrpg.com]Site adı[/iurl] aynı sekmede açar
[email][email protected][/email]
[img]https://ornek.com/resim.png[/img]
[img width=300]https://ornek.com/resim.png[/img]
[list]
[li]Birinci madde[/li]
[li]İkinci madde[/li]
[/list]
[list type=decimal]
[li]Numaralı madde[/li]
[/list]Alıntı, kod, spoiler
[quote]Basit alıntı[/quote]
[quote author=Amper]Kişiye ait alıntı[/quote]
[spoiler]Gizli içerik[/spoiler]
[spoiler=Başlığı Tıkla]Başlıklı gizli içerik[/spoiler]
[pre] boşlukları koruyan blok[/pre]
[abbr=Los Santos Police Department]LSPD[/abbr]
[me=Amper]bir eylem yapar[/me]Çalışmayan BBCode'lar
| glow | Parlama efekti |
| shadow | Gölge |
| move | Kayan yazı |
| flash | Flash içeriği — hiçbir tarayıcıda çalışmıyor |
| tt | Daktilo yazısı — yerine code kullan |
| acronym | Yerine abbr kullan |
| ftp | FTP bağlantısı |
HTML
Kullanabileceğin etiketler
| METİN | b, strong, i, em, u, ins, s, strike, del, sub, sup, small |
| BAŞLIK | h2, h3, h4, h5, h6 |
| BLOK | div, span, p, br, hr, center, blockquote |
| LİSTE | ul, ol, li, dl, dt, dd |
| TABLO | table, caption, thead, tbody, tfoot, tr, th, td |
| KOD | pre, code, kbd, var, samp |
| DİĞER | a, img, abbr |
Öznitelikler
| style | Neredeyse tüm etiketlerde |
| a | href, title, target |
| img | src, alt, title, width, height |
| table | border, cellpadding, cellspacing, width, align |
| td / th | colspan, rowspan, align, valign, width |
| class / id | Sessizce silinir — biçim vermek için style kullan |
CSS
| KULLANABİLİRSİN color, background-color | KULLANAMAZSIN position, top, left, z-index Bunları yazarsan o satır tamamen yok sayılır. |
Hazır Şablonlar
Bilgi kutusu
<div style="background-color:#1B2025;border:1px solid #363D44;border-left:3px solid #e11d48;border-radius:6px;padding:16px">
<b style="color:#e11d48">DİKKAT</b>
<p style="margin:6px 0 0 0;color:#B9C0C7">Buraya açıklama metni gelir.</p>
</div>Buraya açıklama metni gelir.
Bilgi tablosu
<table border="0" cellpadding="8" width="100%" style="border-collapse:collapse">
<tbody>
<tr>
<td width="140" style="border:1px solid #343B42;background-color:#12161A;color:#8F979F">Rütbe</td>
<td style="border:1px solid #343B42;color:#fff">Officer</td>
</tr>
</tbody>
</table>| Rütbe | Officer |
| Birim | Patrol |
İki sütunlu düzen
float ve display:flex kapalı olduğu için sütunlu düzen tabloyla yapılır:
<table border="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td width="200" style="vertical-align:top;padding-right:20px">Sol sütun (200px)</td>
<td style="vertical-align:top">Sağ sütun (kalan alan)</td>
</tr>
</tbody>
</table>Sorun Giderme
| HTML kodum ham görünüyor | Kullandığın etiket izinli listede değil. |
| Verdiğim CSS uygulanmadı | O özellik kapalı listede (position, display, float, background-image...). |
| class verdim, işe yaramadı | class ve id silinir. Her şeyi style ile satır içinde yaz. |
| Bağlantım çalışmıyor | Yalnız http, https ve mailto geçerli. target olarak sadece _blank. |
| Girintili yazınca bozuluyordu | Düzeltildi. Kodunu istediğin gibi girintili yazabilirsin. |
Bir tablo hücresinin ya da div'in içinde kod bloğu açarsan HTML yapısı bölünür: tablo yarıda kesilir, içerik dışarı taşar. Aynı şekilde bir kod bloğunun içinde başka bir kod bloğu gösteremezsin — ilk kapanış etiketi dıştakini kapatır.
Doğrusu: kod bloklarını HTML kutularının dışına, kendi satırlarına yaz. Spoiler, kalın, liste gibi diğer BBCode'lar HTML içinde sorunsuz çalışır.
Güvenlik
Forum, gönderilen HTML'i yayınlamadan önce süzgeçten geçirir. Amaç, birinin başkalarının hesabını ele geçirebileceği veya bilgisini sızdırabileceği kod koymasını engellemek.
| script, onclick, onerror | JavaScript çalıştırılamaz |
| iframe, object, embed, video | Dış içerik gömülemez |
| form, input, button | Sahte giriş formu yapılamaz |
| style, link | Sayfanın genel görünümü değiştirilemez |
Bunlar süs kısıtı değil, güvenlik sınırıdır; istisna yapılmaz.
Wiki'ye Özel
Wiki sayfalarında yukarıdaki her şey aynen çalışır. Ek olarak iki şey var:== Başlık ==
=== Alt Başlık ===Satır başına yazılan bu satırlar bölüm başlığı olur ve sayfanın üstündeki İçindekiler kutusunda listelenir.
[[Sayfa Adı]]
[[Sayfa Adı|Görünecek metin]]Başka bir wiki sayfasına bağlantı verir. Sayfa henüz yazılmamışsa bağlantı yerine kırmızı metin görünür.