Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj30.03.2012, 01:53 (UTC)    
Mesaj konusu: taratım alt üst ayırırmısın ?

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<head>
   <title>Psd To Css / Prototurk.com</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
   <style type="text/css">
   @import url("css/reset.css");
   </style>
   <link rel="stylesheet" type="text/css" href="css/style.css" />
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
   <script type="text/javascript">
   $(document).ready(function(){
   
      // Son Haberler
      $(".son_haberler span").hide();
      $(".son_haberler span:first").show();
      var toplam = $(".son_haberler span").length;
      var deger = 0;
      $("#sonraki").click(function(){
         $(".son_haberler span").hide();
         if (deger === toplam-1){
            deger = 0;
            $(".son_haberler span:first").fadeIn();
         }else {
            deger++;
            $(".son_haberler span:eq("+deger+")").fadeIn();
         }
      });
      $("#onceki").click(function(){
         $(".son_haberler span").hide();
         if (deger === 0){
            deger = toplam-1;
            $(".son_haberler span:last").fadeIn();
         }else {
            deger--;
            $(".son_haberler span:eq("+deger+")").fadeIn();
         }
      });
      
      // Tab
      $(".lb_tab li:first").addClass("aktif");
      $(".tab_icerik").hide();
      $(".tab_icerik:first").show();
      $(".lb_tab li").click(function(){
         var a = $(this).index();
         $(".tab_icerik").hide();
         $(".tab_icerik:eq("+a+")").show();
         $(".lb_tab li").removeClass("aktif");
         $(this).addClass("aktif");
      });
      
      // Slider
      $("#slider_alt ul li:first").addClass("aktif");
      $(".slider_icerik").hide();
      $(".slider_icerik:first").show();
      $("#slider_alt ul li").click(function(){
         var a = $(this).index();
         $("#slider_alt ul li").removeClass("aktif");
         $(this).addClass("aktif");
         $(".slider_icerik").hide();
         $(".slider_icerik:eq("+a+")").show();
      });
      
      // Recent Post Tab
      $(".rp_icerik").hide();
      $(".rp_icerik:first").show();
      $(".sb_link li:first").addClass("aktif");
      $(".sb_link li").click(function(){
         var a = $(this).index();
         $(".sb_link li").removeClass("aktif");
         $(this).addClass("aktif");
         $(".rp_icerik").hide();
         $(".rp_icerik:eq("+a+")").show();
      });
      
      // CSS Düzenlemesi
      $("#header_menu ul li:last a").css("background","none");
      $(".blok2 ul li:last a").css("border","none");
      $("#blok3_oyunlistesi li:last").css("border","none");
   
   });
   </script>
