<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>by macaque - apvalus kampai naudojant 1 paveiksleli</title>
<style type="text/css">
body { font-family: "Verdana", Geneva, sans-serif; }
.deze { position: relative; background: #cfcfcf; width: 750px; height: 400px; margin: 200px auto; }
.kampai { position: absolute; width: 10px; height: 10px; background: url(images/corners.gif) no-repeat; font-size: 0%; }
.kampai_deze { padding: 40px 20px 15px 20px; }
.VK { top: 0; left: 0; background-position: 0 0; }
.VD { top: 0; right: 0; background-position: -10px 0; }
.AK { bottom: 0; left: 0; background-position: 0 -10px; }
.AD { bottom: 0; right: 0; background-position: -10px -10px; }
</style>
</head>
<body>
<div class="deze">
<div class="kampai VK"></div> <!-- Virsutinis kairys kampas --->
<div class="kampai VD"></div> <!-- Virsutinis dešnys kampas --->
<div class="kampai AK"></div> <!-- Apatinys kairys kampas --->
<div class="kampai AD"></div> <!-- Apatinys dešnys kampas --->
<div class="kampai_deze"> <!-- Dežė į čia galima dėti tekstą, divus ir t.t. -->
<p>Lorem ipsum - tai fiktyvus tekstas naudojamas spaudos ir grafinio dizaino pasaulyje jau nuo XVI a. pradžios. Lorem Ipsum tapo standartiniu fiktyviu tekstu, kai nežinomas spaustuvininkas atsitiktine tvarka išdėliojo raides atspaudų prese ir tokiu būdu sukūrė raidžių egzempliorių. Šis tekstas išliko beveik nepasikeitęs ne tik penkis amžius. <br /> </p> <p> Bet ir įžengė i kopiuterinio grafinio dizaino laikus. Jis išpopuliarėjo XX a. šeštajame dešimtmetyje, kai buvo išleisti Letraset lapai su Lorem Ipsum ištraukomis, o vėliau -leidybinė sistema AldusPageMaker, kurioje buvo ir Lorem Ipsum versija. </p>
</div>
</body>
</html>
Gal ir nelabai naudinga pamoką, bet gal kam nors ir pravers, prisegu .rar failą su visa info.
EDIT: pakeistas .rar failo formatas į .zip
