Scurtă descriere


Site-ul artweber oferă resurse pentru PhotoShop cum ar fi psd-uri ( Bannere , Logo , Avatare , și coperte pentru Facebook , YouTube ) Iar pentru a-ți realiza propriile creații oferim resurse PhotoShop ( Font-uri , Gradient-uri , Wallpapere , Stil-uri și multe altele ) și pentru site-uri oferim diferite Script-uri , Index-uri.

441
Resurse
1259
Utilizatori
61
Comentarii
Zile online

Forumul ArtWeber Cerere Lucrare Inregistreaza-te Resurse Premium Cum să Downloadez
Meniu
5 Resurse întâmplătoare
    33

    Font - UStroke..

    218

    Script - Numărul..

    65

    STYLES - EFECT 3D..

    72

    Resurse - GFX..

    505

    Font - Peace Sans..

Tutoriale
    766

    Cum faci redirect HTTP la HTTPS

    261

    Zăpadă cu ajutorul CSS3 animație

    646

    Cum se instaleaza noi stiluri in Photoshop

    494

    Două tonuri Photoshop Tutorial

    421

    Cum se instaleaza noi Pensule in Photoshop

Iti place ceea ce facem
Da
Nu
Nu-ma intereseaza
Parteneri
Rețele sociale

Cine este conectat

Total online: 1
Utilizatori: 0
Oaspeţii: 1

Premium
Fii și tu mai deosebit

0

2 variante de buton Back to top

2 variante de buton Back to top


Primul variat este cel mai simplu, doar adaugi după tagul
<body>
asta
<script src="https://artweber.ro/diverse/arttop.js"></script>

Dacă nu va funcţiona înseamnă că nu aveţi jQuery, adăugaţi asta după tagul
<body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Gata cu primul variant

Al 2-a variant este un pic mai complicat
Primul pas trebuie să ai instalat FontAwesome dacă nu îl ai instalat faceţi următorul pas.
Adaugă în tagurile
<head></head>
asta
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

Acuma după tagul
<body>
asta
<div id="go-top"><i class="fa fa-arrow-up" aria-hidden="true"></i>Sus</div>
<script type="text/javascript">
  $(document).ready(function(){
    $("#go-top").hide();
    $(function () {
      $(window).scroll(function () {
        if ($(this).scrollTop() > 350) {
          $('#go-top').fadeIn();
        } else {
          $('#go-top').fadeOut();
        }
      });
      $('#go-top').click(function () {
        $('body,html').animate({
          scrollTop: 0
        }, 1000);
        return false;
      });
    });
  });
</script>

Acuma aveţi nevoie de css, adăugaţi în orice css instalat pe situl tău
#go-top {
    position: fixed;
    font-family: "Exo 2";
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 0px 15px 0px #777777;
    bottom: 25px;
    right: 25px;
    cursor: pointer;
    width: 70px;
    height: 30px;
    background: #2781aa;
    border-radius: 5px;
    z-index: 999;
}
#go-top i {
   padding-right: 5px;
   font-size: 13px;
}
#go-top:hover {
    background: #fff;
    transition: 0.5s;
    color: #2781aa;
}

Aici este fontul
font-family: "Exo 2";
în loc de Exo 2 poți pune ori care font , sau adăugați în tagurile
<head></head>
asta
<link href="https://fonts.googleapis.com/css?family=Exo+2:300&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css">
dle

Link direct:
BB-code link:
HTML link:

Stimate vizitator, esti pe site ca utilizator neînregistrat.
Vă recomandăm să vă Înregistrați.
informație
Ai vrea sa lasi un comentariu? Conectați-vă la contul dvs. pentru a lăsa comentarii. Nu ai cont? Aveți posibilitatea să creați un cont gratuit acum.