بانک کد

  • کدهای کاربردی : دکمه دانلود ساخته شده با سی اس اس Pure CSS Animated Download Button

    کدهای کاربردی : دکمه دانلود ساخته شده با سی اس اس Pure CSS Animated Download Button

    در بیشتر وبسایت هایی که فایل برای دانلود کاربران قرار میدن ، برخی از دکمه های تصویری استفاده میکنند که البته با توجه به اهمیت پیدا کردن سرعت لود صفحه توسط کاربر ، استفاده از تصاویر بیشتر ، سرعت لود صفحه رو بالاتر میبره ! برای جلوگیری از این امر بهت...
  • کدهای کاربردی : فرم ورود ساخته شده با html و css

    کدهای کاربردی : باکس لاگین حرفه ای

    کد HTML : کد PHP: <div class="login"> <div class="login-triangle"></div> <h2 class="login-header">Log in</h2> <form class="login-container"> <p><input type="email&
  • بنر تبلیغاتی متنی ساخته شده با html5

    ایجاد متن تبلیغاتی با HTML5

    کد HTML : کد PHP: <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code
  • دکمه ساخته شده با html و css با افکت جالب و منوهای تودرتو

    ایجاد دکمه دانلود حرفه ای با افکت جالب

    کد HTML : کد PHP: <a class="download" href="#platforms"></a><div class="platforms" id="platforms"> <a href="#windows" data-os="windows"></a> <a href="#mac&
  • اسلایدر ساده و کاربردی با سی اس اس css

    اسلایدر ساده با CSS

    کد HTML : کد PHP: <div align="center" class="fond"> <div class="contener_slideshow"> <div class="contener_slide"> <div class="slid_1"><img src="https://s3-us-west-2.amazon
  • تغییر رنگ متن انتخاب شده در مرورگرهای فایرفاکس و سافاری

    تغییر رنگ متن انتخاب شده

    کد : کد PHP: /* Mozilla based browsers */::-moz-selection { background-color: #FFA; color: #000;}/* Works in Safari */::selection { background-color: #FFA; color: #000;} حتما بخوانید :آموزش دادن سایه به متن در سی اس اس
  • ایجاد روبان گوشه ای با css

    روبان گوشه ای

    کد html : کد: <div class="wrapper"> <div class="ribbon-wrapper-green"><div class="ribbon-green">NEWS</div></div> </div> کد css : کد: .wrapper { margin: 50px auto; width: 280px; he
  • accessibility/seo friendly css hiding

    راهی بهتر برای مخفی کردن که از نظر سئو بهتر است

    در صورتی که میخواهید آیتمی را مخفی کنید ، از کد زیر استفاده کنید : کد: #content { position: absolute; top: -9999px; left: -9999px; } کد بالا ، آیتم با آیدی content را مخفی میکند ; بدون اینکه صفحه را بهم بریزد یا باعث ایجاد اسکرول در صفحه بشود...
  • کد اضافه کردن به علاقه مندی ها در مرورگر internet explorer

    اضافه کردن به علاقه مندی ها در IE

    کد: <a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.innerHTML);">به علاقه مندی ها اضافه کن !</a> در کد بالا ، به جای site.com آدرس مورد نظرتون رو جایگزین بکنید .



برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :