Templat: FloatImage: Perbedaan antara revisi

Revisi terkini sejak 31 Juli 2025 17.16

Dokumentasi templat

[lihat] [sunting] [riwayat] [hapus singgahan]

Usage

{{ FloatImage
| templatetype= // dikosongkan, tapi bisa diisi opsi card
| filename=
| caption=
| showcaption= false
| captionclass= 
| link= no // atau diisi dengan link ke artikel lain
| size= 768px
| overridecol= col-md-4 p-2 p-sm-2
| class= -- tambahan imageclass
| style=
}}

Isian

showcaption

Default: true. Isi false bila caption tidak akan ditampilkan

size

Default: 768px

overridecol

Default: col-md-5 col-sm-12 (standar responsive column bootstrap)

style

Tambahan style pada
. Default: tidak diisi.

Contoh 1

{{ FloatImage

| templatetype= // dikosongkan, tapi bisa diisi opsi card

| filename= Flyer 10 Hari Doa Puasa Bersama (20-29 Jun 2024).jpg

| caption=

| showcaption= false

| captionclass= 

| link= no // atau diisi dengan link ke artikel lain

| size= 768px

| overridecol= col-md-4 p-2 p-sm-2

| class= -- tambahan imageclass

| style=

}}

Contoh 2

Header1	Header2	Header3
Data1	Data2	Data3

@@ Baris 1: / Baris 1: @@
-<includeonly>{{#ifeq:{{{templatetype|card}}}|card|<div class="card clearfix {{{float|float-right float-end}}} {{{overridecol|col-md-5 p-2 p-sm-2}}} rounded mb-3 ms-sm-2" style="clear: both; {{{style|}}}">[[File:{{{filename|{{{1}}}}}}|{{{caption|{{{2|}}}}}}|class=card-img-top img-fluid {{{class|}}}|{{{size|768px}}}|{{#ifeq: {{{link|}}}|no|link=|{{#if:{{{link|}}}|link={{{link|}}} }} }}|center]]<!--
+<includeonly>{{#ifeq:{{{templatetype|card}}}|card|<div class="card clearfix {{{float|float-end float-end}}} {{{overridecol|col-md-4 p-2 p-sm-2}}} rounded mb-3 ms-sm-2" style="clear: both; {{{style|}}}"><div class="container-image-zoom rounded">[[File:{{{filename|{{{1}}}}}}|{{{caption|{{{2|}}}}}} | class=card-img-top img-fluid rounded {{{class|{{{addclass|zoom}}}}}} | {{{size|768px}}} {{#ifeq:{{{link|yes}}}|no|link=|{{#if:{{{link|}}}| {{!}} link={{{link|}}} }} }}|center]]</div><!--
--->{{#ifeq: {{{showcaption|}}}|false||<div class="card-body p-0"><p class="card-text mt-1 {{{captionclass|}}}" style="font-size: 80%; line-height: 1.2;">{{{caption|{{{2|}}}}}}</p>
+-->{{#ifeq:{{{caption|}}}|||{{#ifeq:{{{showcaption|}}}|false||<div class="card-body p-0"><p class="card-text mt-1 {{{captionclass|}}}" style="font-size: 80%; line-height: 1.2;">{{{caption|{{{2|}}}}}}</p>
-</div>}}
+</div>}}}}
 </div>
-| <div class="ps-md-1 mb-md-1 p-sm-0 m-sm-0 p-xs-0 m-xs-0 {{{overridecol|col-md-5 col-sm-12 col-xs-12}}} {{{float|float-right float-end}}} clearfix" style="clear:both; float:right; {{{style|{{{3|}}}}}}">
+| <div class="ps-md-1 mb-md-1 p-sm-0 m-sm-0 p-xs-0 m-xs-0 {{{overridecol|col-md-5 col-sm-12 col-xs-12}}} {{{float|float-end float-end}}} clearfix container-image-zoom" style="clear:both; float:right; {{{style|{{{3|}}}}}}">
-[[File:{{{filename|{{{1|}}}}}}|{{{caption|{{{2|}}}}}}|class=img-responsive img-fluid {{{class|}}}|{{{size|768px}}}|{{{caption|}}}|{{#ifeq: {{{link|}}}|no|link=|{{#if:{{{link|}}}|link={{{link|}}} }} }}|center]]
+<div class="container-image-zoom rounded">[[File:{{{filename|{{{1|}}}}}}|{{{caption|{{{2|}}}}}}|class=img-responsive img-fluid rounded {{{class|{{{addclass|zoom}}}}}} | {{{size|768px}}} {{#if:{{{caption|}}}| {{!}}{{{caption|}}}}} {{#ifeq:{{{link|yes}}}|no|link=|{{#if:{{{link|}}}| {{!}} link={{{link|}}} }} }} | center]]</div><!--
-{{#ifeq: {{{showcaption|}}}|false||<small><div style="line-height: 115%; margin-top: .5em; margin-bottom: 1em; {{{captionclass|}}}">{{{caption|{{{2|}}}}}}</div></small>}}
-</div>}}</includeonly><noinclude>
-<pre><nowiki>
-{{ FloatImage
-| filename=
-| caption=
-| showcaption=
-| size=
-| overridecol=
-| style=
-}}
-</nowiki></pre>
-==Isian==
-*; '''showcaption''': Default: '''true'''. Isi '''false''' bila caption tidak akan ditampilkan
-*; '''size''': Default: '''768px'''
+-->{{#ifeq: {{{showcaption|}}}|false||<small><div style="line-height: 115%; margin-top: .5em; margin-bottom: 1em; {{{captionclass|}}}">{{{caption|{{{2|}}}}}}</div></small>}}</div>}}</includeonly><noinclude>{{documentation}}</noinclude>
-*; '''overridecol''': Default: '''col-md-5 col-sm-12''' (standar responsive column bootstrap)
-*; '''style''': Tambahan style pada <div></div>. Default: tidak diisi.
-[[Category:Template]]
-</noinclude>