JQUERY Duyuru Alanı (istek-yardım)

14.11.2011 22:57

Ogulcan (K)af(S)in(K)af Kullanıcı

Üyelik 28.01.2011
Yaş/Cinsiyet 30 / E
Meslek -
Konum İzmir

Ad Soyad O** T**
Mesajlar 2185
Beğeniler 165 / 388
Ticaret 13, (%100)

İşte sorun ordan kaynaklı :) O kod var, css kodu var.Ama acaba hangi js? Ve bunları bir wp temaya nasıl entegre edeceğim.

Ogulcann.com | SosyoKişisel Web Blogu

14.11.2011 22:57

#5

TemizDosyaNet Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2011
Yaş/Cinsiyet 33 / E
Meslek Öğrenci
Konum

Ad Soyad ** **
Mesajlar 134
Beğeniler 6 / 16
Ticaret 16, (%94)

biraz beklersen bu konuyla ilgilenicem :)

14.11.2011 22:58

#6

Ogulcan (K)af(S)in(K)af Kullanıcı

Üyelik 28.01.2011
Yaş/Cinsiyet 30 / E
Meslek -
Konum İzmir

Ad Soyad O** T**
Mesajlar 2185
Beğeniler 165 / 388
Ticaret 13, (%100)

TemizDosyaNet adlı üyeden alıntı

biraz beklersen bu konuyla ilgilenicem :)

Memnun olurum :)

Ogulcann.com | SosyoKişisel Web Blogu

14.11.2011 23:06

#7

BurakTurali Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 30.04.2011
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 740
Beğeniler 10 / 71
Ticaret 8, (%100)

Hocam js kodu bu olabilir.Diğer kod zaten arkadaş verdi.Bi deneyin.

Ek Olarak:

//====CUSTOMIZED JQUERY====//

$=jQuery.noConflict();

$(function() {
    
    $('.postLarge, .postSmall, .articlePost').each(function() {
        $('.loadit', this).removeClass('loadit');
        var identity = $(this).attr('id');
        if(!($.cookie("rate-"+identity+"") === "rated")) {
            $('.post-ratings img', this).click(function() {
                $(this).parent().parent().removeClass('rate').addClass('rated');
                $.cookie("rate-"+identity+"", "rated", { path: '/', expires: 365 });
            });
        }
        if($.cookie("rate-"+identity+"") === "rated") {
            if($('.postButton.rate', this).length > 0) {
                $('.postButton.rate', this).removeClass('rate').addClass('rated');
            }
            if($('#ratingLarge', this).length > 0) {
                $('#ratingLarge', this).removeClass('rate').addClass('rated');
            }
            var pr = $('.post-ratings img', this);
            pr.attr('title','You love it!');
            pr.removeAttr('onmouseover');
            pr.removeAttr('onmouseout');
            pr.removeAttr('onclick');
            pr.removeAttr('onclick');
            pr.removeAttr('onkeypress');
            pr.removeAttr('style');
        }
        
    });   
    
    var closeDate = new Date();
    var today = new Date();
    
    if(closeDate != null) {
    
        if($.cookie("WelcomeBar") === "closed") {
            $('#welcomeBar').css({display: 'none'});
        }
        else {
            $('#welcomeBar').css({display: 'block', marginTop: '0'});
            if(!($.browser.msie)) {
                $('#welcomeClose').css({opacity: 0.5});
                $('#welcomeClose').hover(function() {
                    $(this).stop().animate({opacity: 1}, 200);
                },function() {
                    $(this).stop().animate({opacity: 0.5}, 200);
                });
            }
        }
        
        if(closeDate < today) {
            $('#welcomeBar').css({display: 'none'});
        }
        
        $('#welcomeClose').click(function() {
            $('#welcomeBar').animate({marginTop: '-43px'}, 300);
            $.cookie("WelcomeBar", "closed", { path: '/' });
        });
        
    }

    $('.postThumbnail').each(function() {
    
        $('.thumbnailHover', this).css({opacity: 0, display: 'block'});
    
        $(this).hover(function() {
            $('.thumbnailHoverContent', this).stop().animate({opacity: 0.4}, 'fast');
            $('.thumbnailHoverArrow', this).stop().animate({opacity: 1}, 'fast');
            $('.thumbnailHover', this).stop().animate({opacity: 0.1}, 'fast');
        },function() {
            $('.thumbnailHoverContent', this).stop().animate({opacity: 0}, 'fast');
            $('.thumbnailHoverArrow', this).stop().animate({opacity: 0}, 'fast');
            $('.thumbnailHover', this).stop().animate({opacity: 0}, 'fast');
        });
        
    });
    
    if($('#share_buttons_wrapper').length > 0 ) {
    
        var top = $('#share_buttons_single_page').offset().top - parseFloat($('#share_buttons_single_page').css('margin-top').replace(/auto/, 0));

        $(window).scroll(function (event) {

            // what the y position of the scroll is

            var y = $(this).scrollTop();
            // whether that's below the form
            if (y >= top-20) {
                // if so, ad the fixed class
                $('#share_buttons_single_page').addClass('fixed');
            } else {
                // otherwise remove it
                $('#share_buttons_single_page').removeClass('fixed');
            }
        });
    
    }
    
    $('div.author').each(function() {
        
        if($('.blackTip', this).length > 0) {
        
            $width = $('.blackTip', this).width();
            $hw = -($width/2);
            
            $('.blackTip', this).css({marginLeft: $hw});
            
            $(this).hover(function() {
               $('.blackTip', this).css({display: 'block'}).stop().animate({opacity: 1}, 'fast');
            },function() {
                $('.blackTip', this).stop().animate({opacity: 0}, 'fast', function() {
                    $(this).css({display: 'none'});
                });
            });
            
        }
    
    });
    
    if($('#expand').length > 0 ) {
    
        $('#expand').toggle(function(e) {
        
            e.preventDefault();
            
            $('.ddArrow', this).html('▲');

            $('#authorBio').addClass('show');

        },function() {
        
            $('.ddArrow', this).html('▼');
            
            $('#authorBio').removeClass('show');
                    
        });
        
    }
    
    var $color1 = '#97b62c';
    var $color2 = '#ebd077';
    var $color3 = '#d95b44';
    var $color4 = '#c12942';
    var $color5 = '#45494c';
    
    $('#rated ul li:nth-child(1) .score').css({backgroundColor: $color1, borderColor: $color1});
    $('#rated ul li:nth-child(2) .score').css({backgroundColor: $color2, borderColor: $color2});
    $('#rated ul li:nth-child(3) .score').css({backgroundColor: $color3, borderColor: $color3});
    $('#rated ul li:nth-child(4) .score').css({backgroundColor: $color4, borderColor: $color4});
    $('#rated ul li:nth-child(5) .score').css({backgroundColor: $color5, borderColor: $color5});
    
    
    $('#popular ul li').each(function() {
        $(this).hover(function() {
            $('a span', this).stop().animate({marginLeft: 0}, 200);
        },function() {
            $('a span', this).stop().animate({marginLeft: '-52px'}, 100);
        });
    });
    
});



