رفتن به مطلب

ویژه آموزش ساخت پرچم ایران با HTML

gholamreza-alipoor

توسط gholamreza-alipoor ،
در آموزش

پست های پیشنهاد شده

gholamreza-alipoor

gholamreza-alipoor 458

ارسال شده در
ارسال شده در

سلام دوستان امروز باستون یک کدی آماده کردم بسیار ساده و مبتدی که به وسیله ی اون میتونید پرچم ایران رو بسازید:

اینم کدش:

 

<html>

<head>

<title>نمایش پرچم ایران با استفاده از کدهای اچ تی ام ال و سی اس اس</title>

<style type="text/css">

body { background-color:#ddd }

.top { background-color:green }

.middle { background-color:white; text-align:center }

.bottom { background-color:red }

</style>

</head>

 

<body>

<div class="top"> </div>

<div class="middle">الله</div>

<div class="bottom"> </div>

</body>

 

</html>

اینم پیشنمایشش:

f07482117.png

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر
laruz

laruz 983

ارسال شده در
ارسال شده در

و با افزودن کد زیر زیباترش کنید :دی

 

.flagwave {   position: absolute;   top: -3px;   left: -3px;   width: 306px;   height: 36px;   z-index: 2;   background-image:       -webkit-gradient(           linear,           0% 30%,           50% top,           color-stop(0%,rgba(204,99,40,0)),           color-stop(40%,rgba(204,99,40,0)),           color-stop(90%,rgba(204,99,40,.3)),           color-stop(100%,rgba(204,99,40,0))),       -webkit-gradient(           linear,           50% 30%,           100% top,           color-stop(0%,rgba(204,99,40,0)),           color-stop(25%,rgba(204,99,40,.3)),           color-stop(50%,rgba(204,99,40,0)),           color-stop(80%,rgba(204,99,40,.3)),           color-stop(100%,rgba(204,99,40,0)));   background-size: 200%;   background-position: right;   -webkit-animation-name: flagwave;   -webkit-animation-duration: 10s;   -webkit-animation-timing-function: linear;   -webkit-animation-iteration-count: infinite;}   @-webkit-keyframes flagwave {       0% {           background-position: -400px 0px, -400px 0px, -400px 0px,-400px 0px;       }       100% {           background-position: 800px 0px, 800px 0px, 800px 0px, 800px 0px;       }   }

 

 

و این کد رو برای بارگذاریش بذارید

 

<div class="flagwave"></div>

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
رفتن به فهرست موضوع ها
×
×
  • اضافه کردن...