Szablon:Grafika z podpisem

(Przekierowano z Szablon:Img float)
[edytuj] [odśwież] Dokumentacja

Użycie

edytuj

Szablon tworzy opływany przez tekst obrazek z podpisem ale bez ramki.

{{Grafika z podpisem
 | style       =
 | above       =
 | file        = 
 | width       = 
 | align       = 
 | cap         = 
 | capalign    = 
 | alt         = 
 | div         =
 | image style =
}}

Opis parametrów

edytuj
Legenda
Parametry: obowiązkowe zalecane mniej istotne
parametr opis
style dodatkowe atrybuty stylu CSS. Przy procentowym określeniu rozmiatu fontu, warto też określić wysokość wiersza ustawiając line-height. Np.:
| style = font-size: 80%; line-height: 80%;
above tekst nad obrazkiem
file nazwa pliku (bez prefiksu)
width szerokość obrazka (domyślnie 150px)
align wyrównanie (alignment) obrazka na stronie ("left", "right" lub "center"; domyślnie "right")
cap podpis pod obrazkiem. Nie należy używać <div> ani opartych na <div> szablonów (w przeciwnym razie, gdy szablon jest umieszczony w środku akapitu, Mediwiki zakończy automatycznie akapit).
capalign wyrównianie tekstu podpisu obrazka ("left", "right", "center" lub "justify"; domyślnie "center")
alt tekst "alt" dla obrazka
div wartość div = force wymusza używanie przez szablon znacznika <div>, zamiast <span>, co uniemożliwia wprawdzie lokalizację obrazka w środku akapitu, ale pozwala tworzyć zaawansowane opisy z użyciem znaczników <div>. Parametr ignorowany dla align=center.
image style dodatkowe atrybuty stylu CSS, dodawane do elementu <div> (wstawianego tylko jeśli "image style" jest podane) wokół obrazka
id kotwica do obrazka

Przykłady

edytuj

Obrazek po prawej

edytuj
{{Grafika z podpisem
 | file     = The Kinematics of Machinery Fig 2.jpg
 | width    = 150px
 | align    = right
 | cap      = Rys. 2.
}}


Rys. 2.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Obrazek po lewej

edytuj
{{Grafika z podpisem
 | file     = The Kinematics of Machinery Fig 2.jpg
 | width    = 150px
 | align    = left
 | cap      = Rys. 2.
}}


Rys. 2.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Obrazek po lewej z podpisem

edytuj
{{Grafika z podpisem
 | file     = The Kinematics of Machinery Fig 2.jpg
 | width    = 150px
 | align    = right
 | cap      = Rys. 2. po lewej.
 | capalign = left
}}


Rys. 2. Po lewej.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Obrazek po prawej z tekstem nad obrazkiem

edytuj
{{Grafika z podpisem
 | style = 
 | above = Fig. 2
 | file     = The Kinematics of Machinery Fig 1.png
 | width    = 150px
 | align    = right
 | cap      = Oto przykładowy obrazek rys. 1.
}}

Fig. 2

Oto przykładowy obrazek rys. 1.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Obrazek wycentrowany

edytuj

Uwaga: tekst nie opływa wycentrowanych obrazków.

{{Grafika z podpisem
 | file     = The Kinematics of Machinery Fig 1.png
 | width    = 250px
 | align    = center
 | cap      = Rys. 2.
}}

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Rys. 2.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Obrazek z dodatkową ramką

edytuj
{{Grafika z podpisem
 | file     = The Kinematics of Machinery Fig 1.png
 | width    = 200px
 | align    = center
 | cap      = Rys. 2.
 | style    = width:220px
 | image style = width:220px;padding-top:10px;padding-bottom:10px;border:2px dotted red
}}

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Rys. 2.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.