Cum fac un buton pe forum si sa ma duca sus.

[-ExP[3R]TuL-]

Rezumarea primului mesaj :

Buna ziua !!
As dori sa pun un buton jos la forum si cand dai pe el sa te duca sus uitati o imagine si folosesc phpbb2 !!
https://2img.net/h/s27.postimg.cc/wjmybmncy/Untitled.jpg

[-ExP[3R]TuL-]

Daca nu ma ajuti nu ai ce sa posta in topic !!
Eu am facut acest topic sa ma ajute alti nu sa povestesc cu tine.
Multumesc !!
Up.

[-ExP[3R]TuL-]

up !!

[-ExP[3R]TuL-]

Inca mai astept !!

[-ExP[3R]TuL-]

Up e un buton )

[Vizitator]

Salut,
Intrati in overall_footer_begin si cautati:

Cod:


<div id="page-footer">


Inlocuiti cu:

Cod:


<div id="page-footer">
  <div align="center"><a href="#top"><img src="http://i56.servimg.com/u/f56/18/74/45/05/top10.png" alt="" /></a></div>


Adaugati urmatorul cod javascript, amplasare toate paginile:

Cod:


$(function() {
  $('a[href="#top"]').click(function(){
      $('html, body').animate({scrollTop:0}, 400);
        return false;
  });
});


Acum adaugati in foaia de stil CSS:

Cod:

 a[href="#top"] {
        width: 24px;
        height: 19px;
        line-height: 40px;
padding-top: 5px;
        display: inline-block;
        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
        text-align: center;
        border-radius: 16px;
        outline: 0px none;
    }

[-ExP[3R]TuL-]

Absolut nimica nu sa scimbat !!

[Vizitator]

Puteti posta overall_footer_begin ?

[-ExP[3R]TuL-]

Poftim:

Cod:

<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

[Vizitator]

Inlocuiti overall_footer_begin cu

Cod:


<!-- BEGIN html_validation -->
<div>
  <div>
      <table>
        <tbody>
            <tr>
              <td>
<!-- END html_validation -->
              </td>
              <td valign="top" width="{C3SIZE}">
              <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
              </div>
              </td>
            </tr>
        </tbody>
      </table>
  </div>
</div>
<!-- close div id="page-body" -->
 <div align="center"><a href="#top"><img src="http://i56.servimg.com/u/f56/18/74/45/05/top10.png" alt="" /></a></div>
  <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
  </div>
</div>
<!-- END html_validation -->


Nu uitati sa adaugati si codurile CSS si javascript postate mai sus.

[-ExP[3R]TuL-]

Mam razgandit unpic nu as putea pune o minipoza acolo si sa se duca in sus ? ca si in topicuri de ex la fg este imaginea asta

[Vizitator]

Inlocuiti overall_footer_begin cu:

Cod:



<!-- BEGIN html_validation -->
<div>
  <div>
      <table>
        <tbody>
            <tr>
              <td>
<!-- END html_validation -->
              </td>
              <td valign="top" width="{C3SIZE}">
              <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
              </div>
              </td>
            </tr>
        </tbody>
      </table>
  </div>
</div>
<!-- close div id="page-body" -->
 <div align="center"><div id="dailytop">^</div>
  <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
  </div>
</div>
<!-- END html_validation -->

Adaugati in foaia de stil CSS:

Cod:


#dailytop{
    bottom: 50px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 14px;
    opacity: 0.6;
    padding: 8px;
    position: fixed;
    text-align: center;
    z-index: 999;
    right: 30px;
    background-color : #000;
    border-radius : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    }
    #dailytop{
    opacity  : 0.9;
    }


Si adaugati acest cod javascript, amplasare toate paginile:

Cod:


      $(function() {
      $(window).scroll(function() {
          if($(this).scrollTop() != 0) {
            $('#dailytop').fadeIn();
        } else {
            $('#dailytop').fadeOut();
          }
      });
 
    $('#dailytop').click(function() {
          $('body,html').animate({scrollTop:0},500);
      });
  });


[-ExP[3R]TuL-]

Mersi Rezolvat!