</head>
<body>
<!-- Genel -->
<div id="genel">

   <!-- Header -->
   <div id="header">
   
      <!-- Navbar -->
      <div class="navbar">
   
         <!-- RSS -->
         <div class="rss">
         <a href="#">Subscribe</a> by <a href="#">RSS</a> or <a href="#">Email</a> <a href="#"><img src="images/rss_ikon.png" alt="" /></a>
         </div>
         <!--#RSS -->
      
         <!-- Son Haberler -->
         <div class="son_haberler">
         <strong>Latest Topics: </strong>
         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.1</span>
         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.2</span>
         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.3</span>
         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.4</span>
         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.5</span>
         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.6</span>
         <a href="javascript:void(0)" id="onceki"><img src="images/onceki.png" alt="" /></a>
         <a href="javascript:void(0)" id="sonraki"><img src="images/sonraki.png" alt="" /></a>
         </div>
         <!--#Son Haberler -->
         
      </div>
      <!--#Navbar -->
      
      <!-- Header Orta -->
      <div class="header_orta">
      
         <!-- Ana Sayfa -->
         <a href="index.html" id="ansyf">Anasayfa</a>
         
         <!-- Logo -->
         <div class="logo">
         <h1>Game Portal Logo</h1>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
         </div>
         
         <!-- Giriş Alanı -->
         <div id="giris_alani">
         <form action="" method="post">
         <input type="text" class="input1" value="Username" onfocus="if(this.value == 'Username'){this.value='';}" onblur="if(this.value==''){this.value='Username'}" />
         <input type="password" class="input2" value="Username" onfocus="if(this.value == 'Username'){this.value='';}" onblur="if(this.value==''){this.value='Username'}" />
         <div class="giris_buton"><input type="submit" value="" /></div>
         </form>
         <div class="giris_link"><a href="#">Sign up</a>|<a href="#" style="color: #353535">Forgot Password</a></div>
         </div>
      
      </div>
      <!--#Header Orta -->
      
      <!-- Header Menü -->
      <div id="header_menu">
      
         <!-- Arama -->
         <div class="arama">
         <form action="" method="post">
         <input type="text" class="arama_input" value="Search here..." onfocus="if(this.value == 'Search here...'){this.value='';}" onblur="if(this.value==''){this.value='Search here...'}" />
         <input type="submit" value="" class="arama_btn" />
         </form>
         </div>
      
         <!-- Menü -->
         <ul>
         <li><a href="#">PC</a></li>
         <li><a href="#">Xbox 360</a></li>
         <li><a href="#">Wii</a></li>
         <li><a href="#">PS3</a></li>
         <li><a href="#">PS2</a></li>
         <li><a href="#">PSP</a></li>
         <li><a href="#">DS</a></li>
         <li><a href="#">iPhone</a></li>
         <li><a href="#">Mobile</a></li>
         <li><a href="#" style="color: #e1b503">Forums</a></li>
         <li><a href="#" style="color: #e1b503">Videos</a></li>
         <li><a href="#" style="color: #e1b503">Downloads</a></li>
         </ul>
         
      </div>
      <!--#Header Menü -->
      
      <!-- Alt Menü -->
      <div id="alt_menu">
      <ul>
      <li><a href="#">Reviews</a></li>
      <li><a href="#">Previews</a></li>
      <li><a href="#">Answers</a></li>
      <li><a href="#">Features</a></li>
      <li><a href="#">Trailers</a></li>
      <li><a href="#">Top Games</a></li>
      <li><a href="#">All Games</a></li>
      <li><a href="#">Daily Updates</a></li>
      <li><a href="#">Soapbox</a></li>
      <li><a href="#">Site Blogs</a></li>
      <li><a href="#">Tech</a></li>
      <li><a href="#">Sports</a></li>
      </ul>
      </div>
      <!--#Alt Menü -->
   
   </div>
   <!--#Header -->
   
   <!-- Sağ -->
   <div id="sag">
   
      <!-- Blok 1 -->
      <div class="sag_baslik"><a href="#">See More</a><h3>Latest Headlines</h3></div>
      <div class="sag_blok">
      <ul class="blok1">
      <li><a href="#"><img src="images/resim.png" alt="" />Lorem ipsum dolor sit amet, consectetur adipiscing elit.<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque.</span></a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      </ul>
      </div>
      <div class="sag_alt"></div>
      <!--#Blok 1 -->
      
      <!-- Reklam -->
      <div class="sag_reklam">
      <a href="#"><img src="images/reklam.png" alt="" /></a>
      </div>
      <!--#Reklam -->
      
      <!-- Blok 1 -->
      <div class="sag_baslik"><h3>Game Cheats</h3></div>
      <div class="sag_blok">
      <ul class="blok1">
      <li><a href="#"><img src="images/resim2.png" alt="" />Assassin's Creed: Brotherhood <span>Cheat Code</span></a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      <li><a href="#">God of War 4 on the way?</a></li>
      </ul>
      </div>
      <div class="sag_alt"></div>
      <!--#Blok 1 -->
      
      <!-- Blok 1 -->
      <div class="sag_baslik">
      <ul class="lb_tab">
      <li><a href="javascript:void(0)">Everone</a></li>
      <li><a href="javascript:void(0)">Staff Only</a></li>
      </ul>
      <h3>Latest Blogs</h3>
      </div>
      <div class="sag_blok">
      
         <div class="tab_icerik">
         <ul class="blok1 yeni">
         <li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
         </ul>
         </div>
         
         <div class="tab_icerik">
         <ul class="blok1 yeni">
         <li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
         <li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
         </ul>
         </div>
         
      </div>
      <div class="sag_alt"></div>
      <!--#Blok 1 -->
      
      <!-- Reklam -->
      <div class="sag_reklam">
      <a href="#"><img src="images/reklam.png" alt="" /></a>
      </div>
      <!--#Reklam -->
      
      <!-- Anket -->
      <div class="sag_baslik"><a href="#">Results</a><h3>Game Poll</h3></div>
      <div class="sag_blok">
      <div class="anket_soru">Did you get the 3DS like you said you would?</div>
      <div class="anket_siklar">
      <span><input type="radio" /> Of course.</span>
      <span><input type="radio" /> I never said I was going to get a 3DS!</span>
      <span><input type="radio" /> Waiting for payday, son.</span>
      </div>
      <div class="oyla"><input type="image" src="images/oyla.png" /></div>
      </div>
      <div class="sag_alt"></div>
   
   </div>
   <!--#Sağ -->
   
   <!-- Sol -->
   <div id="sol">
   
      <!-- Slider -->
      <div id="slider">
      
         <!-- 1.İçerik -->
         <div class="slider_icerik">
         <div class="sicerik_sag">
         <span>Emrah Demirağ  |  March 30 2011  |  2 Comments</span>
         <h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.1</a></h2>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
         <div class="goster"><a href="#">Göster</a></div>
         </div>
         <div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
         </div>
         
         <!-- 2.İçerik -->
         <div class="slider_icerik">
         <div class="sicerik_sag">
         <span>Emrah Demirağ  |  March 30 2011  |  2 Comments</span>
         <h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.2</a></h2>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
         <div class="goster"><a href="#">Göster</a></div>
         </div>
         <div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
         </div>
         
         <!-- 3.İçerik -->
         <div class="slider_icerik">
         <div class="sicerik_sag">
         <span>Emrah Demirağ  |  March 30 2011  |  2 Comments</span>
         <h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.3</a></h2>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
         <div class="goster"><a href="#">Göster</a></div>
         </div>
         <div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
         </div>
         
         <!-- 4.İçerik -->
         <div class="slider_icerik">
         <div class="sicerik_sag">
         <span>Emrah Demirağ  |  March 30 2011  |  2 Comments</span>
         <h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.4</a></h2>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
         <div class="goster"><a href="#">Göster</a></div>
         </div>
         <div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
         </div>
      
      <div id="slider_alt">
      <ul>
      <li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
      <li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
      <li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
      <li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
      </ul>
      </div>
      
      </div>
      <!--#Slider -->
      
      <!-- Sol Blok -->
      <div class="sol_baslik">
      <ul class="sb_link">
      <li><a href="javascript:void(0)">All</a></li>
      <li><a href="javascript:void(0)">Technology</a></li>
      <li><a href="javascript:void(0)">News</a></li>
      <li><a href="javascript:void(0)">High Energy</a></li>
      </ul>
      <h3>Recent Posts</h3>
      </div>
      <div class="sol_blok">
      
         <div class="rp_icerik">
         <ul class="sb1">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         
         <ul class="sb2">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         </div>
         
         <div class="rp_icerik">
         <ul class="sb1">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         
         <ul class="sb2">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         </div>
         
         <div class="rp_icerik">
         <ul class="sb1">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         
         <ul class="sb2">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         </div>
         
         <div class="rp_icerik">
         <ul class="sb1">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         
         <ul class="sb2">
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
         </ul>
         </div>
         
      </div>
      <!--#Sol Blok -->
      
      <!-- Blok2 -->
      <div class="blok2" style="float: right">
      <div class="blok2_baslik"><a href="#">See More</a><h3>Solutions</h3></div>
      <ul class="sb2">
      <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
      <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
      <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
      </ul>
      </div>
      
      <div class="blok2">
      <div class="blok2_baslik"><a href="#">See More</a><h3>Technology</h3></div>
      <ul class="sb2">
      <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
      <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
      <li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
      </ul>
      </div>
      <!--#Blok2 -->
      
      <!-- Blok 3 -->
      <div class="blok3_baslik"><a href="#">See More</a><h3>Recent Games</h3></div>
      <div class="blok3">
      
         <ul id="blok3_oyunlistesi">
         <li><span class="puan">92</span><span class="no">2</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">3</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">4</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">5</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">6</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">7</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">8</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">9</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         <li><span class="puan">92</span><span class="no">10</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
         </ul>
         
         <div class="oyun_ayrinti">
         <img src="images/resim7.png" alt="" />
         <div class="oy_puan">95</div>
         <div class="oy_sira"><h1>1</h1><span>Crysis 2</span></div>
         </div>
         
         <div class="oyun_hakknda">
         <p><span>Producer:</span>Crytek Studios</p>
         <p><span>Publisher:</span>EA Games</p>
         <p><span>Type:</span>Action, First Person Shoote</p>
         <p><span>Multi-player:</span>Have</p>
         <p><span>Platform:</span>PC, Playstation 3, XBox 360</p>
         </div>
         
         <div class="oyun_bune">
         Rankings based on user activity from yesterday, limited to upcoming games and games released in the last year.
         </div>
      
      </div>
      <!--#Blok 3 -->
      
      <!-- Video Galeri -->
      <div class="blok3_baslik"><a href="#">See More</a><h3>Video Galleries</h3></div>
      <div class="galeri">
      <ul>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
      </ul>
      </div>
      <!--#Video Galeri -->
      
      <!-- Foto Galeri -->
      <div class="blok3_baslik"><a href="#">See More</a><h3>Photo Galleries</h3></div>
      <div class="galeri">
      <ul>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
      <li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
      </ul>
      </div>
      <!--#Foto Galeri -->
   
   </div>
   <!--#Sol -->

