Author Topic: Blok sorunu (Read 5031 times)

postman · « **on:** July 26, 2009, 01:29:59 PM »

arkdaşlar aslında simpleportalla pek alakası yok ama blok oluşturarak eklediğim için buraya yazıyorum.. şöyleki ilk resimdeki gibi sağ-sol ve orta bloklar arasında bi mesafe var

ama ben flash haber bloğunu oluşturduğum zaman bu boşluk kayboluyor

boyutunuda küçültsem resimlerde bahsettiğim boşluk geri gelmiyor. kodları aşşağıda veriyorum ilgilenirseniz sevinirim

Code: [Select]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<center><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Postaciyiz.com</title>
<style type="text/css">
/* Reset style */
* { margin:0; padding:0; word-break:break-all; }
body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a { color:#0287CA; text-decoration:none; }
	a:hover { text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
em, strong, cite, th { font-style:normal; font-weight:normal; }
input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/

/* iFocus style */
#ifocus { width:525px; height:245px; margin:20px; border:1px solid #DEDEDE; background:#F8F8F8; }
	#ifocus_pic { display:inline; position:relative; float:left; width:410px; height:225px; overflow:hidden; margin:10px 0 0 10px; }
		#ifocus_piclist { position:absolute; }
		#ifocus_piclist li { width:410px; height:225px; overflow:hidden; }
		#ifocus_piclist img { width:410px; height:225px; }
	#ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0; }
		#ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
		#ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; }
		#ifocus_btn .current { background: url(http://www.postaciyiz.com/imagess/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	#ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
		#ifocus_tx .normal { display:none; }
</style>

<script type="text/javascript">
function $(id) { return document.getElementById(id); }

function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);
  if (xpos == final_x && ypos == final_y) {
		return true;
  }
  if (xpos < final_x) {
    var dist = Math.ceil((final_x - xpos)/10);
    xpos = xpos + dist;
  }
  if (xpos > final_x) {
    var dist = Math.ceil((xpos - final_x)/10);
    xpos = xpos - dist;
  }
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos)/10);
    ypos = ypos + dist;
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y)/10);
    ypos = ypos - dist;
  }
  elem.style.left = xpos + "px";
  elem.style.top = ypos + "px";
  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}

function classNormal(iFocusBtnID,iFocusTxID){
	var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
	var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
	for(var i=0; i<iFocusBtns.length; i++) {
		iFocusBtns[i].className='normal';
		iFocusTxs[i].className='normal';
	}
}

function classCurrent(iFocusBtnID,iFocusTxID,n){
	var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
	var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
	iFocusBtns[n].className='current';
	iFocusTxs[n].className='current';
}

