Pannage M.T.L - Kamion

T.L - Company™ Group

Stránka

Others

Homepage Music Video Picture Text Biografie Download Eurodance Radia online Others

Submenu

Lorries

Obrázek byl vytvořen pouze užitím běžného HTML a CSS kódu - tagy div, span a především
pomocí atributů - position:relative, float a border-radius. Jak jednoduché, že...
Nehledejte v tom žádné umění, pouze funkčnost zmíněných kódů.

PlašanTrans

... A takto vypadá zápis v Html, s přímým CSS .

<div style="width: 1078px;height:540px;margin-left:auto;margin-right:auto; background:#808080;padding-top:22px;">
          
<div style="width: 1030px;height:500px;margin-left:auto;margin-right:auto; background:#808080;">
          
<div style="float:left;width: 800px;height:166px;border-top: #1f1f1f solid 4px;border-left: #1f1f1f solid 2px;border-right: #1f1f1f solid 2px;text-align:center;font-size: 26px;background:#333333;">
          
<span style="float:left;position:relative;left:60px;top:170px;width: 60px;height:60px;border: white solid 2px;border-top-left-radius:55px;border-top-right-radius:55px;border-bottom-left-radius:55px;border-bottom-right-radius:55px;background:black;font-size: 23px;"></span>

          
<span style="float:left;position:relative;left:100px;top:170px;width: 60px;height:60px;border: white solid 2px;border-top-left-radius:55px;border-top-right-radius:55px;border-bottom-left-radius:55px;border-bottom-right-radius:55px;background:black;font-size: 23px;"></span>

          
<span style="float:left;position:relative;left:140px;top:170px;width: 60px;height:60px;border: white solid 2px;border-top-left-radius:55px;border-top-right-radius:55px;border-bottom-left-radius:55px;border-bottom-right-radius:55px;background:black;font-size: 23px;"></span>

          
<span style="float:left;position:relative;left:460px;top:166px;width: 373px;height:30px;border-left: black solid 2px;border-top: black solid 2px;border-bottom: black solid 2px;background:#2a2a2a;font-size: 23px;"></span>

</div>
          
<div style="float:right;width: 190px;height:200px;border-top: #1f1f1f solid 4px;border-left: #1f1f1f solid 2px;border-right: #1f1f1f solid 2px;border-top-right-radius:70px;text-align:center;font-size: 26px;background:brown;">
          
<span style="float:left;position:relative;left:-150px;top:170px;width: 60px;height:60px;border: white solid 2px;border-top-left-radius:55px;border-top-right-radius:55px;border-bottom-left-radius:55px;border-bottom-right-radius:55px;background:black;font-size: 23px;"></span>

          
<span style="float:right;position:relative;right:40px;top:170px;width: 60px;height:60px;border: white solid 2px;border-top-left-radius:55px;border-top-right-radius:55px;border-bottom-left-radius:55px;border-bottom-right-radius:55px;background:black;font-size: 23px;"></span>

</div>
          
<div style="position:relative;left:390px;top:170px;width: 160px;height:40px;border: #71735A solid 2px;background:black;font-size: 23px;"></div>

          
<div style="position:relative;left:590px;top:126px;width: 10px;height:50px;border: #71735A solid 2px;background:black;font-size: 23px;"></div>

          
<div style="position:relative;left:930px;top:-54px;width: 80px;height:60px;border-left: black solid 2px;border-top: black solid 2px;border-right: black solid 2px;background:blue;font-size: 23px;"></div>

          
<div style="position:relative;left:930px;top:-54px;width: 80px;height:60px;border-left: black solid 2px;border-bottom: black solid 2px;border-right: black solid 2px;background:brown;font-size: 23px;"></div>

          
<div style="position:relative;left:870px;top:-220px;width: 2px;height:170px;background:black;font-size: 23px;"></div>

          
<div style="position:relative;left:940px;top:-250px;width: 20px;height:1px;border-left: black solid 2px;border-bottom: black solid 2px;border-right: black solid 2px;background:white;font-size: 23px;"></div>

          
<div style="position:relative;left:140px;top:-360px;width: 214px;height:90px;border: black solid 2px;font-family:arial;font-size: 70px;background:brown;">PlašanTrans</div>

          
<div style="elevation: 90deg;position:relative;left:42px;top:-319px;width: 313px;border-top: black solid 4px;border-top-left-radius:55px;border-top-right-radius:55px;font-size: 30px;color:gray;">.</div>

          
<div style="position:relative;left:995px;top:-347px;width: 20px;height:1px;border-left: black solid 2px;border-bottom: black solid 2px;border-right: black solid 2px;background:yellow;font-size: 23px;"></div>

          
<div style="position:relative;left:995px;top:-340px;width: 20px;height:1px;border-left: black solid 2px;border-bottom: black solid 2px;border-right: black solid 2px;background:yellow;font-size: 23px;"></div>

</div></div>

Date - Time - Share

About - Links

Pannage

Herri-G