کد آدمک اندروید بدون استفاده از عکس

          حامد فلاح 
            بازدید : 513
          جمعه 10 آذر 1391
           نظرات (0)
        

کد آدمک اندروید در وبلاگ و سایت های مرتبط با اندروید

اندروید (در فارسی آندروید هم تلفّظ می‌شود) (به انگلیسی: Android) نام سیستم‌عاملی است که گوگل برای تلفن همراه و لوح‌رایانه و هم اکنون برای تلویزیون نیز عرضه می‌نماید و با همکاری ده‌ها شرکت بر روی دستگاه‌های مبتنی بر اندروید قرار می‌دهد. با آمدن اندروید بعضی از سایت ها و وبلاگ ها نیز با موضوعات اندروید به وجود آمدند. لوگوی اندروید یک آدمک سبز رنگ می باشد که سایت وب یار ، لوگوی اندروید را بسیار سبک (در حد ۳ کیلوبایت) و بدون استفاده از هیچ گونه عکس طراحی کرده است.

نمونه :

<!DOCTYPE html> <html> <head> <meta content="en-us" http-equiv="Content-Language"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <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://WebYar.rozblog.com/">www.WebYar.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://WebYar.rozblog.com/"></a> </body> </html>

توجه کنید که زبان کد بالا ، سی اس اس (CSS) می باشد.

برچسب ها کد آدمک اندروید بدون استفاده از عکس , کد لوگو اندروید بدون استفاده از عکس ,

ارسال نظر برای این مطلب

عنوان	پاسخ	بازدید	توسط
طراحي هدر	38	764	alibayat10
مشکل چیه؟	5	287	alibayat10
طراحی سایت برای شما(کاملا واقعی ورایگان)	3	323	g-k2
کمترین قیمت هایی که تو عمرتون ندیدین	2	220	g-k2
میانگین سن کاربران وبلاگ-مهم	10	374	karen

وبلاگ نویسی

ابزار های وبلاگ

زیباساز های وبلاگ

ترفند و آموزش

کد آدمک اندروید بدون استفاده از عکس