Template:Css Image Crop/doc: Difference between revisions

change example
(Created page with '{{Documentation subpage}} Preview Crop Template lets you create a crop of an image inline for previewing the look and feel of a page. If the edit is committed these crops should …')
 
(change example)
 
Line 21: Line 21:


=== Examples ===
=== Examples ===
Dew image with center formating:  
Image focus on logo with center formating:  
{{Css Image Crop
{{Css Image Crop
|Image = Dew on grass Luc Viatour.jpg
|Image = FGSmemberlogo.jpg
|bSize = 400px
|bSize = 200px
|cWidth = 100
|cWidth = 115
|cHeight = 100
|cHeight = 90
|oTop = 200
|oTop = 12
|oLeft = 45
|oLeft = 44
|Location = center
|Location = center
|Description = a drop of dew on grass (focus on the drop)  
|Description = FGS membership logo (focus on the logo)  
}}
}}


<pre><nowiki>{{Css Image Crop
<pre><nowiki>{{Css Image Crop
|Image = Dew on grass Luc Viatour.jpg
|Image = FGSmemberlogo.jpg
|bSize = 400px
|bSize = 200px
|cWidth = 100
|cWidth = 115
|cHeight = 100
|cHeight = 90
|oTop = 200
|oTop = 12
|oLeft = 45
|oLeft = 44
|Location = center
|Location = center
|Description = a drop of dew on grass (focus on the drop)  
|Description = FGS membership logo (focus on the logo)
}}</nowiki></pre>
}}</nowiki></pre>


You may also omit the Location and Description parameters to get:
You may also omit the Location and Description parameters to get:
{{Css Image Crop
{{Css Image Crop
|Image = Dew on grass Luc Viatour.jpg
|Image = FGSmemberlogo.jpg
|bSize = 400px
|bSize = 200px
|cWidth = 100
|cWidth = 115
|cHeight = 100
|cHeight = 90
|oTop = 150
|oTop = 12
|oLeft = 100
|oLeft = 44
}}
}}
<pre><nowiki>{{Css Image Crop
<pre><nowiki>{{Css Image Crop
|Image = Dew on grass Luc Viatour.jpg
|Image = FGSmemberlogo.jpg
|bSize = 400px
|bSize = 200px
|cWidth = 100
|cWidth = 115
|cHeight = 100
|cHeight = 90
|oTop = 150
|oTop = 12
|oLeft = 100
|oLeft = 44
}}</nowiki></pre>
}}</nowiki></pre>


90,866

edits