Fandom Developers Wiki
Advertisement

Doqs, MDN Web Docs'un 3 sütun düzenini taklit eden bir stil sayfası ve düzen tasarımıdır. Doqs hem koyu hem de açık temalarda iyi çalışır.

Kurulum[]

Kullanım[]

Doqs, içeriğini düzenlemek için div tabanlı bir esnek sütun düzeni kullanır, Doqs'u oluşturan 5 ana div vardır:

  • doc-container - Tüm düzeni saran ana div.
  • doc-column - İçerik sütunları, bunlardan üçünün bir Doqs düzeninde olması önerilir, ancak bir tane daha ekleyebilirsiniz.
  • doc-main - Ana içerik sütunu olan bu div, doc-toc sınıftan hemen sonra ikinci olarak yerleştirilmelidir.
  • doc-toc - İçindekiler Tablosu sütununda, bu div ilk önce doc-container içine yerleştirilir.
  • doc-links - "İlgili bağlantılar" sütunu, bu div doc-container içine en son yerleştirilir.

Doqs ayrıca bir tabloya stil vermek için kullanabileceğiniz bir tablo sınıfına sahiptir:

  • doc-properties - Bir bilgi kutusuna benzer, ancak daha fazla MDN-y olan bir "properties" tablosunu biçimlendirmek için kullanılır.

Standart bir Doq sayfası şöyle görünmelidir:

<div id="doc-container"><div class="doc-column doc-toc">
__FORCETOC__
__TOC__
</div><div class="doc-column doc-main">
== "Ana" başlık ==
Lorem Ipsum

{| class="doc-properties" style="width: 100%;"
|+ '''MDNDoc'''
|-
! style="width: 100%; text-align: center;" colspan="2" | Bilgi
|-
| style="width: fit-content" | '''Tür'''
| style="width: 100%" | CSS
|-
| style="width: fit-content" | '''Sürüm durumu'''
| style="width: 100%" | Kararlı
|-
| style="width: fit-content" | '''Açıklama'''
| style="width: 100%" | MDN Web Docs'un taklit eden yerleşim şablonu.
|-
| style="width: fit-content" | '''Yazar(lar)'''
| style="width: 100%" | [[User:Headquarter8302|Headquarter8302]]
|-
| style="width: fit-content" | '''Diğer atıf'''
| style="width: 100%" | [https://developer.mozilla.org MDN Web Docs]
|-
| style="width: fit-content" | '''Kapsam'''
| style="width: 100%" | Site çapı
|-
| style="width: fit-content" | '''Güncellendi'''
| style="width: 100%" | ''Bilinmiyor''
|-
| style="width: fit-content" | '''Kod'''
| style="width: 100%" |  [[Specia:Diff/183342]]
|-
| style="width: fit-content" | '''Örnek(ler)'''
| style="width: 100%" | Bu sayfa
|}

== İkinci başlık ==
Vivamus <code>magna</code> justo, lacinia <code>eget</code> consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vivamus suscipit tortor eget felis porttitor volutpat.

== Üçüncü başlık ==
* Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
* Nulla porttitor accumsan tincidunt.
</div><div class="doc-column doc-links">
;İlgili konular
:*<code>[[#|lorem]]</code>
:*<code>[[#|ipsum]]</code>
:*<code>[[#|dolor]]</code>
:*<code>[[#|lorem]]</code>
<div class="mw-collapsible mw-collapsed">
;Ögeler
<div class="mw-collapsible-content">
::*<code>lorem</code>
::*<code>ipsum</code>
::*<code>dolor</code>
::*<code>lorem</code>
::*<code>ipsum</code>
::*<code>dolor</code>
<div class="mw-collapsible mw-collapsed">
;:Alt ögeler
<div class="mw-collapsible-content">
:::*<code>lorem</code>
:::*<code>ipsum</code>
:::*<code>dolor</code>
:::*<code>lorem</code></div></div></div></div></div></div>

Anlambilimin kapsandığından emin olmak için orijinal TOC-İçerik-Bağlantı sırası yapılmış olsa da, Doq stil sayfası ve div yerleşimlerini kurcalamak ve denemek önerilir.

Görünüm[]

Advertisement