$(function() {

    if(!($.browser.msie && $.browser.version < 9)) {
        
        $('.writer, .dlit').bind('click', function(e) {
        
            var $thisa = $(this);
            
            var $this = $(this).attr('href');

            if($(this).hasClass('writer')) {
                var source = 'http://thefinishedbox.com/writer.html';
                var subscribe = null;
            }
                        
            if($(this).hasClass('dlit')) {
                var source = 'http://thefinishedbox.com/subscribe.html';
                var subscribe = 'lb-subscribe';
            }
            
            if($(this).hasClass('writer') || $.cookie("Subscribed") != "testing") {    
            
                e.preventDefault();
            
                if($('#overlay').length < 1) {
                
                    $('#wrapper').append('

');
                    $('#overlay').css({opacity: 0});
                    $('#overlay').animate({opacity: 0.38}, 500, function() {
                        //after the overlay fades in
                        $('#wrapper').append('

');
                                        
                        $('#lightBoxOuter').css({opacity: 0});
                        $('#lightBoxOuter').append('


');
                            $('#innerContent').css({opacity: 0});
                            $('.lightBoxLoader').css({opacity:0, display: 'block'});
                            $('.lightBoxLoader').animate({opacity: 1}, 200, function() {
                                $('#innerContent').load(source, function() {
                                
                                    $('.loadLoader').remove();
                                    var width = $('#lightBoxOuter').outerWidth(); var height = $('#lightBoxOuter').outerHeight();
                                    var halfw = -(width/2); var halfh = -(height/2);
                                    $('#lightBoxOuter').css({marginTop: halfh, marginLeft: halfw});
                                    
                                    $('#lightBoxOuter').animate({opacity: 1}, 300, function() {
                                        
                                        if(subscribe === 'lb-subscribe') { $('#innerContent').addClass(subscribe); }
                                        
                                        if($thisa.hasClass('dltut')) {
                                            $('#lightBoxTitle').text("Don't miss another Tutorial!");
                                        }
                                        
                                        var innerWidth = $('#innerContent').outerWidth(); var innerWidthHalf = -(innerWidth/2);
                                        var innerHeight = $('#innerContent').outerHeight(); var innerHeightHalf = -(innerHeight/2);
                                        
                                        $('#lightBox').animate({width: innerWidth}, 300);
                                        $('#lightBoxOuter').animate({marginLeft: innerWidthHalf}, 300, function() {
                                            $('#loader').animate({opacity: 0}, 200, function() {
                                                $(this).remove();
                                            });
                                            $('#lightBox').animate({height: innerHeight}, 300);
                                            $('#lightBoxOuter').animate({marginTop: innerHeightHalf}, 300, function() {
                                                $('#innerContent').append('

');
                                                $('#lightBoxClose').css({opacity:0, display: 'block'});
                                                $('#lightBoxClose').animate({opacity:0.5});
                                                $('#innerContent').css({display: 'block'}).animate({opacity: 1}, 300, function() {
                                                    if(subscribe === 'lb-subscribe') {
                                                        window.location.href = $this;
                                                    }
                                                });
                                            });
                                        });
                                    });
                                });
                            });

                    });
                    
                    //overlay close function
                    $('#overlay, #lightBoxClose').live('click', function() {
                        $('#lightBoxOuter').animate({opacity: 0}, 250, function() {
                            $(this).remove();
                        });
                        $('#overlay').animate({opacity: 0}, 400, function() {
                            $(this).remove();
                        });
                    });
                    
                    $('#lightBoxClose').live('mouseenter', function() {
                        $(this).stop().animate({opacity: 1}, 300);
                    }).live('mouseleave', function() {
                        $(this).stop().animate({opacity: 0.5}, 300);
                    });
                    
                    
                    $('#alreadySubscribed a').live('click', function(i) {
                        i.preventDefault();
                        $('#lightBoxOuter').animate({opacity: 0}, 250, function() {
                            $(this).remove();
                        });
                        $('#overlay').animate({opacity: 0}, 400, function() {
                            $(this).remove();
                        });
                        $.cookie("Subscribed", "true", { path: '/', expires: 365});
                    });
                    
                }
                
            }
            
        });
    }
    
});

14.11.2011 23:08

#8

Ogulcan (K)af(S)in(K)af Kullanıcı

Üyelik 28.01.2011
Yaş/Cinsiyet 30 / E
Meslek -
Konum İzmir

Ad Soyad O** T**
Mesajlar 2185
Beğeniler 165 / 388
Ticaret 13, (%100)

Gelişmiş'e basıp

ile etiketlersen kod olarak yazmış olursun :)

Ek Olarak:

Burak Turalı adlı üyeden alıntı

Hocam buraya kod şeklinde nası yazı yazıcam :D

Ek Olarak:

//====CUSTOMIZED JQUERY====//



$=jQuery.noConflict();



$(function() {

    

    $('.postLarge, .postSmall, .articlePost').each(function() {

        $('.loadit', this).removeClass('loadit');

        var identity = $(this).attr('id');

        if(!($.cookie("rate-"+identity+"") === "rated")) {

            $('.post-ratings img', this).click(function() {

                $(this).parent().parent().removeClass('rate').addClass('rated');

                $.cookie("rate-"+identity+"", "rated", { path: '/', expires: 365 });

            });

        }

        if($.cookie("rate-"+identity+"") === "rated") {

            if($('.postButton.rate', this).length > 0) {

                $('.postButton.rate', this).removeClass('rate').addClass('rated');

            }

            if($('#ratingLarge', this).length > 0) {

                $('#ratingLarge', this).removeClass('rate').addClass('rated');

            }

            var pr = $('.post-ratings img', this);

            pr.attr('title','You love it!');

            pr.removeAttr('onmouseover');

            pr.removeAttr('onmouseout');

            pr.removeAttr('onclick');

            pr.removeAttr('onclick');

            pr.removeAttr('onkeypress');

            pr.removeAttr('style');

        }

        

    });   

    

    var closeDate = new Date();

    var today = new Date();

    

    if(closeDate != null) {

    

        if($.cookie("WelcomeBar") === "closed") {

            $('#welcomeBar').css({display: 'none'});

        }

        else {

            $('#welcomeBar').css({display: 'block', marginTop: '0'});

            if(!($.browser.msie)) {

                $('#welcomeClose').css({opacity: 0.5});

                $('#welcomeClose').hover(function() {

                    $(this).stop().animate({opacity: 1}, 200);

                },function() {

                    $(this).stop().animate({opacity: 0.5}, 200);

                });

            }

        }

        

        if(closeDate < today) {

            $('#welcomeBar').css({display: 'none'});

        }

        

        $('#welcomeClose').click(function() {

            $('#welcomeBar').animate({marginTop: '-43px'}, 300);

            $.cookie("WelcomeBar", "closed", { path: '/' });

        });

        

    }



    $('.postThumbnail').each(function() {

    

        $('.thumbnailHover', this).css({opacity: 0, display: 'block'});

    

        $(this).hover(function() {

            $('.thumbnailHoverContent', this).stop().animate({opacity: 0.4}, 'fast');

            $('.thumbnailHoverArrow', this).stop().animate({opacity: 1}, 'fast');

            $('.thumbnailHover', this).stop().animate({opacity: 0.1}, 'fast');

        },function() {

            $('.thumbnailHoverContent', this).stop().animate({opacity: 0}, 'fast');

            $('.thumbnailHoverArrow', this).stop().animate({opacity: 0}, 'fast');

            $('.thumbnailHover', this).stop().animate({opacity: 0}, 'fast');

        });

        

    });

    

    if($('#share_buttons_wrapper').length > 0 ) {

    

        var top = $('#share_buttons_single_page').offset().top - parseFloat($('#share_buttons_single_page').css('margin-top').replace(/auto/, 0));



        $(window).scroll(function (event) {



            // what the y position of the scroll is



            var y = $(this).scrollTop();

            // whether that's below the form

            if (y >= top-20) {

                // if so, ad the fixed class

                $('#share_buttons_single_page').addClass('fixed');

            } else {

                // otherwise remove it

                $('#share_buttons_single_page').removeClass('fixed');

            }

        });

    

    }

    

    $('div.author').each(function() {

        

        if($('.blackTip', this).length > 0) {

        

            $width = $('.blackTip', this).width();

            $hw = -($width/2);

            

            $('.blackTip', this).css({marginLeft: $hw});

            

            $(this).hover(function() {

               $('.blackTip', this).css({display: 'block'}).stop().animate({opacity: 1}, 'fast');

            },function() {

                $('.blackTip', this).stop().animate({opacity: 0}, 'fast', function() {

                    $(this).css({display: 'none'});

                });

            });

            

        }

    

    });

    

    if($('#expand').length > 0 ) {

    

        $('#expand').toggle(function(e) {

        

            e.preventDefault();

            

            $('.ddArrow', this).html('▲');



            $('#authorBio').addClass('show');



        },function() {

        

            $('.ddArrow', this).html('▼');

            

            $('#authorBio').removeClass('show');

                    

        });

        

    }

    

    var $color1 = '#97b62c';

    var $color2 = '#ebd077';

    var $color3 = '#d95b44';

    var $color4 = '#c12942';

    var $color5 = '#45494c';

    

    $('#rated ul li:nth-child(1) .score').css({backgroundColor: $color1, borderColor: $color1});

    $('#rated ul li:nth-child(2) .score').css({backgroundColor: $color2, borderColor: $color2});

    $('#rated ul li:nth-child(3) .score').css({backgroundColor: $color3, borderColor: $color3});

    $('#rated ul li:nth-child(4) .score').css({backgroundColor: $color4, borderColor: $color4});

    $('#rated ul li:nth-child(5) .score').css({backgroundColor: $color5, borderColor: $color5});

    

    

    $('#popular ul li').each(function() {

        $(this).hover(function() {

            $('a span', this).stop().animate({marginLeft: 0}, 200);

        },function() {

            $('a span', this).stop().animate({marginLeft: '-52px'}, 100);

        });

    });

    

});







$(function() {



    if(!($.browser.msie && $.browser.version < 9)) {

        

        $('.writer, .dlit').bind('click', function(e) {

        

            var $thisa = $(this);

            

            var $this = $(this).attr('href');



            if($(this).hasClass('writer')) {

                var source = 'http://thefinishedbox.com/writer.html';

                var subscribe = null;

            }

                        

            if($(this).hasClass('dlit')) {

                var source = 'http://thefinishedbox.com/subscribe.html';

                var subscribe = 'lb-subscribe';

            }

            

            if($(this).hasClass('writer') || $.cookie("Subscribed") != "testing") {    

            

                e.preventDefault();

            

                if($('#overlay').length < 1) {

                

                    $('#wrapper').append('

');

                    $('#overlay').css({opacity: 0});

                    $('#overlay').animate({opacity: 0.38}, 500, function() {

                        //after the overlay fades in

                        $('#wrapper').append('

');

                                        

                        $('#lightBoxOuter').css({opacity: 0});

                        $('#lightBoxOuter').append('

');

                            $('#innerContent').css({opacity: 0});

                            $('.lightBoxLoader').css({opacity:0, display: 'block'});

                            $('.lightBoxLoader').animate({opacity: 1}, 200, function() {

                                $('#innerContent').load(source, function() {

                                

                                    $('.loadLoader').remove();

                                    var width = $('#lightBoxOuter').outerWidth(); var height = $('#lightBoxOuter').outerHeight();

                                    var halfw = -(width/2); var halfh = -(height/2);

                                    $('#lightBoxOuter').css({marginTop: halfh, marginLeft: halfw});

                                    

                                    $('#lightBoxOuter').animate({opacity: 1}, 300, function() {

                                        

                                        if(subscribe === 'lb-subscribe') { $('#innerContent').addClass(subscribe); }

                                        

                                        if($thisa.hasClass('dltut')) {

                                            $('#lightBoxTitle').text("Don't miss another Tutorial!");

                                        }

                                        

                                        var innerWidth = $('#innerContent').outerWidth(); var innerWidthHalf = -(innerWidth/2);

                                        var innerHeight = $('#innerContent').outerHeight(); var innerHeightHalf = -(innerHeight/2);

                                        

                                        $('#lightBox').animate({width: innerWidth}, 300);

                                        $('#lightBoxOuter').animate({marginLeft: innerWidthHalf}, 300, function() {

                                            $('#loader').animate({opacity: 0}, 200, function() {

                                                $(this).remove();

                                            });

                                            $('#lightBox').animate({height: innerHeight}, 300);

                                            $('#lightBoxOuter').animate({marginTop: innerHeightHalf}, 300, function() {

                                                $('#innerContent').append('

');

                                                $('#lightBoxClose').css({opacity:0, display: 'block'});

                                                $('#lightBoxClose').animate({opacity:0.5});

                                                $('#innerContent').css({display: 'block'}).animate({opacity: 1}, 300, function() {

                                                    if(subscribe === 'lb-subscribe') {

                                                        window.location.href = $this;

                                                    }

                                                });

                                            });

                                        });

                                    });

                                });

                            });



                    });

                    

                    //overlay close function

                    $('#overlay, #lightBoxClose').live('click', function() {

                        $('#lightBoxOuter').animate({opacity: 0}, 250, function() {

                            $(this).remove();

                        });

                        $('#overlay').animate({opacity: 0}, 400, function() {

                            $(this).remove();

                        });

                    });

                    

                    $('#lightBoxClose').live('mouseenter', function() {

                        $(this).stop().animate({opacity: 1}, 300);

                    }).live('mouseleave', function() {

                        $(this).stop().animate({opacity: 0.5}, 300);

                    });

                    

                    

                    $('#alreadySubscribed a').live('click', function(i) {

                        i.preventDefault();

                        $('#lightBoxOuter').animate({opacity: 0}, 250, function() {

                            $(this).remove();

                        });

                        $('#overlay').animate({opacity: 0}, 400, function() {

                            $(this).remove();

                        });

                        $.cookie("Subscribed", "true", { path: '/', expires: 365});

                    });

                    

                }

                

            }

            

        });

    }

    

});

Bunu nasıl entegre edeceğiz peki ? :D

Ogulcann.com | SosyoKişisel Web Blogu

14.11.2011 23:11

#9

BurakTurali Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 30.04.2011
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 740
Beğeniler 10 / 71
Ticaret 8, (%100)

Hocam önce dreamweaverde bi çalışıp çalışmadığını kontrol edin ondan sonra entegre işinde yardımcı olacak arkadaşlarımız vardır :) Bide css olmadığından renksiz düz birşey olabilir :)

14.11.2011 23:16

#10

TemizDosyaNet Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2011
Yaş/Cinsiyet 33 / E
Meslek Öğrenci
Konum

Ad Soyad ** **
Mesajlar 134
Beğeniler 6 / 16
Ticaret 16, (%94)

Jquery Duyuru için Tıkla bakalım :)

1 kişi bu mesajı beğendi.

Jquery ile yapılan tooltip xml veri çekebilirmiyim.

Sitenize Welcome Mesajı jQuery

Konuyu toplam 9 kişi okuyor. (0 kullanıcı ve 9 misafir)

Site Ayarları

Tema Seçeneği
Site Sesleri
Bildirimler
Özel Mesaj Al

Üye Girişi Yap

Kullanıcı bilgileriniz ile üye girişi yapabilirsiniz.

Telefon numaranız

Şifreniz

Sonraki girişlerimde beni hatırla.