Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.09.2011, 18:30 (UTC)    
Mesaj konusu: Temizleme - Ayırma

Arkadaşlar bu Slayt Haber kodundaki arkaplan renkleri, vs. dağil bu slaytın çalışmasını bozmayacak tüm kodları silebilirmisiniz? Birde bir kısmı CSS ye konulacak diye ayrılıyorsa onuda ayırırsanız çok sevinirim. Smile

Kod:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax Manşet Haber Sistemi 3</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(images/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>
<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.sahirpro.tr.gg/Yer-Alti-2-Sonuclari.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxyeralti2sonuclari.jpg" alt="懒人图库" /></a></li>
    <li><a href="http://www.sahirpro.tr.gg/Mudafaa-Production-_-Rapin-HOOD-Roportaji.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxrapinhoodroportaji.jpg" alt="懒人图库" /></a></li>
    <li><a href="http://www.sahirpro.tr.gg/Bizi-Tani.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxbizitani.jpg" alt="懒人图库" /></a></li>
    <li><a href="http://www.sahirpro.tr.gg/Mudafaa-Production-_-AtaBesta-Roportaji.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxatabestaroportaji.jpg" alt="懒人图库" /></a></li>
</ul>
</div>
<div id="ifocus_opdiv">&nbsp;</div>
<div id="ifocus_tx">
<ul>
    <li class="current">Yer Altı 2 Sonu&ccedil;ları</li>
    <li class="normal">Rapin HOOD R&ouml;portajı</li>
    <li class="normal">Glory &amp; Ghost - Bizi Tanı</li>
    <li class="normal">Atabesta R&ouml;portajı</li>
</ul>
</div>
</div>
<div id="ifocus_btn">
<ul>
    <li class="current"><img src="http://img.webme.com/pic/m/mudafam/ajaxyeralti2sonuclarik.jpg" alt="" /></li>
    <li class="normal"><img src="http://img.webme.com/pic/m/mudafam/ajaxrapinhoodroportajik.jpg" alt="" /></li>
    <li class="normal"><img src="http://img.webme.com/pic/m/mudafam/ajaxbizitani.jpg" alt="" /></li>
    <li class="normal"><img src="http://img.webme.com/pic/m/mudafam/ajaxatabestaroportajik.jpg" alt="" /></li>
</ul>
</div>
</div>
</div>
</meta>
Mesaj06.09.2011, 19:04 (UTC)    
Mesaj konusu:

Arkadaşlar ben koddan bazı gereksiz kısımları sildim, siz sadece css kısmı ve flasjın gösterileceği yer olarak ayırırmısınız? Smile

Kod:
<title>Ajax Manşet Haber Sistemi 3</title>
<style type="text/css">
/* Reset style */
* { margin:0; padding:0; word-break:break-all; }
body { font:12px/1.6em Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a
   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 { 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(images/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>
<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.sahirpro.tr.gg/Yer-Alti-2-Sonuclari.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxyeralti2sonuclari.jpg" alt="懒人图库" /></a></li>
    <li><a href="http://www.sahirpro.tr.gg/Mudafaa-Production-_-Rapin-HOOD-Roportaji.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxrapinhoodroportaji.jpg" alt="懒人图库" /></a></li>
    <li><a href="http://www.sahirpro.tr.gg/Bizi-Tani.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxbizitani.jpg" alt="懒人图库" /></a></li>
    <li><a href="http://www.sahirpro.tr.gg/Mudafaa-Production-_-AtaBesta-Roportaji.htm" target="_blank"><img src="http://img.webme.com/pic/m/mudafam/ajaxatabestaroportaji.jpg" alt="懒人图库" /></a></li>
</ul>
</div>
<div id="ifocus_opdiv">&nbsp;</div>
<div id="ifocus_tx">
<ul>
    <li class="current">Yer Altı 2 Sonu&ccedil;ları</li>
    <li class="normal">Rapin HOOD R&ouml;portajı</li>
    <li class="normal">Glory &amp; Ghost - Bizi Tanı</li>
    <li class="normal">Atabesta R&ouml;portajı</li>
</ul>
</div>
</div>
<div id="ifocus_btn">
<ul>
    <li class="current"><img src="http://img.webme.com/pic/m/mudafam/ajaxyeralti2sonuclarik.jpg" alt="" /></li>
    <li class="normal"><img src="http://img.webme.com/pic/m/mudafam/ajaxrapinhoodroportajik.jpg" alt="" /></li>
    <li class="normal"><img src="http://img.webme.com/pic/m/mudafam/ajaxbizitani.jpg" alt="" /></li>
    <li class="normal"><img src="http://img.webme.com/pic/m/mudafam/ajaxatabestaroportajik.jpg" alt="" /></li>
</ul>
</div>
</div>
</div>
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu