www.moisrex.rozblog.com
این استایل (style) زیبا به باکس یا دکمه ها و ... شما رنگ و جلای خاصی می بخشد.
این کد با استفاده از سی اس اس (CSS) ساخته شده است و در آن هیچ عکسی به کار نرفته است.
این استایل در کد های css استفاده می شود و کسی که کدنویسی را کمی بلد باشد می تواند به راحتی از آن استفاده کند.
شما برای استفاده از این کد می بایست اول کد زیر را در head قالب خود قرار دهید (و یا این که آن را به صورت کد css در فایل css بگذارید):
و بعد برای هر باکس یا دکمه یا ... ای که می خواهید این استایل را داشته باشد از class (کلاس) moisrex-btn1 استفاده کنید:
<button class="moisrex-btn1"> کدستان </button>
برای استفاده این استایل در فایل css صفحه خود می توانید از کد زیر که در واقع همان کد بالاست کمک بگیرید:
.moisrex-btn1{
color:#fff;
background:#4cf;
background:-o-linear-gradient(top, #4cf 0%, #2ae 100%);
background:-webkit-linear-gradient(top, #4cf 0%, #2ae 100%);
background:-ms-linear-gradient(top, #4cf 0%, #2ae 100%);
background:-moz-linear-gradient(top, #4cf 0%, #2ae 100%);
background:linear-gradient(to bottom, #4cf 0%, #2ae 100%);
text-shadow:#29a3cc 0 1px 3px;
-moz-text-shadow:#29a3cc 0 1px 3px;
-o-text-shadow:#29a3cc 0 1px 3px;
-webkit-text-shadow:#29a3cc 0 1px 3px;
-khtml-text-shadow:#29a3cc 0 1px 3px;
-webkit-box-shadow:inset 0 1px 0 #3bf,inset 0 2px 0 #7df,0 1px 3px #777,0 0px 1px #ccc;
-moz-box-shadow:inset 0 1px 0 #3bf,inset 0 2px 0 #7df,0 1px 3px #777,0 0px 1px #ccc;
-ms-box-shodow:inset 0 1px 0 #3bf,inset 0 2px 0 #7df,0 1px 3px #777,0 0px 1px #ccc;
-o-box-shadow:inset 0 1px 0 #3bf,inset 0 2px 0 #7df,0 1px 3px #777,0 0px 1px #ccc;
box-shadow:inset 0 1px 0 #3bf,inset 0 2px 0 #7df,0 1px 3px #777,0 0px 1px #ccc;
-khtml-box-shadow:inset 0 1px 0 #3bf,inset 0 2px 0 #7df,0 1px 3px #777,0 0px 1px #ccc;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
border:1px #ccc solid;
padding:5px;
margin:3px;
font:12px tahoma;
direction:rtl;
}
داخل انجمن بگو تا برات درستش کنم.( قالبت رو هم بذار)
اقبال