</div>
<!--#Genel -->

<!-- Footer -->
<div id="footer"><div class="footer">

   <!-- Footer Menü -->
   <ul id="fmenu">
   <li><a href="#">PC</a></li>
   <li><a href="#">Xbox 360</a></li>
   <li><a href="#">Wii</a></li>
   <li><a href="#">PS3</a></li>
   <li><a href="#">PS2</a></li>
   <li><a href="#">PSP</a></li>
   <li><a href="#">DS</a></li>
   <li><a href="#">iPhone</a></li>
   <li><a href="#">Mobile</a></li>
   <li><a href="#" style="color: #e1b503">Forums</a></li>
   <li><a href="#" style="color: #e1b503">Videos</a></li>
   <li><a href="#" style="color: #e1b503">Downloads</a></li>
   </ul>
   
   <!-- Arama -->
   <div id="arama">
   <form action="" method="post">
   <input type="text" class="arama_input2" value="Search.." onfocus="if(this.value == 'Search..'){this.value='';}" onblur="if(this.value==''){this.value='Search..'}" />
   <input type="submit" value="" class="arama_btn2" />
   </form>
   </div>
   
   <div class="footer_bloklar">
   
      <!-- Footer Blok -->
      <ul class="footer_blok1">
      <li class="fb_bas">Top Stories:</li>
      <li><a href="#"><img src="images/resim9.png" alt="" /> Zotac GTX 590</a></li>
      <li><a href="#"><img src="images/resim9.png" alt="" /> AMD Radeon HD 6990</a></li>
      <li><a href="#"><img src="images/resim9.png" alt="" /> Medal of Honor Allied Assault </a></li>
      </ul>
      
      <ul class="footer_blok1 diger">
      <li class="fb_bas">Top Games:</li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      </ul>
      
      <ul class="footer_blok1 diger">
      <li class="fb_bas">Top Cheats:</li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      <li><a href="#">Gears of War 3 (X360)</a></li>
      </ul>
      
      <ul class="footer_blok1 diger">
      <li class="fb_bas">Game PortalOn:</li>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">Youtube</a></li>
      <li><a href="#">iPhone</a></li>
      <li><a href="#">Mobile</a></li>
      </ul>
      
   </div>
   
   <div class="copyright">
   <div style="float: right">
   Copyright 2010 Game Portal  -  All Rights Reserved.
   </div>
   Tasarım: <strong>Emrah Demirağ</strong> | CSS: <strong>Tayfun Erbilen</strong>
   </div>

