Doqs/tr — dev

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.

Installation

Usage

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" | Information
|-
| style="width: fit-content" | '''Type'''
| style="width: 100%" | CSS
|-
| style="width: fit-content" | '''Release status'''
| style="width: 100%" | Stable
|-
| style="width: fit-content" | '''Description'''
| style="width: 100%" | MDN Web Docs'un taklit eden yerleşim şablonu.
|-
| style="width: fit-content" | '''Author(s)'''
| style="width: 100%" | [[User:Headquarter8302|Headquarter8302]]
|-
| style="width: fit-content" | '''Other attribution'''
| style="width: 100%" | [https://developer.mozilla.org MDN Web Docs]
|-
| style="width: fit-content" | '''Scope'''
| style="width: 100%" | Site-wide
|-
| style="width: fit-content" | '''Updated'''
| style="width: 100%" | ''Bilinmiyor''
|-
| style="width: fit-content" | '''Code'''
| style="width: 100%" |  [[Specia:Diff/183342]]
|-
| style="width: fit-content" | '''Example(s)'''
| 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.

Installation

Usage

Görünüm