کد عکس فول CSS آدمک آندروید

Android Icon

این کد با استفاده از CSS ساخته شده و جوری طراحی شده که حتی یک عکس هم داخلش نیست.

حجم این کد 4.17 کیلو بایت می باشد که خیلی هم در مقابل عکس بالا که 13.06 کیلو بایته کمه.

<!DOCTYPE html> <html> <head> <meta content="en-us" http-equiv="Content-Language"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>moisrex.rozblog.com Android Icon</title> <style type="text/css"> .goosh-chap { width: 5px; height: 20px; position: relative; top: -110px; left: -34px; z-index:10; border-style: solid; border-width: 10px 10px 0px 10px; border-color: #F6F6F8; border-radius: 10px 10px 0px 0px; background-color: #96C120; -o-background-color: #96C120; -ms-background-color: #96C120; -webkit-background-color: #96C120; -moz-background-color: #96C120; -khtml-background-color: #96C120; transform:rotate(-30deg); -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); -khtml-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); } .goosh-rast { width: 5px; height: 20px; position: relative; top: -80px; left: 34px; z-index:10; border-style: solid; border-width: 10px 10px 0px 10px; border-color: #F6F6F8; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -o-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -ms-border-radius: 10px 10px 0px 0px; -khtml-border-radius: 10px 10px 0px 0px; background-color: #96C120; transform:rotate(30deg); -moz-transform:rotate(30deg); -o-transform:rotate(30deg); -khtml-transform:rotate(30deg); -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); } .badan { border-style: solid; border-width: 5px 10px 10px 10px; border-color: #F6F6F8; border-radius: 0px 0px 25px 25px; background-color: #96C120; width: 120px; height: 100px; position:relative; top:-70px; } .pa-rast { width: 30px; height: 50px; position: relative; left: 30px; top: -80px; border-style: solid; border-width: 0px 10px 10px 10px; border-color: #F6F6F8; border-radius: 0px 0px 100px 100px; -moz-border-radius: 0px 0px 100px 100px; -ms-border-radius: 0px 0px 100px 100px; -webkit-border-radius: 0px 0px 100px 100px; -o-border-radius: 0px 0px 100px 100px; -khtml-border-radius: 0px 0px 100px 100px; background-color: #96C120; } .pa-chap { width: 30px; height: 50px; position: relative; left: -30px; top: -140px; border-style: solid; border-width: 0px 10px 10px 10px; border-color: #F6F6F8; border-radius: 0px 0px 100px 100px; -moz-border-radius: 0px 0px 100px 100px; -webkit-border-radius: 0px 0px 100px 100px; -ms-border-radius: 0px 0px 100px 100px; -o-border-radius: 0px 0px 100px 100px; -khtml-border-radius: 0px 0px 100px 100px; background-color: #96C120; } .dast-rast { width: 25px; height: 80px; position: relative; left: 86px; top: -306px; border-style: solid; border-width: 10px; border-color: #F6F6F8; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; -webkit-border-radius: 100px; -khtml-border-radius: 100px; background-color: #96C120; } .dast-chap { width: 25px; height: 80px; position: relative; left: -84px; top: -406px; border-style: solid; border-width: 10px; border-color: #F6F6F8; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; -khtml-border-radius: 100px; -webkit-border-radius: 100px; background-color: #96C120; } .cheshm { color:#fff; font-size:50px; } .sar { border-radius: 1000px 1000px 0px 0px; -moz-border-radius: 1000px 1000px 0px 0px; -webkit-border-radius: 1000px 1000px 0px 0px; -o-border-radius: 1000px 1000px 0px 0px; -ms-border-radius: 1000px 1000px 0px 0px; -khtml-border-radius: 1000px 1000px 0px 0px; background-color: #96C120; border:10px solid #F6F6F8; width: 120px; height: 50px; margin:25px 0 0 0; } body { margin:0px; padding:0px; } </style> </head> <body> <center> <div class="sar"> <span class="cheshm">•   •</span></div> <div class="goosh-rast"></div> <div class="goosh-chap"></div> <div class="badan"><br><br><a style="color:#FFF;font-size:9px;text-decoration:none;" href="http://moisrex.rozblog.com/">www.moisrex.rozblog.com</a></div> <div class="pa-rast"></div> <div class="pa-chap"></div> <div class="dast-rast"></div> <div class="dast-chap"></div> </center> <a href="http://moisrex.rozblog.com/"></a> </body> </html>

2 نظر

2089 بازدید

دوشنبه 15 خرداد 1391 - 18:15

2HosseiN2 در تاریخ 1393/06/26 ساعت 20:31 می گوید :

قشنگه اگه یکی دیگه شکل ویدوز درست کنین خیلی عالی میشه

علی در تاریخ 1392/01/24 ساعت 22:58 می گوید :

واقعا جالبه

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 9
بازدید امروز : 1,573
بازدید دیروز : 755
گوگل امروز : 735
گوگل دیروز : 16
بازدید هفته : 9,170
بازدید ماه : 9,170
بازدید سال : 277,818
بازدید کلی : 14,278,155

عنوان کد:
توضیحات: