Serpito » Teknoloji

Windows- Yerel Sunucu Localhost’un adını değiştirmek

Atilla Akoğlu — Thu, 18 Feb 2010 13:13:10 +0000

Bilgisayarınızın üstünde çalışan yerel sunucu (Appserv,Apache2Triad,Wamp) bildiğiniz gibi http://localhost adresinde çalışır. Localhost ismi windows sunucularda;

C:\Windows\System32\drivers\etc

adresinde hosts dosyasında kayıtlıdır.

Görsel de işaretli olan localhost değerini istediğiniz bir isme değiştirebilirsiniz. Ben aşağıdaki örnekte olduğu gibi serpito yaptım.

Bu değişikliği yaptıktan sonra yerel sunucunuzu yeniden başlatın.

Gördüğümüz gibi işlemlerin sonunda http://serpito adresinde localhostumuz çalışıyor.

PHP – TinyURL otomatik url kısaltma fonksiyonu

Atilla Akoğlu — Thu, 11 Feb 2010 16:36:17 +0000

Fonksiyon özellikleri:

API Url: http://tinyurl.com/api-create.php
Gerekli parametre: url
Örnek:
gönderilen sorgu- http://tinyurl.com/api-create.php?url=http://www.serpito.com/php-tinyurl-otomaik-url-kisaltma/
Dönen cevap- http://tinyurl.com/yeanjxm

Fonsiyon kodları

[code]
function TinyURL($u){
return file_get_contents('http://tinyurl.com/api-create.php?url='.$u);
}
?>
[/code]

[code]

$url = 'http://www.serpito.com/php-tinyurl-otomaik-url-kisaltma/';
$tiny = TinyURL($url);
echo $url.'"bağlantısının kısaltılmış hali : "'.$tiny;
die();
?>
[/code]

Örnek kodları çalıştırınca kısaltılmış url http://tinyurl.com/yeanjxm

jQuery Dropdown (Açılır) Menu

Atilla Akoğlu — Thu, 11 Feb 2010 13:50:01 +0000

Web sitelerimizdeki menülerin css’ler ve jquery ile daha ilgi çekici ve ilginç özellikler ekleye biliriz. Bu örneğimizde menü üzerine gelindiğinde menü gözüküyor ve alt menüleri de dropdown olarak gösteriyoruz.

Menü aşağıdaki biçimde açılıyor

Örnek Uygulama

Uygulama dosyaları

HTML kodlarımız


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Gumusluoglu.Com</title>

<link rel="stylesheet" href="main.css" />

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="xbreadcrumbs.js"></script>
<link rel="stylesheet" href="xbreadcrumbs.css" />

<script type="text/javascript">
	$(document).ready(function(){
        //  Initialize xBreadcrumbs
        $('#breadcrumbs-1').xBreadcrumbs();
        $('#breadcrumbs-2').xBreadcrumbs({ collapsible: true });
        $('#breadcrumbs-3').xBreadcrumbs();
	});
</script>

