﻿/* akilli CSS resim büyütme burada basliyor */
/* Eger resimler baska sayfalara link vermiyorsa href kismini tamamen silmek yerine <a href="#nogo"> seklinde kullanin.
 * aksi taktirde IE6'da resim büyütme çalismaz */

.ienlarger {
	float: left;
	clear: left; /* eger float right kullaniyorsaniz clear yapin yapin */
	padding-bottom: 5px; /* Bu küçük resimler arasindaki bosluk. Bunu margin olarak degistirmeyin */
	padding-right: 5px;
	margin-top:20px; /* Bu küçük resimlerle etrafinda eger varsa resimleri saran text arasindaki bosluk */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* buraya cursor:default; ekleyip fare isaretçisinin el görüntüsnü gizleyebilirsiniz */
}

.ienlarger a:hover{ /* buradaki relative degerini a'nin normal durumuna tasimayin. sadece hover durumunda kalmasi gerekiyor */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* resmin hemen etrafina çizgi ekliyor */
	margin-bottom: 8px; /* resim yazisini resimden asagi dogru iktiriyor */
}

.ienlarger a span {  /* bu kisim büyk resim ve resim yazisi için */
	position: absolute;
	display:none;
	color: #FFCC00; /* resim yazisi rengi */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* resim yazisi boyutu  */
	background-color: #1174c2;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* bunu kendi halinde birakin yoksa IE6 linklerin etrafina çerçeve ekliyor */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 100px; /* pop-up'in üst kismi küçük resmin üst kismindan 50px uzakta */
	left: -100px; /* pop-up'in sol tarafi küçük resmin sol tarafindan 90px uzakta */
	z-index: 100;
	
/* Eger pop-up'i küçük resmin sol tarafinda açmak istiyorsaniz o zaman yukaridaki left: 90px; degerini kaldirin ve yerine   
right: 90px; ekleyin. Bu su demke: pop-up'in sag tarafi küçük resmin sag tarafindan 90px uzakta */	

/* Eger pop-up'i küçük resmin üstünde açmak istiyorsaniz o zaman yukaridaki top: 50px; degerini kaldirin ve yerine   
bottom: 50px; ekleyin. Bu su demke: pop-up'in alt tarafi küçük resmin alt tarafindan 50px uzakta */	

/* buraya cursor:default; eklerseniz fare isaretçisi için el ikonu sadece büyük resim için iptal olur */
}

.resize_thumb {
	width: auto; /* istediginiz küçük resim genisligini burada girin */
	height : auto;
}

/* akilli CSS resim büyütme burada bitiyor */