Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

استایل جالب برای دکمه ها و یا باکس های دیگر (بدون استفاده از عکس)




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;
}

 

این دکمه رو میشه به عنوان دکمه پیش فرض ورود، ارسال نظر و...(دکمه های توی وبلاگ) استفاده کرد؟ چطوری؟
پاسخ : بله میشه.
داخل انجمن بگو تا برات درستش کنم.( قالبت رو هم بذار)
من که نفهمیدم یه دمو بگذارید لطفا تا بریم از تو سورسش منظورتون رو بفهمیم
اقبال
پاسخ : باکس به اون گندگی در اندازه های 175 در 125 اون بالا که داخلش آدرس سایت هست دمو هست دیگه ...

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36491
افراد آنلاین : 5
بازدید امروز : 610
بازدید دیروز : 1,059
گوگل امروز : 84
گوگل دیروز : 157
بازدید هفته : 6,810
بازدید ماه : 24,330
بازدید سال : 75,396
بازدید کلی : 10,469,872