Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  

Tasarım Nasıl Olmuş?
İYİ
  50%
[ 3 ]
KÖTÜ
  50%
[ 3 ]
Toplam Oylar : 6

Yazar Mesaj
Mesaj25.12.2011, 11:20 (UTC)    
Mesaj konusu: Müzik Keyfi1 Sade Şeffaf Tasarım css

Sade Bir Tasarım.
Önizleme: Http://www.123sago123.tr.gg
Bir Teşekkür Yeter Smile

Tasarım Üstü:

Kod:
<!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=iso-8859-1" />
<title>Muzik Keyfi1</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>

<body>

   <!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
         <div id="header">
       
<a href="http://www.muzikkeyfi1.tr.gg"><img src="http://b1112.hizliresim.com/s/t/1bpgn.png" /></a>
 <!---www.fbmlkodarsiv.tr.gg---><div style="text-align: center"><object type="application/x-shockwave-flash" data="http://www.palfm.com.tr/WebPlayer/Swfs/PalPlayer.swf?RID=2&strNO=1&ap=1" width="100%" height="50"><param name="movie" value="http://www.palfm.com.tr/WebPlayer/Swfs/PalPlayer.swf?RID=2&strNO=1&ap=1" /><param name="wmode" value="transparent" /></object><br /> </div>   
             
       </div>
       <!-- End Header -->
       
       <!-- Begin Naviagtion -->
         <div id="navigation">
       
             <div id="foxmenu">
    <ul>
      <li><a href="http://www.free-css.com/" class="current"><span>Link 1</span></a></li>
      <li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 2</span></a></li>
      3<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link </span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 4</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 5</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 6</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 7</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 8</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 9</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 10</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 11</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 12</span></a></li>
<li><a href="http://www.muzikkeyfi1.tr.gg"><span>Link 13</span></a></li>
    </ul>
       
             
       </div>
       <!-- End Naviagtion -->
       
       <!-- Begin Content -->
     




Tasarım Altı:
Kod:
<!-- End Content -->
       
       <!-- Begin Footer -->
       <div id="footer">
             
<div class="fleft">Telik Hakkı © 2011    <a href="http://www.muzikkeyfi1.tr.gg" class="link">Müzik Keyfi 1</a></div>   
             
        </div>
       <!-- End Footer -->
       
   </div>
   <!-- End Wrapper -->
   
</body>
<body background="http://a1112.hizliresim.com/s/t/1bp6y.png">
</html>




Css Kodu:
Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*


/*
      Created by Keith Donegan of Code-Sucks.com
     
     E-Mail: Keithdonegan( at )gmail.com
     
     You can do whatever you want with these layouts,
     but it would be greatly appreciated if you gave a link
     back to http://www.code-sucks.com
     
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper {
 margin: 0 auto;
 width: 1000px;
}
#header {
 width: 1000px;
 color: #333;
 padding: 0px;
 border: px solid #ccc;
 height: 104px;
 margin: 60px 0px 0px 0px;
 background: #DAC8BF;
background:transparent url("http://b1112.hizliresim.com/s/t/1bnfs.png") repeat-x top left;
}
#navigation {
 width: 1000px;
 color: #333;
 padding: 0px;
 border: px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
background:transparent url("http://b1112.hizliresim.com/s/t/1bnys.png") repeat-x top left;
height: 1000px;
}
#content {
 width: 980px;
 color: #333;
 border: 0px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height:2800px;
background:transparent url("http://b1112.hizliresim.com/s/t/1bnhg.png") repeat-x top left;
}
#footer {
 width: 980px;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
background:transparent url("http://b1112.hizliresim.com/s/t/1bnl9.png") repeat-x top left;
 height: 52px;
}





---------------------------------------------------------------------




h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   margin:0;
   padding:0;
   }

hr {
   border:none;
   border-top:1px solid #CCCCCC;
   height:1px;
   margin-bottom:25px;
   }

#foxmenucontainer{
   height:24px;
   background:#000;
   display:block;
   padding:45px 0 0 15px;
   }

#foxmenu{
   position:relative;
   display:block;
   height:60px;
   font-size:12px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvitica,sans-serif;
   }

#foxmenu ul{
   margin:0px;
   padding:0;
   list-style-type:none;
   width:1000px;
   }

#foxmenu ul li{
   display:block;
   float:left;
   margin:0 px 0 0;
   }

#foxmenu ul li a{
   display:block;
   float:left;
   color:#ff0000;
   text-decoration:none;
   padding:22px 20px 0 20px;
   height:60px;
   }

#foxmenu ul li a:hover{
   background:transparent url(http://b1112.hizliresim.com/s/t/1bnyx.png) no-repeat top right;
   }

#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
background:transparent url(http://b1112.hizliresim.com/s/t/1bnyx.png) no-repeat top right;
   }




-----------------------------------------------------------





ol dl li {
list-style-type:decimal;
list-style-position: outside;
font-size:60pt;
top: 70px;
left: 65px;
line-height:normal;
color:#DDD;
_color:#FFF;; /* show to IE */
}