</div></div>
<!--#Footer -->
</body>
</html>

______________
Mesaj30.03.2012, 10:25 (UTC)    
Mesaj konusu:

Kardeş tasarımın ayrılsada sitende uygulayamassın önce resim ve scrip'inin linkleri yani www.siteadı.com/image veya scrip devamı olarak ayarlaman lazım
______________
Mesaj30.03.2012, 11:26 (UTC)    
Mesaj konusu:

css yi yaptım kardeşim kodu böl sen yeter
______________
Mesaj30.03.2012, 15:22 (UTC)    
Mesaj konusu:

yardım lütfen
______________
Mesaj31.03.2012, 15:53 (UTC)    
Mesaj konusu:

yardımmm
______________
Mesaj31.03.2012, 15:58 (UTC)    
Mesaj konusu:

Kardeşim Bak ben bölebilirim kolay ama yazının nereye geliceğini bilmem lazım...
Mesaj31.03.2012, 18:29 (UTC)    
Mesaj konusu:

nası ya ?
______________
Mesaj01.04.2012, 13:18 (UTC)    
Mesaj konusu: Evet

Tasarımını güzel yapmamışsın
Mesaj01.04.2012, 15:36 (UTC)    
Mesaj konusu:

ayıran yok mu ????
______________
Mesaj01.04.2012, 19:17 (UTC)    
Mesaj konusu:

Kardeş Tasarım İçinde PHP Kodları Ne Arıyor..:! Very Happy


Bedava-Sitemde PHP Uygulaması Yok!
Mesaj02.04.2012, 04:11 (UTC)    
Mesaj konusu:

Çalıntı kodlar bunlar kaynaktan alinmis.
Bu yuzden bunlari ayirmam mumkun degildir.
Yani ayirsam bile bu bir suç olur,telif hakki denen bir şey var.
______________
"Kendini dünyalar kadar değerli zannedenlere kısa bir not; Dünya 5 para etmiyor."
Mesaj02.06.2012, 11:43 (UTC)    
Mesaj konusu: Re: Evet

yusuf-ede yazmış:
Tasarımını güzel yapmamışsın
Önceki mesajları göster:   


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