function iFocusChange() {
	if(!$('ifocus')) return false;
	$('ifocus').onmouseover = function(){atuokey = true};
	$('ifocus').onmouseout = function(){atuokey = false};
	var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');
	var listLength = iFocusBtns.length;
	iFocusBtns[0].onmouseover = function() {
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (listLength>=2) {
		iFocusBtns[1].onmouseover = function() {
			moveElement('ifocus_piclist',0,-225,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',1);
		}
	}
	if (listLength>=3) {
		iFocusBtns[2].onmouseover = function() {
			moveElement('ifocus_piclist',0,-450,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',2);
		}
	}
	if (listLength>=4) {
		iFocusBtns[3].onmouseover = function() {
			moveElement('ifocus_piclist',0,-675,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',3);
		}
	}
}

setInterval('autoiFocus()',5000);
var atuokey = false;
function autoiFocus() {
	if(!$('ifocus')) return false;
	if(atuokey) return false;
	var focusBtnList = $('ifocus_btn').getElementsByTagName('li');
	var listLength = focusBtnList.length;
	for(var i=0; i<listLength; i++) {
		if (focusBtnList[i].className == 'current') var currentNum = i;
	}
	if (currentNum==0&&listLength!=1 ){
		moveElement('ifocus_piclist',0,-225,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',1);
	}
	if (currentNum==1&&listLength!=2 ){
		moveElement('ifocus_piclist',0,-450,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',2);
	}
	if (currentNum==2&&listLength!=3 ){
		moveElement('ifocus_piclist',0,-675,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',3);
	}
	if (currentNum==3 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (currentNum==1&&listLength==2 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (currentNum==2&&listLength==3 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
}
addLoadEvent(iFocusChange);
</script>
</head>

<body><div align="center">

<div id="ifocus">
	<div id="ifocus_pic">
		<div id="ifocus_piclist" style="left:0; top:0;">
			<ul>
				<li><a href="http://www.postaciyiz.com/haklarimiz/" target="_blank"><img src="http://www.postaciyiz.com/imagess/01.jpg" alt="Haklarımız" /></a></li>
				<li><a href="http://www.postaciyiz.com/ptt-hakkinda/" target="_blank"><img src="http://www.postaciyiz.com/imagess/02.jpg" alt="PTT Hakkında" /></a></li>
				<li><a href="http://www.postaciyiz.com/ptt-nin-ozellesmesi-hakkinda/" target="_blank"><img src="http://www.postaciyiz.com/imagess/03.jpg" alt="PTT'nin Özellşemesi Hakkında" /></a></li>
				<li><a href="http://www.postaciyiz.com/ptt/" target="_blank"><img src="http://www.postaciyiz.com/imagess/04.jpg" alt="PTT" /></a></li>
			</ul>
		</div>
		<div id="ifocus_opdiv"></div>
		<div id="ifocus_tx">
			<ul>
				<li class="current"> Haklarımız  Neler?  Sorunlarımız Neler?  Sorularnız ve Cevapları...</li>
				<li class="normal">PTT Hakkındaki En Güncel ve Tarafsız Haberler...</li>
				<li class="normal">PTT Özellemesi ve AŞ olması Hakkında Herşey...</li>
				<li class="normal">Ankara PTT, İstanbul PTT,... ve Diğer İllerimizdeki PTT'ler...</li>
			</ul>
		</div>
	</div>
	<div id="ifocus_btn">
		<ul>
			<li class="current"><img src="http://www.postaciyiz.com/imagess/btn_01.jpg" alt="" /></li>
			<li class="normal"><img src="http://www.postaciyiz.com/imagess/btn_02.jpg" alt="" /></li>
			<li class="normal"><img src="http://www.postaciyiz.com/imagess/btn_03.gif" alt="" /></li>
			<li class="normal"><img src="http://www.postaciyiz.com/imagess/btn_04.jpg" alt="" /></li>
		</ul>
	</div>
</div>
</div>

</body>
</html></center>

[SiNaN] · « **Reply #1 on:** July 26, 2009, 01:39:47 PM »

Eklediğiniz kodların sadece <body> ve </body> tagları arasındaki kodlarını blokların içine ekleyebilirsiniz.

<head> </head> tagları arasındaki kodları index.template.php dosyanıza eklemelisiniz.

postman · « **Reply #2 on:** July 26, 2009, 02:11:00 PM »

Quote from: [SiNaN] on July 26, 2009, 01:39:47 PM

Eklediğiniz kodların sadece <body> ve </body> tagları arasındaki kodlarını blokların içine ekleyebilirsiniz.

<head> </head> tagları arasındaki kodları index.template.php dosyanıza eklemelisiniz.

bi türlü yerleştiremedim index.template.php kodları devamlı hata verdi..

[SiNaN] · « **Reply #3 on:** July 26, 2009, 02:12:04 PM »

echo ' '; arasına koymalısınız ve kodlardaki ' karakterlerini \' olarak değiştirmelisiniz.

postman · « **Reply #4 on:** July 26, 2009, 02:25:35 PM »

Quote from: [SiNaN] on July 26, 2009, 02:12:04 PM

echo ' '; arasına koymalısınız ve kodlardaki ' karakterlerini \' olarak değiştirmelisiniz.

hataları hallettim <body> ve </body> tagları ile blok oluşturdum ama ilk mesajımdaki olay hala aynı kaldı

[SiNaN] · « **Reply #5 on:** July 26, 2009, 03:22:21 PM »

O zaman body taglari arasindaki kodlarda acik kalan bir tag var, muhtemelen bir div tagi.

postman · « **Reply #6 on:** July 26, 2009, 04:15:22 PM »

Quote from: [SiNaN] on July 26, 2009, 03:22:21 PM

O zaman body taglari arasindaki kodlarda acik kalan bir tag var, muhtemelen bir div tagi.

yok bulamadım sinan.. telefondan giriyosun sanırım müsait olunca bakarsan sevinirim..

grafitus · « **Reply #7 on:** July 27, 2009, 05:29:49 AM »

Quote from: [SiNaN] on July 26, 2009, 03:22:21 PM

O zaman body taglari arasindaki kodlarda acik kalan bir tag var, muhtemelen bir div tagi.

DIV tagında açıklık yok [SiNaN].

Quote from: postman on July 26, 2009, 04:15:22 PM

Quote from: [SiNaN] on July 26, 2009, 03:22:21 PM
O zaman body taglari arasindaki kodlarda acik kalan bir tag var, muhtemelen bir div tagi.
yok bulamadım sinan.. telefondan giriyosun sanırım müsait olunca bakarsan sevinirim..

Notepad++ programını kullanarak bakabilirsiniz.

postman · « **Reply #8 on:** July 28, 2009, 10:47:38 AM »

bulamadım hatayı

[SiNaN] · « **Reply #9 on:** July 30, 2009, 02:24:38 PM »

Maalesef internet erişimim çok sınırlı ve burada da localhost kullanma imkanım yok. Bu yüzden yakın bir gelecekte kodları kontrole edebileceğimi sanmıyorum. simplemachines.org'da şansınızı deneyebilirsiniz.

grafitus · « **Reply #10 on:** July 31, 2009, 02:31:43 PM »

Quote from: postman on July 28, 2009, 10:47:38 AM

bulamadım hatayı

Çünkü hata yok.

[SiNaN] · « **Reply #11 on:** September 23, 2009, 12:36:23 PM »

Kodlarınızda şu iki satırı silerek deneyin:

Code: [Select]

* { margin:0; padding:0; word-break:break-all; }

Code: [Select]

table { border-collapse:collapse; }

Simple Portal Archived Forum

User Info

Who's Online

Sohbet Kutusu

Team Blog

Recent Posts

Author Topic: Blok sorunu (Read 5031 times)

postman

Blok sorunu

[SiNaN]

Re: Blok sorunu

postman

Re: Blok sorunu

[SiNaN]

Re: Blok sorunu

postman

Re: Blok sorunu

[SiNaN]

Re: Blok sorunu

postman

Re: Blok sorunu

grafitus

Re: Blok sorunu

postman

Re: Blok sorunu

[SiNaN]

Re: Blok sorunu

grafitus

Re: Blok sorunu

[SiNaN]

Re: Blok sorunu