• 20-08-2010, 12:43:53
    #1
    Üyeliği durduruldu
    Merhaba.

    WordPress'te kullanıldığı genelde çok gördüm mesela eburhan'da var hatta anlatımını da yapmış ama pek bir şey anladım daha geniş kapsamlı anlatan bi' site biliyor musunuz?

    Bu nesneyi kastediyorum.

  • 20-08-2010, 13:38:51
    #2
    Üyeliği durduruldu
    ne işe yarıyor?
  • 20-08-2010, 13:52:40
    #3
    Lord21 adlı üyeden alıntı: mesajı görüntüle
    ne işe yarıyor?
    demo ya bakarsan görürsün hocam ne işe yaradıgını,bana göre gereksiz bişey ama sonuçda kişiden kişiye degişir zevkler
  • 20-08-2010, 14:16:04
    #4
    Üyeliği durduruldu
    fatihbaz adlı üyeden alıntı: mesajı görüntüle
    demo ya bakarsan görürsün hocam ne işe yaradıgını,bana göre gereksiz bişey ama sonuçda kişiden kişiye degişir zevkler
    Evet haklısın gereksiz ama görüntüsü hoş.
  • 20-08-2010, 15:58:52
    #5
    edit.

    http://www.eburhan.com/jquery-ile-ce...er-olusturmak/

    Şuradan dosyayı bilgisayarınıza indiriniz.Masaüstüne rozet adında bir klasör açarak indirdiğiniz zip in içindekileri buna aktarın ve tema klasörünüzün içine atın.Daha sonra..

    header.php de </head> kodundan önce şu kodu ekleyin.
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/rozet/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/rozet/jquery.easydrag.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/rozet/jquery.easing.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
    	
    		$("div#rozet").easydrag();
    
    		$("div#rozet").ondrop(function(){
    			$('div#rozet').animate(
    				{ top:'-5px', left:'-60px'},
    				{duration: 1000, easing: 'easeOutElastic'}
    			);
    		});		
    	
    	});
    </script>
    Yine header.php de <div id="header"> şu koddan sonra uygun biryere bu kodu ekliyoruz.
    <div id="rozet">v2</div>
    Son olarakta temamızın (style.css) stil dosyasına css kodumuzu ekliyoruz.
    /************************************************
    *	Rozet     								*
    ************************************************/
    div#rozet {
    	position: absolute;
    	width: 77px;
    	height: 80px;
    	top: -5px;
    	left: -60px;
    	text-indent: -9999px;
    	background: url(rozet/rozet.png) 0 0 no-repeat;
    	/* IE 6 için saydamlık probleminin çözümü */
            _background: transparent;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rozet/rozet.png', sizingMethod='scale');
    	}
    Css kodlarındaki rakamsal verilerle oynayarak temanıza uygun konumlandırma yapabilirsiniz.Kolay Gelsin..
  • 21-08-2010, 10:34:16
    #6
    Üyeliği durduruldu
    Yaptım ama çekip bırakamıyorum nerede hata yapmış olabilirim?
  • 21-08-2010, 11:59:13
    #7
    Başka bir js dosyasıyla çakışmış olabilir eklentileri pasif yapıp deneyin birde.
  • 21-08-2010, 12:08:36
    #8
    Eburhan bu konuyu anlattıktan sonra pekçok kişi farklı şekillerde sitesinde uyguladı. görsel açıdan güzel bir uygulama. Arkadaşın dediği gibi javascriptte problem var galiba. js query dosyası da gerekli olabilir.
  • 21-08-2010, 12:10:43
    #9
    html5 te de böyle taşıma olayı var ya. acaba onunla alakalı mı yoksa js mi sadece bu?