PHP | HTML | CSS | PS | JS | WP | AJAX

24 Nisan 2015 Cuma

owl carousel kullanımı

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Carousel</title>
    <link rel="stylesheet" href="owl.carousel.css">
    <link rel="stylesheet" href="owl.theme.css">
    <link rel="stylesheet" href="style.css">

21 Nisan 2015 Salı

Spotlight Yapımı Jquery

    <link rel="stylesheet" href="style.css">
    <script src="jquery.min.js"></script>
    <script src="js.js"></script>

<div class="kutu">
        Kutucuk
        <div class="tooltip">Buraa Dikkat</div>
    </div>
---------------

Canvas Resim Döndürme

<body>
    <canvas width="1280" height="720" id="canvas"> </canvas>
    <script>
      var resim = new Image();
      resim.src= "r.png";

NiceScroll.js

    <script src="jquery.nicescroll.js"></script>
    <script>
        $(document).ready(
        function() {
           $("html").niceScroll();
           $(".deneme").niceScroll();
        }
        );
    </script>

--------------
nicescroll.js
http://areaaperta.com/nicescroll/
https://github.com/inuyaksa/jquery.nicescroll

Circle ProgressBar

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Circle Progress Bar</title>
    <script src="jquery.min.js"></script>
    <script src="rotater.js"></script>

Jquery Fixed header

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

        $(window).on('load scroll', headerFixed);
        function headerFixed() {
            var scrollTop = $(window).scrollTop();
            if (scrollTop > 130) {
                $(".menu").addClass('fixed');
            }else{
                $(".menu").removeClass('fixed');
            }
        }
    </script>

8 Nisan 2015 Çarşamba

Siteyi Responsive Çevirme

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

}

/*Mobil Menü İçin*/
jQuery(document).ready(function($) {
var a=0;
    $(".menu-mobil").click(function(){

        if(a == 0){
            $(this).text("KAPAT");
            a++;
        }else{
            $(this).text("MENÜ");
            a=0;
        }
        $("#categories").toggle();
    });

});

Kaydol: Kayıtlar (Atom)