کلید بسیار زیبای فلت

در این پست از وب سایت یک لرن برای شما یک کلید فلت بسیار زیبا اماده کرده ایم که قطعا در طراحی های وب به شما کمک خواهد کرد , آموزش کامل ساخت این کلید به زودی در یک لرن قرار خواهد گرفت
هم اکنون میتوانید پیش نمایش را مشاهده کنید و برای دریافت کد و راهنمایی های بیشتر به ادامه مراجعه نمایید …

پیش نمایش

کلید بسیار زیبای فلت

قبلا چند نمونه کلید بسیار حرفه ای در یک لرن قرار گرفته بود که از نمونه های آن میتوان به این و این اشاره کرد

برای استفاده از این کلید شما باید ایتدا این تکه کد را قبل از </head>در ویرایش قالب خود  قرار دهید و در صورتی که دوست دارید این کد را ویرایش کنید میتوانید از راهنمایی های زیر استفاده کنید
1- برای کاهش یا افزایش فاصله داخلی متن میتوانید مقدار موجود در خط 9 را ویرایش کنید
2- برای تغییر سایز متن میتوانید مقدار موجود در خط 10 را ویرایش کنید
3- در خط 11 میتوانید رنگ متن کلید را تغییر دهید
4- رنگ پشت زمینه کلید را میتوانید در خط 13 تغییر دهید
5- برای تغییر رنگ دور پایین باید کد رنگ موجود در خط 15 را تغییر دهید فراموش نکنید همان کد رنگ را که در خط 15 قرار دادید باید همان را در خط  17 و 18 نیز قرار دهید
6- برای تغییر فونت متن میتوانید فونت مورد نظر خود را در خط 19 وارد کنید
<script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script>
<style>
/*
1learn.ir
Mohammad mahdi mahmoodi
*/
.button1-1learn {
  position:relative;
  padding:10px;
  font-size: 22px;
  color: white;
  text-align: center;
  background: #f1c40f;
  border: 0;
  border-bottom: 2px solid #e2b607;
  cursor: pointer;
  box-shadow: inset 0 -3px #e2b607;
  -webkit-box-shadow: inset 0 -3px #e2b607;
  font-family:"b yekan" , b yekan , tahoma;
  margin-top:5px;
}
.button1-1learn:active {
  top: 1px;
  outline:dashed;
  -webkit-box-shadow: none;
  box-shadow: none;
}
</style>
حال برای آنکه این کلید را در صفحه وب خود به کار ببرید راه های زیادی وجود دارد که به سه راه اشاره میکنیم
اولین راه این است که کد زیر را در هر مکان از وب خود که میخواهید قرار دهید و و متنی که میخواهید روی کلید ظاهر شود را جایگزین متن فعلی کنید
<input type="button" value="یک لرن" class="button1-1learn">
و راه دوم نیز مشابه راه قبلی است و شما باید در هر مکان دوست دارید قرار دهید و سپس متن فارسی کلید را در کد تغییر دهید
<button class="button1-1learn">یک لرن</button>
و اما راه سوم که کاربرد مهم آن لینک دادن به کلید با استفاده از تگ a هست .
ابتدا کد زیر را در هر مکان که دوست میدارید قرار دهید و سپس به جای لینک یک لرن, لینکی را که میخواهید پس از کلیک به آن جا ارجاع داده شوید وارد کنید و همچنین به جای متن فارسی موجود, متن خود را وارد کنید.
<a style="text-decoration:none;" href="http://1learn.ir" class="button1-1learn">یک لرن</a>

فرادرس

برچسب ها : ، ، ، ، ، ، ، ، ،