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

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

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

امروز يکشنبه 27 مه 18, 1:15 am



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

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

پست ها : 370
محل سکونت: فارس
سپاسگذاری کرده: 40 بار
سپاس دریافتی: 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

3351

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

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

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

Hoseyn

0

2466

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

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

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

Hoseyn

0

2318

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

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

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

sheyda69

2

2606

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

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

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

Hoseyn

0

2822

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

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

 


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

کاربران حاضر در اين انجمن: Google [Bot] و 5 مهمان


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



بخش ها