<style type="text/css">
    .xbreadcrumbs LI {
        border-right: none;
        background: url(images/separator.gif) no-repeat right center;
        padding-right: 15px;
        padding-left: 10px;
    }
    .xbreadcrumbs LI.current { background: none; }
    .xbreadcrumbs LI UL LI { background: none; }

    .xbreadcrumbs LI A.home {
        background: url(images/home.gif) no-repeat left center;
        padding-left: 20px;
    }

    /*  Custom styles for breadcrums (#breadcrumbs-3)  */
    .xbreadcrumbs#breadcrumbs-3 {
        background: none;
    }
    .xbreadcrumbs#breadcrumbs-3 LI A {
        text-decoration: underline;
        color: #0A8ECC;
    }
    .xbreadcrumbs#breadcrumbs-3 LI A:HOVER, .xbreadcrumbs#breadcrumbs-3 LI.hover A { text-decoration: none; }
    .xbreadcrumbs#breadcrumbs-3 LI.current A {
        color: #333333;
        text-decoration: none;
    }
    .xbreadcrumbs#breadcrumbs-3 LI {
        border-right: none;
        background: url(images/separator-arrow.gif) no-repeat right center;
        padding-right: 15px;
        padding-left: 10px;
    }
    .xbreadcrumbs#breadcrumbs-3 LI.current { background: none; }
    .xbreadcrumbs#breadcrumbs-3 LI UL LI { background: none; padding: 0;  }

    /*  Demo styles  */
    BODY {
        margin: 20px;
        padding: 20px;
    }
    STRONG { color: #000000; }
    .vspacer {
        height: 20px;
    }
    PRE.code {
        padding: 7px;
        background: #777777;
        color: #F0F0F0;
        width: 400px;
        overflow: auto;
    }
</style>
</head>
<body>
    <div id="page">
        <!-- Example 2 -->
        <ul class="xbreadcrumbs" id="breadcrumbs-2">
            <li>
               <a href="#" class="home">Ana Sayfa</a>

               <ul>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/ajax-ile-jquery-kullanici-mesaj-formu/" target="_blank">AJAX ile jQuery Kullanıcıa></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/htaccess-subdomaini-dizine-yonlendirmek/" target="_blank">.htaccess-subdomain’i </a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/jquery-form-validator/" target="_blank">Jquery Form Validator</a></li>
                   <li><a href="#" target="_blank">Advertise With Us</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/slider-login-twitter-tarzi-login/" target="_blank">Slider Login (Twitter Tarzı Login)</a></li>

               </ul>
            </li>

            <li>
               <a href="#">PHP</a>
               <ul>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/php-ile-random-sayi-uretme/" target="_blank">Php ile Random Sayı Üretme</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/jquery-tab-uygulamasi/" target="_blank">Jquery Tab Uygulaması</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/pop-up-sayfa/" target="_blank">Pop-up Sayfa</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/phpde-xml-olusturma/" target="_blank">Php’de XML Oluşturma</a></li>
               </ul>
            </li>
            <li>
               <a href="#">MYSQL</a>
               <ul>

                   <li><a href="http://www.gumusluoglu.com/kategoriler/mysql-lower-ve-upper-komutu/" target="_blank">Mysql Lower ve Upper Komutu</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/mysql-andve-ve-orveya-komutu/" target="_blank">Mysql AND(ve) ve OR(veya) Komutu</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/mysqlde-distict-komutu/" target="_blank">Mysql’de Distinct Komutu</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/mysql-truncate-tablu-icerisini-bosaltma-komutu/" target="_blank">Mysql Truncate (Tablu içerisini boşaltma) Komutu</a></li>
                   <li><a href="http://www.gumusluoglu.com/kategoriler/mysql-join/" target="_blank">Mysql Join</a></li>
               </ul>

            </li>
            <li>
               <a href="#">Dost Siteler</a>
               <ul>
                   <li><a href="http://www.serpito.com/">Serpitp</a></li>
                   <li><a href="http://www.dilmen.net/">Aykut Dilmen</a></li>
               </ul>

            </li>
            <li class="current"><a href="#">Gumusluoglu.Com Site İçeriği</a></li>
        </ul>
	</div>
</body>
</html>

Javascript kodalarımız


/*
	xBreadcrumbs (Extended Breadcrums) jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com
	or email us at support@ajaxblender.com
*/

;(function($){
	/*  Variables  */
	$.fn.xBreadcrumbs = function(settings){
		var element = $(this);
		var

		settings = $.extend({}, $.fn.xBreadcrumbs.defaults, settings);

		function _build(){
			if(settings.collapsible){
				var sz = element.children('LI').length;
				element.children('LI').children('A').css('white-space', 'nowrap').css('float', 'left');
				element.children('LI').children('A').each(function(i, el){
					if(i != sz - 1){
						$(this).css('overflow', 'hidden');
						$(this).attr('init-width', $(this).width());
						$(this).width(settings.collapsedWidth);
					}
				});
			}

            element.children('LI').mouseenter(function(){
                if($(this).hasClass('hover')){ return; }

            	_hideAllSubLevels();
            	if(!_subLevelExists($(this))){ return; }

            	// Show sub-level
            	var subLevel = $(this).children('UL');
            	_showHideSubLevel(subLevel, true);

            	if(settings.collapsible && !$(this).hasClass('current')){
            		var initWidth = $(this).children('A').attr('init-width');
            		$(this).children('A').animate({width: initWidth}, 'normal');
            	}
            });

            element.children('LI').mouseleave(function(){
                var subLevel = $(this).children('UL');
                _showHideSubLevel(subLevel, false);

                if(settings.collapsible && !$(this).hasClass('current')){
                	$(this).children('A').animate({width: settings.collapsedWidth}, 'fast');
                }
            });
		};

		function _hideAllSubLevels(){
			element.children('LI').children('UL').each(function(){
                $(this).hide();
                $(this).parent().removeClass('hover');
			});
		};

		function _showHideSubLevel(subLevel, isShow){
			if(isShow){
                subLevel.parent().addClass('hover');
                if($.browser.msie){
                	var pos = subLevel.parent().position();
                	subLevel.css('left', parseInt(pos['left']));
                }
				if(settings.showSpeed != ''){ subLevel.fadeIn( settings.showSpeed ); }
				else { subLevel.show(); }
			} else {
                subLevel.parent().removeClass('hover');
                if(settings.hideSpeed != ''){ subLevel.fadeOut( settings.hideSpeed ); }
                else { subLevel.hide(); }
			}
		};

		function _subLevelExists(obj){
			return obj.children('UL').length > 0;
		};

		//    Entry point
		_build();
	};

	/*  Default Settings  */
	$.fn.xBreadcrumbs.defaults = {
		showSpeed:        'fast',
		hideSpeed:        '',
		collapsible:      false,
		collapsedWidth:   10
	};
})(jQuery);

Curvy Corners ile yuvarlak köşeler

Atilla Akoğlu — Thu, 11 Feb 2010 13:19:33 +0000

Her ne kadar yeni nesil tarayıcılarda CSS ile pratik bir şekilde dilediğimiz ölçülerde yuvarlak köşe oluşturabilsek de, microsoft internet explorer tarayıcıları henüz bu özelliği desteklememektedir.

Mozilla Firefox, Google Chrome, Safari gibi popüler web tarayıcı için aşağıdaki CSS kodları istenilen yuvarlak köşelere uyum gösteriyor.

[sourcecode lang="php">

[/sourcecode]

Curvy Corners javascript apisi ile birlikte hızlıca bütün tarayıcılarda kusursuz çalışan yuvarlak köşeler yapabilirsiniz.

Öncelikle CurvyCorners.js dosyasını indiriyoruz.

Yeni bir index.html dosyası oluşturup aşağıdaki kodları içine yapıştırın.

[sourcecode lang="php"]

Curvy Corners by Serpito

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi est, cursus sit amet, pellentesque et, ultricies a, ipsum. Nulla facilisi. Sed quis lacus. Aenean ut risus et lectus blandit gravida. Nam sed nunc. Aliquam non felis non diam aliquam gravida. Phasellus quis sem. Curabitur at velit. Vivamus libero velit, condimentum sit amet, tempus ut, aliquam sit amet, velit. Nunc hendrerit ante. Quisque egestas feugiat erat. Morbi tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla ac ante sit amet metus hendrerit euismod. Aenean vestibulum, lectus in eleifend tempor, quam libero iaculis dolor, pellentesque pellentesque lorem nibh ut urna. Nulla rhoncus, ante sit amet tristique interdum, eros nulla nonummy justo, eu dapibus risus quam sit amet metus. Maecenas tristique augue vel enim. Duis blandit euismod pede. Pellentesque facilisis. Fusce dapibus sapien tristique massa. Nunc accumsan. Integer pretium risus et odio. Phasellus tincidunt rhoncus velit. Donec eu neque at massa mollis iaculis. Aliquam pellentesque auctor mi. Cras ante justo, ultricies quis, iaculis eu, tincidunt ac, velit. Etiam nunc erat, tincidunt sit amet, luctus quis, interdum a, nunc. Suspendisse elit.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla ac ante sit amet metus hendrerit euismod. Aenean vestibulum, lectus in eleifend tempor, quam libero iaculis dolor, pellentesque pellentesque lorem nibh ut urna. Nulla rhoncus, ante sit amet tristique interdum, eros nulla nonummy justo, eu dapibus risus quam sit amet metus. Maecenas tristique augue vel enim. Duis blandit euismod pede. Pellentesque facilisis. Fusce dapibus sapien tristique massa. Nunc accumsan. Integer pretium risus et odio. Phasellus tincidunt rhoncus velit. Donec eu neque at massa mollis iaculis. Aliquam pellentesque auctor mi. Reading this stuff will rot your mind. Cras ante justo, ultricies quis, iaculis eu, tincidunt ac, velit. Etiam nunc erat, tincidunt sit amet, luctus quis, interdum a, nunc. Suspendisse elit.

Bu sayfa curvyCorners ile yuvarlak köşeler için hazırlanan demoyu inceliyorsunuz.

[sourcecode]

Uygulamanın demosu için tıklayınız.
Curvy Corners dosyalarının tamamını indirmek için tıklayınız.

10 adet Yeni Nesil WordPress Teması

Atilla Akoğlu — Thu, 11 Feb 2010 09:44:30 +0000

1- Oneroom

Web-kreation tarafından yapılan şık bir tema.

Önizleme İndir

2- SimpleFolio

Slimmity.com tarafından tasarlanan çok şık bir wordpress portfolio teması.

Önizleme İndir

3- SimpleBlog

Slimmity.com tarafından tasarlanan çok şık ve sade bir wordpress teması daha.

Önizleme İndir

4- Matatag

Paddsolutions tarafından yayınlanan popüler bir wordpress teması.

Önizleme İndir

5- Playground 01

Slimmity.com tarafından tasarlanan çok şık ve sade bir wordpress teması daha.

Önizleme İndir

6- Miniblog

SEO Design tarafından yayınlanan çok sade ve hoş bir wordpress teması.

Önizleme İndir

7- Calmdream

freethemelayouts.com tarafından yayınlanan şık bir wordpress teması.

Önizleme İndir

8- Gilded-Skies

freethemelayouts.com tarafından yayınlanan şık bir wordpress teması.

Önizleme İndir

9- Holiday WordPress

sixrevisions.com tarafından yayınlanan şık bir tatil teması.

Önizleme İndir

10- Noel Teması

Site5.com tarafından yayınlanan şık bir tatil teması.

Önizleme İndir

Yeni proje – islamivideolar.org

Atilla Akoğlu — Wed, 10 Feb 2010 12:11:27 +0000

2010′un ilk projelerinden biri olan www.islamivideolar.org tahminen 20 günlük bir süreçte tamamlandı. Varolan tasarımı CSS-XHTML optimizasyon, bağımsız bir yönetim paneli ve daha kullanışlı olması için PHP-Mysql altyapısı adımları gerçekleştirildi.

siteden görünüm:

islamivideolar.org‘a yayın hayatında başarılar dilerim.

.htaccess-subdomain’i dizine yönlendirmek

Atilla Akoğlu — Wed, 10 Feb 2010 11:02:51 +0000

.htaccess yönetimi konusunda birkaç küçük uygulama daha yazmak yararlı olacaktır.

Projemizin ftp de bulunan klasörleri subdomain olarak çalıştırmak için .htaccess dosyasına birkaç satır kod eklemek yeterlidir.

Deneme amaçlı akoglu.org adresinde çalışan atilla dizinini inceleyelim. >>

Görselde anlatıldığı gibi klasörleri subdomain üzerinde çalıştırabilmek için .htaccess dosyasına aşağıdaki kodu ekliyoruz.

[code]

RewriteEngine On
RewriteCond %{HTTP_HOST} ^atilla\.akoglu.org$
RewriteCond %{REQUEST_URI} !^/atilla/
RewriteRule (.*) /atilla/$1
[/code]

çalışan uygulama için http://atilla.akoglu.org

Ajax Sayfalama (Paging)

sword fish — Fri, 15 Jan 2010 12:07:15 +0000

Web sitelerimizdeki verileri; örneğin arama sonuçlarında, kategorideki verilerde veya yorumlar bölümlerinde sayfalama sistemleri bullanmamız gerekmektedir. Gün geçtikçe bölümlerdeki veri oranları arttıkça sayfaların açılması uzun olabileceği gibi estetik olmayan görüntülerede sebep olabilir. Bu örneğimizde ajax ile sayfalama sistemi yapıyoruz.
Sistemimizde yer alan 24 adet veriyi 5 ‘erli olarak sayfalayacağı. Ajax ile yapamnın en büyük avantajı sayfa değiştirme işlemi yapmıyoruz url’miz hep sabit.
index.html kodları:

Gumusluogl.Com

24 adet veriyi 5'er 5'er sayfalama yaparak uygulamamızı gerçekleştirdik

1. veri
2. veri
3. veri
4. veri
5. veri
6. veri
7. veri
8. veri
9. veri
10. veri
11. veri
12. veri
13. veri
14. veri
15. veri
16. veri
17. veri
18. veri
19. veri
20. veri
21. veri
22. veri
23. veri
24. veri

Yukarıdaki sayfalama sistemimizde yer alan veriler veri tabanından da çekerek aynı sayfalama işlemini yapabiliriz.

quickpager.jquery.js kodları


(function($) {

$.fn.quickPager = function(options) {

var defaults = {
pageSize: 5,
currentPage: 1,
holder: null,
pagerLocation: "after"
};

var options = $.extend(defaults, options);

return this.each(function() {

var selector = $(this);
var pageCounter = 1;

selector.wrap("");

selector.children().each(function(i){

if(i < pageCounter*options.pageSize && i >= (pageCounter-1)*options.pageSize) {
$(this).addClass("simplePagerPage"+pageCounter);
}
else {
$(this).addClass("simplePagerPage"+(pageCounter+1));
pageCounter ++;
}

});

selector.children().hide();
selector.children(".simplePagerPage"+options.currentPage).show();

if(pageCounter <= 1) {
return;
}

var pageNav = "
";
for (i=1;i<=pageCounter;i++){
if (i==options.currentPage) {
pageNav += ""+i+"";
}
else {
pageNav += ""+i+"";
}
}
pageNav += "";

if(!options.holder) {
switch(options.pagerLocation)
{
case "before":
selector.before(pageNav);
break;
case "both":
selector.before(pageNav);
selector.after(pageNav);
break;
default:
selector.after(pageNav);
}
}
else {
$(options.holder).append(pageNav);
}

selector.parent().find(".simplePagerNav a").click(function() {

var clickedLink = $(this).attr("rel");
options.currentPage = clickedLink;

if(options.holder) {
$(this).parent("li").parent("ul").parent(options.holder).find("li.currentPage").removeClass("currentPage");
$(this).parent("li").parent("ul").parent(options.holder).find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");
}
else {
$(this).parent("li").parent("ul").parent(".simplePagerContainer").find("li.currentPage").removeClass("currentPage");
$(this).parent("li").parent("ul").parent(".simplePagerContainer").find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");
}

selector.children().hide();
selector.find(".simplePagerPage"+clickedLink).show();

return false;
});
});
}

})(jQuery);

Mysql Update Komutu

sword fish — Mon, 16 Nov 2009 21:41:06 +0000

Update komutu ile veri tabanımızda olan veri veya verileri belirtilen durumlara göre güncelliyoruz.

Veri tabanımızda kitap adında bir tablo olsun ve tablonda;

id,k_adi,yazar,yorum,onay,yayin_evi,baski_no sütunları yer alsın.
Tablomuzda yer alan verilerden id si 20 olan satırı güncelleyelim.
Aşağıda mysql kodları yer almaktadır.


UPDATE `kitap` SET `k_adi` = 'Gelecek 50 Yıl',

`yazar` = 'Akarsu Akar',`yorum` = 'Yorum yok',`onay` = '1',

`yayin_evi` = 'Elips Kitap',`baski_no` = '30',

WHERE `kategori`.`id` =20;

Güncelleme işlemi için PHP kodları.


$qu="UPDATE kitap SET k_adi='Gelecek 50 Yıl',

yazar='Akarsu Akar',yorum='Yorum yok', onay='1',

yayin_evi='Elips Kitap', baski_no='30'  WHERE id='20' ";
$resu=$dba->query($qu);

Klavyeye fareye veda edeceğiz

Atilla Akoğlu — Mon, 19 May 2008 12:29:03 +0000

CEO (Chief Executive Officer) zirvesinde Bill Gates yeni teknolojileri ile show yaptı. TouchWall adını verdikleri bu teknoloji ile tanıtım yapan Bill Gates,gelecekteki bilgisayar kullanımında modayı-trendi biz belirleriz dedi. (ağzından çıkmasa da demiş kadar olmuş hani). bu teknoloji düz duvara 1,2 m.*1,8m. ebatlarında yansıtılan ekran üzerinden lazer ışınların el-parmak hareketlerini algılaması ve işleme koyması gibi fantastik bir prensibe sahip .önümüzdeki 50 yılda da Microsoft’un teknoloji-bilişim sektöründeki trendleri belirleyen öncü kuruluşlar arasında yerini sağlamlaştıracak gibi. TouchWall teknolojinin gösteriminde ,özel tasarlanmış lazer projektörü ve 4×6 adımlık boyutlarda cam-plastik karışımı bir panel ve Vista işletim sistemli bir makina kullanılmış.Bunun bir de büyük abisi var Surface adında.Özel bir masa üzerinde hertürlü şeytan işini görüyor.Üzerine telefon veya fotoğraf makinası koyup içindeki dosyaları anında masaya dağıtıyor. Kaç yıl sonra bu teknolojiyi evlerimizde kullanabiliriz bilinmez ama, şahsen IPTV ve VDSL teknolojileri beni daha çok heyecanlandırıyor.

Microsoft konusuna gelirsek,bilişim konusunda ne kadar olumlu bir gelişmeyse,kullanıcı açısından da o kadar olumsuzdur bu haber.Gerçi illaki rakip çıkacaktır karşısına ,ama yine de Microsoft’un prestiji bundan sonra kolay kolay sarsılmayacaktır.Microsoft düşmanı mıyım? Hayır, “tekel varsa mutlaka haksızlık ve yolsuzluk da vardır” düsturundan yola çıkarak konuşuyorum.