بسم الله الرحمن الرحیم

انجمن های تخصصی کدباکس

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

امروز سه شنبه 20 نوامبر 18, 7:57 pm



مبحث جدیدپاسخ

 [ 1 پست ] 
نويسنده پيغام
پستارسال شده در: شنبه 13 فبريه 16, 7:17 pm 
نماد کاربر

پست ها : 371
محل سکونت: فارس
سپاسگذاری کرده: 41 بار
سپاس دریافتی: 576 بار
سلام. این مبحث آموزش اضافه کردن کلید یا دکمه ی مخفی به پوسته هست.
در ابتدا در فایل سی اس اس خود کد زیر رو وارد کنید
کد:
.ghost-button {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button:hover,
.ghost-button:active {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}


سپس در هرکجای قالب میتوانید از استاید ghost-button استفاده کنید
بدین صورت
کد:
<a href="http://example.com/downloads/" class="ghost-button">Download Now</a>


ظاهر این کلید در حالت عادی مخفی هست و وقتی موس به روی اون میره چند صدم ثانیه طول میکشه تا بک گراند و بوردر بگیره.

امیدوارم از استفاده ی این حالت در قالب سایت یا وبلاگتون لذت ببرید.


نمايش پست ها از پيشين:  مرتب سازي بر اساس  

مبحث جدیدپاسخ

 [ 1 پست ] 


مباحث مرتبط

 مباحث   نويسنده   پاسخ ها   بازديدها   آخرين پست 
موضوع ناخوانده دیگری در این انجمن موجود نیست. آموزش اضافه کردن سایت در iis 7

Hoseyn

0

3846

جمعه 12 ژوئن 15, 8:03 am

Hoseyn نمایش آخرین ارسال

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

Hoseyn

0

2958

چهارشنبه 02 سپتامبر 15, 5:42 am

Hoseyn نمایش آخرین ارسال

موضوع ناخوانده دیگری در این انجمن موجود نیست. پنهان کردن محتویات uploads وردپرس

Hoseyn

0

2738

چهارشنبه 08 جولاي 15, 12:37 pm

Hoseyn نمایش آخرین ارسال

موضوع ناخوانده دیگری در این انجمن موجود نیست. نوآوری در طراحی کردن لوگو “به وسیله پنهان سازی در محیط نگاتی

sheyda69

2

3057

چهارشنبه 05 آپريل 17, 8:40 am

ratinco نمایش آخرین ارسال

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

Hoseyn

0

3373

سه شنبه 01 سپتامبر 15, 4:08 pm

Hoseyn نمایش آخرین ارسال

 


چه کسي حاضر است ؟

کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 36 مهمان


شما نمي توانيد مبحث جديدي در اين انجمن ايجاد کنيد
شما نمي توانيد به مباحث در اين انجمن پاسخ دهيد
شما نمي توانيد پست هاي خود را در اين انجمن ويرايش کنيد
شما نمي توانيد پست هاي خود را در اين انجمن حذف کنيد
شما نمي توانيد فايل هاي پيوست در اين انجمن ارسال کنيد
cron



بخش ها