Bár a tutorial projekt meghalt, azért (hátha feléled), jöhetnek ide CSS tutorialok.
Kezdem eggyel:
Dupla keretek létrehozása.
--VÁZLAT--
- A probléma: egy div-nek egy sima CSS keretet könnyen lehet adni, viszont a kétszeres (pl. sötétszürke kívül, világos szürke belül) létrehozása "kevésbé evidens.
- A módszer:
- A HTML-ben egy egyszerű DIV létrehozása.
- A div-nek beállítani a tulajdonságait.
- Végül pedig a :before-nak a tulajdonságait.
--RÉSZLETES MEGOLDÁS--
1. Új HTML lap létrehozása vagy a régi szerkesztése. Felteszem, hogy újat hozunk létre.
2. A BODY részbe egybehelyezése.Kód:<div id="valami"></div>
3. Tulajdonságok adása a valami elemnek (nem kötelező). Néhány ajánlott példa, ami akár javíthatja is a hatást:
a) Háttér: pl.b) Igazítás: pl.Kód:background: #f4f4f4;
vagy top és left alkalmazása.Kód:margin: 60px auto;
Fontos:
a) Méretek (tetszőlegesen megadható):b) Keret:Kód:width: 200px;
height: 200px;
A dupla kerethez a következő kódot kell beilleszteni:Kód:border: 1px solid #bbbbbb;
A lényeg a before, a width és a height (ezt így kell kiszámolni: a valami div értékei- a keret*2, és a content üressége.Kód:#valami:before {
border: 1px solid white;
content: '';
width: 198px;
height: 198px;
position: absolute;
}
Aztán bocs, ha rossz helyre írtam. :D