*
*Купить рекламу
Описание: Делаю любые иконки! На примере иконка жолудя.
Код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Желудь от Wearnings</title>
<style>
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
*:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
*:focus{outline:none}
:-moz-any-link:focus{outline:none}

body {margin: 0;padding: 0;background: #f8f8f8}
.clear {clear: both;}
.acorn_main {width: 15px;height: 15px;position: absolute;top:0;right:0;bottom: 0;left:0;margin: auto}
.acorn_main span {width: 1px;height: 1px;float: left;display: block;}

.acorn_main span:nth-of-type(20), .acorn_main span:nth-of-type(35) {background: #7d522f}
.acorn_main span:nth-of-type(23), .acorn_main span:nth-of-type(147) {background: #7e4210}
.acorn_main span:nth-of-type(29), .acorn_main span:nth-of-type(122) {background: #ac6e23}
.acorn_main span:nth-of-type(144), .acorn_main span:nth-of-type(145) {background: #d1963a}
.acorn_main span:nth-of-type(67), .acorn_main span:nth-of-type(69) {background: #b06d26}
.acorn_main span:nth-of-type(73), .acorn_main span:nth-of-type(74) {background: #6d3708}
.acorn_main span:nth-of-type(153), .acorn_main span:nth-of-type(169) {background: #c69435}

.acorn_main span:nth-of-type(5){background: #d3cec8}
.acorn_main span:nth-of-type(6){background: #6c543c}
.acorn_main span:nth-of-type(7){background: #542f05}
.acorn_main span:nth-of-type(8){background: #604124}
.acorn_main span:nth-of-type(9){background: #95775f}
.acorn_main span:nth-of-type(10){background: #bdad9e}
.acorn_main span:nth-of-type(11){background: #feffff}
.acorn_main span:nth-of-type(12){background: #fbf9fc}
.acorn_main span:nth-of-type(13){background: #b09781}
.acorn_main span:nth-of-type(14){background: #915926}
.acorn_main span:nth-of-type(15){background: #a28670}
.acorn_main span:nth-of-type(19){background: #f4f4f4}
.acorn_main span:nth-of-type(21){background: #63340a}
.acorn_main span:nth-of-type(22){background: #5e310a}
.acorn_main span:nth-of-type(24){background: #67380c}
.acorn_main span:nth-of-type(25){background: #734110}
.acorn_main span:nth-of-type(26){background: #714f33}
.acorn_main span:nth-of-type(27){background: #805938}
.acorn_main span:nth-of-type(28){background: #85480f}
.acorn_main span:nth-of-type(30){background: #543519}
.acorn_main span:nth-of-type(34){background: #ccd1cd}
.acorn_main span:nth-of-type(36){background: #66370b}
.acorn_main span:nth-of-type(37){background: #8e4d13}
.acorn_main span:nth-of-type(38){background: #854915}
.acorn_main span:nth-of-type(39){background: #a56122}
.acorn_main span:nth-of-type(40){background: #7f4716}
.acorn_main span:nth-of-type(41){background: #7a410a}
.acorn_main span:nth-of-type(42){background: #542e0a}
.acorn_main span:nth-of-type(43){background: #96581b}
.acorn_main span:nth-of-type(44){background: #47270e}
.acorn_main span:nth-of-type(45){background: #c8b7a7}
.acorn_main span:nth-of-type(48){background: #f4ede5}
.acorn_main span:nth-of-type(49){background: #9f6f47}
.acorn_main span:nth-of-type(50){background: #965619}
.acorn_main span:nth-of-type(51){background: #9a5d1a}
.acorn_main span:nth-of-type(52){background: #6d3c11}
.acorn_main span:nth-of-type(53){background: #ad6d25}
.acorn_main span:nth-of-type(54){background: #9b5420}
.acorn_main span:nth-of-type(55){background: #ac6925}
.acorn_main span:nth-of-type(56){background: #754014}
.acorn_main span:nth-of-type(57){background: #753d0e}
.acorn_main span:nth-of-type(58){background: #58320e}
.acorn_main span:nth-of-type(59){background: #d8c9c2}
.acorn_main span:nth-of-type(62){background: #f7f2ef}
.acorn_main span:nth-of-type(63){background: #a76c32}
.acorn_main span:nth-of-type(64){background: #a2611d}
.acorn_main span:nth-of-type(65){background: #b37528}
.acorn_main span:nth-of-type(66){background: #a45f24}
.acorn_main span:nth-of-type(68){background: #7d4417}
.acorn_main span:nth-of-type(70){background: #834619}
.acorn_main span:nth-of-type(71){background: #945215}
.acorn_main span:nth-of-type(72){background: #64370d}
.acorn_main span:nth-of-type(75){background: #fbfdfa}
.acorn_main span:nth-of-type(76){background: #fffffb}
.acorn_main span:nth-of-type(77){background: #bb9065}
.acorn_main span:nth-of-type(78){background: #a6681f}
.acorn_main span:nth-of-type(79){background: #c9983b}
.acorn_main span:nth-of-type(80){background: #d3a44a}
.acorn_main span:nth-of-type(81){background: #dfbb5b}
.acorn_main span:nth-of-type(82){background: #ca8c3f}
.acorn_main span:nth-of-type(83){background: #c18831}
.acorn_main span:nth-of-type(84){background: #87501a}
.acorn_main span:nth-of-type(85){background: #9a5615}
.acorn_main span:nth-of-type(86){background: #653a0f}
.acorn_main span:nth-of-type(87){background: #79410e}
.acorn_main span:nth-of-type(88){background: #582e08}
.acorn_main span:nth-of-type(89){background: #5e2e06}
.acorn_main span:nth-of-type(90){background: #bba99f}
.acorn_main span:nth-of-type(91){background: #ebe8e3}
.acorn_main span:nth-of-type(92){background: #a3641d}
.acorn_main span:nth-of-type(93){background: #c69539}
.acorn_main span:nth-of-type(94){background: #dfb159}
.acorn_main span:nth-of-type(95){background: #f7e488}
.acorn_main span:nth-of-type(96){background: #f7e68a}
.acorn_main span:nth-of-type(97){background: #f3d67a}
.acorn_main span:nth-of-type(98){background: #d59c45}
.acorn_main span:nth-of-type(99){background: #c88830}
.acorn_main span:nth-of-type(100){background: #724214}
.acorn_main span:nth-of-type(101){background: #84480c}
.acorn_main span:nth-of-type(102){background: #542907}
.acorn_main span:nth-of-type(103){background: #5a2c08}
.acorn_main span:nth-of-type(104){background: #422306}
.acorn_main span:nth-of-type(105){background: #725034}
.acorn_main span:nth-of-type(106){background: #c7a987}
.acorn_main span:nth-of-type(107){background: #b37424}
.acorn_main span:nth-of-type(108){background: #cd9540}
.acorn_main span:nth-of-type(109){background: #f1d979}
.acorn_main span:nth-of-type(110){background: #fff095}
.acorn_main span:nth-of-type(111){background: #fff7a4}
.acorn_main span:nth-of-type(112){background: #f7e382}
.acorn_main span:nth-of-type(113){background: #eec867}
.acorn_main span:nth-of-type(114){background: #c98532}
.acorn_main span:nth-of-type(115){background: #b97729}
.acorn_main span:nth-of-type(116){background: #583108}
.acorn_main span:nth-of-type(117){background: #67330c}
.acorn_main span:nth-of-type(118){background: #462307}
.acorn_main span:nth-of-type(119){background: #552a0a}
.acorn_main span:nth-of-type(120){background: #572e0e}
.acorn_main span:nth-of-type(121){background: #b58554}
.acorn_main span:nth-of-type(123){background: #daad50}
.acorn_main span:nth-of-type(124){background: #f2cc69}
.acorn_main span:nth-of-type(125){background: #feeb8f}
.acorn_main span:nth-of-type(126){background: #fbeb89}
.acorn_main span:nth-of-type(127){background: #f9e282}
.acorn_main span:nth-of-type(128){background: #e9bc57}
.acorn_main span:nth-of-type(129){background: #dcab4c}
.acorn_main span:nth-of-type(130){background: #b26925}
.acorn_main span:nth-of-type(131){background: #9d591a}
.acorn_main span:nth-of-type(132){background: #48240c}
.acorn_main span:nth-of-type(133){background: #592f09}
.acorn_main span:nth-of-type(134){background: #4b2707}
.acorn_main span:nth-of-type(135){background: #68401c}
.acorn_main span:nth-of-type(136){background: #a76b2c}
.acorn_main span:nth-of-type(137){background: #b97b28}
.acorn_main span:nth-of-type(138){background: #cb8f37}
.acorn_main span:nth-of-type(139){background: #edc566}
.acorn_main span:nth-of-type(140){background: #f8cc69}
.acorn_main span:nth-of-type(141){background: #f7d977}
.acorn_main span:nth-of-type(142){background: #f4c462}
.acorn_main span:nth-of-type(143){background: #edbc5f}
.acorn_main span:nth-of-type(146){background: #975116}
.acorn_main span:nth-of-type(148){background: #582a08}
.acorn_main span:nth-of-type(149){background: #653608}
.acorn_main span:nth-of-type(150){background: #af9d87}
.acorn_main span:nth-of-type(151){background: #9a5e1f}
.acorn_main span:nth-of-type(152){background: #a1601c}
.acorn_main span:nth-of-type(154){background: #d59e43}
.acorn_main span:nth-of-type(155){background: #ecc05f}
.acorn_main span:nth-of-type(156){background: #ecb652}
.acorn_main span:nth-of-type(157){background: #eabc5a}
.acorn_main span:nth-of-type(158){background: #d59d3e}
.acorn_main span:nth-of-type(159){background: #d6aa3f}
.acorn_main span:nth-of-type(160){background: #c17e27}
.acorn_main span:nth-of-type(161){background: #b0661b}
.acorn_main span:nth-of-type(162){background: #723c0d}
.acorn_main span:nth-of-type(163){background: #88664b}
.acorn_main span:nth-of-type(164){background: #937c6c}
.acorn_main span:nth-of-type(165){background: #fcfcfc}
.acorn_main span:nth-of-type(166){background: #99622a}
.acorn_main span:nth-of-type(167){background: #a66416}
.acorn_main span:nth-of-type(168){background: #a76720}
.acorn_main span:nth-of-type(170){background: #ca8e38}
.acorn_main span:nth-of-type(171){background: #dba648}
.acorn_main span:nth-of-type(172){background: #cd9238}
.acorn_main span:nth-of-type(173){background: #d7a93a}
.acorn_main span:nth-of-type(174){background: #d59227}
.acorn_main span:nth-of-type(175){background: #cd8823}
.acorn_main span:nth-of-type(176){background: #9c5517}
.acorn_main span:nth-of-type(177){background: #8a5d34}
.acorn_main span:nth-of-type(178){background: #dfe0db}
.acorn_main span:nth-of-type(181){background: #9f7248}
.acorn_main span:nth-of-type(182){background: #83460d}
.acorn_main span:nth-of-type(183){background: #a56317}
.acorn_main span:nth-of-type(184){background: #9d5c1a}
.acorn_main span:nth-of-type(185){background: #b97f2b}
.acorn_main span:nth-of-type(186){background: #b06c23}
.acorn_main span:nth-of-type(187){background: #ca8f2b}
.acorn_main span:nth-of-type(188){background: #c97920}
.acorn_main span:nth-of-type(189){background: #cd821d}
.acorn_main span:nth-of-type(190){background: #9d5218}
.acorn_main span:nth-of-type(191){background: #925d2b}
.acorn_main span:nth-of-type(192){background: #ede4db}
.acorn_main span:nth-of-type(193){background: #fffeff}
.acorn_main span:nth-of-type(196){background: #c9b39e}
.acorn_main span:nth-of-type(197){background: #7a4207}
.acorn_main span:nth-of-type(198){background: #7b430a}
.acorn_main span:nth-of-type(199){background: #955412}
.acorn_main span:nth-of-type(200){background: #874910}
.acorn_main span:nth-of-type(201){background: #a45e18}
.acorn_main span:nth-of-type(202){background: #9c5618}
.acorn_main span:nth-of-type(203){background: #a95c14}
.acorn_main span:nth-of-type(204){background: #8c4a10}
.acorn_main span:nth-of-type(205){background: #a9835c}
.acorn_main span:nth-of-type(206){background: #f6f3ec}
.acorn_main span:nth-of-type(207){background: #fffffd}
.acorn_main span:nth-of-type(208){background: #fefefc}
.acorn_main span:nth-of-type(211){background: #efefef}
.acorn_main span:nth-of-type(212){background: #b7a291}
.acorn_main span:nth-of-type(213){background: #875d35}
.acorn_main span:nth-of-type(214){background: #83532b}
.acorn_main span:nth-of-type(215){background: #7d4816}
.acorn_main span:nth-of-type(216){background: #85542b}
.acorn_main span:nth-of-type(217){background: #896541}
.acorn_main span:nth-of-type(218){background: #8e725a}
.acorn_main span:nth-of-type(219){background: #948d85}
.acorn_main span:nth-of-type(220){background: #999}
.acorn_main span:nth-of-type(221){background: #aba9aa}
.acorn_main span:nth-of-type(222){background: #bebfc1}
.acorn_main span:nth-of-type(223){background: #d8d9db}
.acorn_main span:nth-of-type(224){background: #f0f0f0}
.acorn_main span:nth-of-type(225){background: #fefffd}
</style>
</head>
<body>

<div class="acorn_main">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
<div class="clear"></div>
</div>
</body>
</html>
Добавил: * wearningsvip (5 Марта 2018 в 23:51)
Комментарии (9)
Скачать: TEXTAREA | TXT
Онлайн: 24 из 15178
Последний: * 23ZVIR23
Служба поддержки
* midreg.com - ДОМЕН ЗА 15 РУБ
* Gix.Su - Магазин скриптов