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
^^^
!!!