Templat:Plain image with caption: Perbedaan antara revisi
k S Rifqi memindahkan halaman Templat:Plain image ke Templat:Plain image with caption |
Tambah kelas "image-stackable" untuk membolehkan penumpukan gambar |
||
(2 revisi perantara oleh 2 pengguna tidak ditampilkan) | |||
Baris 1: | Baris 1: | ||
<templatestyles src="Plain image with caption/styles.css" /> |
|||
⚫ | |||
{{#switch: {{{4|{{{align|}}}}}} | centre | center = <div class="center"> }} |
|||
⚫ | |||
⚫ | |||
⚫ | {{#ifeq: {{{5|{{{caption position|bottom}}}}}} | |
||
⚫ | |||
⚫ | |||
{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | top | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; float: left; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid inset; border-width: 9.5px 5.5px 0 5.5px; border-color: {{{7|{{{triangle color|#ff0080}}}}}} transparent transparent transparent;"></div></div> | }}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="padding-left: 20px"> }}{{{2|{{{caption<noinclude>|Takarir berada di sini.</noinclude>}}}}}}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | </div> }} }} </div>}}<!-- |
|||
⚫ | -->{{#if: {{{8|{{{image override|}}}}}} | {{{8|{{{image override|}}}}}} | [[File:{{Remove file prefix|{{{1|{{{image<noinclude>|Example.svg</noinclude>}}}}}}}}|{{Str number/trim|{{{3|{{{width|220px}}}}}}}}{{#if:{{{height|}}}|x{{Str number/trim|{{{height|}}}}}}}px|{{{2|{{{caption<noinclude>|Takarir berada di sini.</noinclude>}}}}}}]] }}<!-- |
||
⚫ | -->{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | bottom | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; width: 0px; height: 0px; border-style: solid inset; border-width: 0 5.5px 9.5px 5.5px; border-color: transparent transparent {{{7|{{{triangle color|#ff0080}}}}}} transparent;"></div></div> | }}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="padding-left: 20px"> }}{{{2|{{{caption<noinclude>|Takarir berada di sini.</noinclude>}}}}}}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | </div> }} }} </div> }} |
||
</div> |
</div> |
||
</div><noinclude>{{doc}}</noinclude> |
</div>{{#switch: {{{4|{{{align|}}}}}} | centre | center = </div> }}<noinclude>{{doc}}</noinclude> |
Revisi terkini sejak 27 Januari 2020 12.55
Templat ini menggunakan TemplateStyles: |
Karena MediaWiki tidak memberi cara untuk menambah takarir gambar secara langsung dalam suatu halaman, yaitu tanpa pinggiran, templat ini bertujuan untuk menambahkan fungsi tersebut.
Penggunaan
[sunting sumber]Templat ini dapat dipakai dengan parameter bernama, seperti
- {{Plain image with caption|image=Example.svg|caption=Example text|width=220px|align=right|caption position=bottom}}
..., atau dalam bentuk singkat:
- {{Plain image with caption|Example.svg|Example text|220px|right|bottom}}
- Parameter wajib hanyalah image dan caption.
- Ketika menggunakan bentuk singkat, catat bahwa urutan parameter penting.
Parameter | Bawaan | Nilai yang diterima |
image | wajib | nama berkas gambar (awalan "Berkas:" atau "File:" opsional) |
caption | wajib | markah wiki yang sah |
width | 220px | lebar dalam piksel (akhiran "px" opsional) |
height | tidak ada | tinggi dalam piksel (akhiran "px" opsional) |
align | right | left (kiri), center (tengah), right (kanan), dan none (tidak diatur) |
caption position | bottom | top (atas), dan bottom (bawah) |
triangle | none | triangle (segitiga) dan none (tidak ada) |
triangle color | #ff0080 | warna dalam CSS |
image override | apa pun (Anda dapat menimpa blok gambar dengan hal lain—berguna untuk menumpuk hamparan gambar) | |
caption override | apa pun (Anda dapat menimpa takarir dengan hal lain) |
Contoh
[sunting sumber]Parameter triangle memberi pilihan untuk menambahkan label segitiga berwarna—
{{plain image with caption|James Webb Space Telescope Mirror37.jpg|Ini adalah gambar [[Teleskop luar angkasa James Webb]]. Perhatikan segitiga kecil di samping takarir ini.|350|left|top|triangle|rgba(0,110,255,1)}}
Pakai image-override untuk menumpuk gambar-gambar.
{{Plain image|Berkas:Helical granum.png|'''Struktur granum''' Model umum struktur [[granum]] adalah tumpukan [[tilakoid]] yang disambung dengan lengkungan [[stroma]] yang membungkus tumpukan granum dan membentuk lembaran besar yang menyambungkan granum yang berbeda.|432px|left|top|triangle|#3cb14d|image override=<div style="float: right; position: relative; width: 432px; height: 432px;"> <div style="float: right; position: absolute; width: 432px;">[[Berkas:Helical granum.png|432px]]</div> <div style="float: right; position: absolute; width: 432px;">[[Berkas:Granum labels.svg|432px|Model umum struktur [[granum]].]]</div></div>}}
TemplateData
[sunting sumber]TemplateData untuk Plain image with caption
Templat untuk menambahkan takarir pada gambar tanpa bingkai
Parameter | Keterangan | Jenis | Status | |
---|---|---|---|---|
Gambar | image 1 | Gambar yang dipakai. Awalan ''Berkas:'' opsional.
| Kata | wajib diisi |
Takarir gambar dan teks alternatif | caption 2 | Takarir yang ditampilkan di bawah atau di atas gambar, juga mengatur teks alternatif.
| Kata | wajib diisi |
Lebar gambar | width 3 | Lebar gambar dan templat dalam piksel. Akhiran ''px'' opsional.
| Angka | opsional |
Tinggi gambar | height | Tinggi gambar dan templat dalam piksel. Akhiran ''px'' opsional. | Angka | opsional |
Perataan | align 4 | Perataan templat: kiri, kanan, atau tengah; menerima ''left'' (kiri), ''center'' (tengah), ''right'' (kanan), atau ''none'' (tidak diatur).
| Kata | opsional |
Posisi takarir | caption position 5 | Posisi takarir terhadap gambar, menerima ''top'' (atas) atau ''bottom'' (bawah).
| Kata | opsional |
Penunjuk segitiga | triangle 6 | Keberadaan penunjuk segitiga di samping teks takarir, menerima ''triangle'' (ada) atau ''none'' (tidak ada).
| Kata | opsional |
Warna penunjuk segitiga | triangle color 7 | Warna CSS penunjuk segitiga
| Kata | opsional |
Pengganti konten gambar | image override 8 | Kode HTML yang ditaruh pada tempat seharusnya gambar berada.
| Kata | opsional |
Pengganti konten takarir | caption override 9 | Kode HTML yang ditaruh pada tempat seharusnya takarir berada.
| Kata | opsional |
Lihat juga
[sunting sumber]- {{Multiple image}}