بایگانی آموزش ها

آموزش اضافه کردن کد بالا بر به صفحه وبلاگ

برای اینکه تو صفحه وبلاگتون یه آیکون بالا داشته باشید، کافیه این کد هارو تو جاهایی که میگم جایگذاری کنید.

این کد رو انتهای تگ body یعنی قبل از </body> قرار بدید :

  <a href="#" class="back-to-top"></a>

و همچنین کد مربوط به استایل بالابر رو داخل تگ style یعنی قبل از </style> قرار بدید :

      
      .back-to-top {
    position: fixed;
    bottom: 20px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    transition: all 0.3s ease;
    z-index: 1000;
    background-image: url(https://s33.uupload.ir/files/iweiu/gif/need/gurba.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.back-to-top:hover {
    transform: scale(1.1);
}
      .back-to-top {
    left: auto;
    right: 20px;
}
      

* اگه دوستداشتید عکس آیکون رو تغییر بدید کافیه بجای لینکی که توی () قرار داره، لینک مستقیم عکس دلخواهتونو قرار بدید.

background-image: url(https://s33.uupload.ir/files/iweiu/gif/need/gurba.gif);

اگه سوالی، پیشنهادی، درخواستی داشتید بگید اگه بتونم راجبش حتما پست میزارم یا راهنماییتون میکنم^^