साँचा:Float box
{{{1}}}
साँचा विवरणपृष्ठ[देखें] [संपादित करें] [इतिहास] [ताज़ा करें] | This template uses a See en:H:DIVSPAN for details. |
Usage
[सम्पादित करें]To float a box of text left or right, and to undertake formatting on the text and box.
Applicable parameters
Box
- side – left or right, to float box to the left or the right (default is left)
- border – (optional), if parameter is set, then border:1px solid;; for other formatting requires appropriate CSS code, default is no border
- width v sets width of box (default 6em), can take defined lengths or per cents, can alternatively set min min-width and max max-width
- margin: 0 0 0 0 (not able to be set)
- padding set with parameters t (top, default 1em), r (right, default 2em), b (bottom, default 1em), l (left, default 2em),
Text
- text or 1 – your text
- fontsize – default is smaller coinciding with {{smaller block}}, other block values are x-smaller, larger, x-larger, xx-larger, xxx-larger
- style – default is italics, other font-style values may be set
- align – default is normal, other text-align values may be set
Examples
[सम्पादित करें]- Default
{{float box|Normal float left}}{{lorem ipsum}}{{lorem ipsum}}
Normal float leftLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
- With parameters set
{{float box|Float text right|side=right}}{{lorem ipsum}}
Float text rightLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
{{float box|centered left text|align=center}}{{lorem ipsum}}
centered left textLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
{{float box|Float text right border|side=right|border=border:1px solid;}}{{lorem ipsum}}
Float text right borderLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
{{float box|float left width15em|width=15em|fontsize=larger}}{{lorem ipsum}}{{lorem ipsum}}
float left width15emLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
{{float box|float left with padding width15em|l=3em|r=5em|t=20pt|b=3en|width=15em}}{{lorem ipsum}}
float left with padding width15emLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.