User:Vadim/Sandbox1
From CruisersWiki
< User:Vadim(Difference between revisions)
(Created page with "<div style=" width: 60px; height: 60px; background-color: skyblue; ">Static</div> <div style=" width: 60px; height: 60px; transform: translate(10px, 10px); bac...") |
|||
| (25 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | ==A== | ||
| + | {{TChartlet static|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14}} | ||
| + | |||
| + | ==0== | ||
| + | |||
| + | ^^^ | ||
| + | <div style=' | ||
| + | position: relative; | ||
| + | width: 400px; | ||
| + | height: 300px; | ||
| + | background-color: gray; | ||
| + | overflow: hidden; | ||
| + | '> | ||
| + | {{#widget:TChartlet static grid|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14|source=http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x} }} | ||
| + | |||
| + | {{#widget:TChartlet static grid|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14|source=https://korona.geog.uni-heidelberg.de/tiles/hybrid/x={x}&y={y}&z={z} }} | ||
| + | |||
| + | {{#widget:TChartlet static grid|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14|source=http://t1.openseamap.org/seamark/{z}/{x}/{y}.png }} | ||
| + | |||
| + | </div> | ||
| + | !!! | ||
| + | |||
| + | ==1== | ||
| + | <div style="display:none;"> | ||
<div style=" | <div style=" | ||
| - | width: | + | position: relative; |
| - | height: | + | width: 600px; |
| + | height: 400px; | ||
| + | background-color: gray; | ||
| + | float:right; | ||
| + | "> | ||
| + | <div style=" | ||
| + | position: absolute; | ||
| + | /* overflow: hidden; */ | ||
| + | top: 0px; | ||
| + | left:0px; | ||
| + | width: 256px; | ||
| + | height: 256px; | ||
background-color: skyblue; | background-color: skyblue; | ||
">Static</div> | ">Static</div> | ||
<div style=" | <div style=" | ||
| - | width: | + | position: absolute; |
| - | height: | + | top: 0px; |
| - | transform: translate( | + | left:0px; |
| + | width: 256px; | ||
| + | height: 256px; | ||
| + | transform: translate(-20px, -30px); | ||
background-color: pink; | background-color: pink; | ||
| - | "> | + | ">transform</div> |
<div style=" | <div style=" | ||
| - | width: | + | position: absolute; |
| - | height: | + | top: -10px; |
| - | background-color: | + | left:40px; |
| - | "> | + | width: 256px; |
| + | height: 256px; | ||
| + | background-color: green; | ||
| + | ">top/left</div> | ||
| + | </div> | ||
| + | </div> | ||
Latest revision as of 10:13, 19 November 2018
A
0
^^^
!!!