ol dl li dt, ol dl li dd {
_list-style-type:decimal;
_list-style-position: outside;
color:#111;
font-size:0px;
line-height:normal;
font-size:small;
position: center;
top: -70px;
left: -70px;
}


dt {
font-weight:bold;
margin-top: 10px;
margin-bottom: 5px;
}

dd {
background-color: #eeeee7;
padding: 7px;
}



İçerik Bölümü Kullanmak İsterseniz:

Kod:
<center><h1>Müzik Keyfi1</h1>
<ol>
<dl>
<li><dt>Okercilere İş Bulma </dt>
<dd><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.izlesene.com/embedplayer.swf?video=5341131" /><embed src="http://www.izlesene.com/embedplayer.swf?video=5341131" wmode="window" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" menu="false" scale="noScale" width="100%" height="400" type="application/x-shockwave-flash"></embed></object><center><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://123sago123.tr.gg/" data-num-posts="2" data-width="980"></div>
<script language="javascript" src="http://kod.anime.web.tr/bookmark.js"></script>


</dd></li>


<li><dt>hadise - superman 2011</dt>
<dd><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.izlesene.com/embedplayer.swf?video=3295617" /><embed src="http://www.izlesene.com/embedplayer.swf?video=3295617" wmode="window" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" menu="false" scale="noScale" width="100%" height="400" type="application/x-shockwave-flash"></embed></object>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://123sago123.tr.gg/" data-num-posts="2" data-width="980"></div>
<script language="javascript" src="http://kod.anime.web.tr/bookmark.js"></script>


</dd>
</li>


<li><dt>serdar ortaç elimle / yeni klip 2011</dt>
<dd><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.izlesene.com/embedplayer.swf?video=3743427" /><embed src="http://www.izlesene.com/embedplayer.swf?video=3743427" wmode="window" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" menu="false" scale="noScale" width="100%" height="400" type="application/x-shockwave-flash"></embed></object></dd><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://123sago123.tr.gg/" data-num-posts="2" data-width="980"></div>
<script language="javascript" src="http://kod.anime.web.tr/bookmark.js"></script>
</li>


<li><dt>Müzik Keyfi1 </dt>
<dd><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.izlesene.com/embedplayer.swf?video=5267223" /><embed src="http://www.izlesene.com/embedplayer.swf?video=5267223" wmode="window" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" menu="false" scale="noScale" width="100%" height="400" type="application/x-shockwave-flash"></embed></object></dd><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://123sago123.tr.gg/" data-num-posts="2" data-width="980"></div>
<script language="javascript" src="http://kod.anime.web.tr/bookmark.js"></script>
</li>


</dl>
</ol>   <center>   
Mesaj25.12.2011, 11:24 (UTC)    
Mesaj konusu:

Önceki mesajları göster:   


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