Forum'da ara:
Ara


Yazar Mesaj
Mesaj17.04.2009, 11:10 (UTC)    
Mesaj konusu: bu kodu tasarım altı tasarım üstü diye ayırırmısınız
Alıntıyla Cevap Gönder
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Aerolyk by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
   <h1><a href="#">Aerolyk</a></h1>
   <h2><a href="http://www.freecsstemplates.org/">by Free Css Templates </a></h2>
</div>
<div id="content">
   <div id="menu">
      <ul>
         <li class="first"><a href="#">Home</a></li>
         <li><a href="#">Blog</a></li>
         <li><a href="#">Photos</a></li>
         <li><a href="#">Contact</a></li>
      </ul>
   </div>
   <div id="colOne">
      <div class="post">
         <h2 class="title">Welcome to Aerolyk!</h2>
         <h3 class="posted">Posted on January 1th, 2007 by Author</h3>
         <div class="story">
            <p><em><strong>Aerolyk</strong></em> is a free template from <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>.You're free to use it for both commercial or personal use. I only ask that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
         </div>
         <div class="meta">
            <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
         </div>
      </div>
      <div class="post">
         <h2 class="title">Sample Tags</h2>
         <h3 class="posted">Posted on January 1st, 2007 by Author</h3>
         <div class="story">
            <p>An unordered list:</p>
            <ul>
               <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
               <li><a href="#">Vivamus sagittis bibendum erat.</a></li>
               <li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
            </ul>
            <p>An ordered list:</p>
            <ol>
               <li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
               <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
               <li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
            </ol>
            <p>A blockquote: </p>
            <blockquote>
               <p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,  scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a  blandit varius, velit sem tincidunt elit, et pulvinar pede ligula a  sapien. Donec fermentum condimentum nisi. Proin iaculis mauris id lorem  viverra molestie.</p>
            </blockquote>
         </div>
         <div class="meta">
            <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
         </div>
      </div>
   </div>
   <div id="colTwo">
      <ul>
         <li>
            <h2>Search</h2>
            <form method="get" action="#">
               <div>
                  <input type="text" id="textfield1" name="textfield1" value="" size="18" />
                  <input type="submit" id="submit1" name="submit1" value="Search" />
               </div>
            </form>
         </li>
         <li>
            <h2>Archives</h2>
            <ul>
               <li><a href="#">January 2007</a></li>
               <li><a href="#">December 2006</a></li>
               <li><a href="#">November 2006</a></li>
               <li><a href="#">October 2006</a></li>
               <li><a href="#">September 2006</a></li>
               <li><a href="#">August 2006</a></li>
               <li><a href="#">July 2006</a></li>
               <li><a href="#">June 2006</a></li>
               <li><a href="#">May 2006</a></li>
               <li><a href="#">April 2006</a></li>
               <li><a href="#">March 2006</a></li>
               <li><a href="#">February 2006</a></li>
               <li><a href="#">January 2006</a></li>
            </ul>
         </li>
         <li>
            <h2>Categories</h2>
            <ul>
               <li><a href="#">Quisque vestibulum</a> (23)</li>
               <li><a href="#">Sed a nisl a lacus</a> (78)</li>
               <li><a href="#">Quisque sagittis</a> (11)</li>
               <li><a href="#">Etiam volutpat</a> (34)</li>
               <li><a href="#">In aliquet hendrerit</a> (65)</li>
               <li><a href="#">Suspendisse iaculis</a> (35)</li>
               <li><a href="#">Nam vel risus at</a> (22)</li>
               <li><a href="#">Praesent sit amet</a> (54)</li>
            </ul>
         </li>
         <li>
            <h2>Blogroll</h2>
            <ul>
               <li><a href="#">AnotherFriendlySite.net</a></li>
               <li><a href="#">CoolSite.com</a></li>
               <li><a href="#">MyBestFriend.com</a></li>
            </ul>
         </li>
         <li>
            <h2>Meta</h2>
            <ul>
               <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
            </ul>
         </li>
      </ul>
   </div>
   <div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
   <p>Copyright &copy; 2006 Aerolyk. Designed by <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
↑
Mesaj17.04.2009, 11:18 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
bunun anlatımları var bulabilirsin reklam vermiyim
______________
↑
Mesaj17.04.2009, 11:30 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
yok mu bu kodu ayıracak arkadaş bende biliyorum olduğunu ama beceremedim ordan
↑
Mesaj17.04.2009, 18:46 (UTC)    
Mesaj konusu: ben yaparımmm....
Alıntıyla Cevap Gönder
kardeşim kodu değilde sen tasarımın olduğu adresi ver bana ben o tasarımı alt üst sağ sol ne varsa ayırayımm olurmuu ?


blackdogdenizli( at )hotmail.com
↑
Mesaj17.04.2009, 18:50 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
ARKADAŞLAR BENDE AYNI SORUNU YAZIYOM ŞİMDİ AYNI BAŞLIĞI BEN AÇACAKTIM... BANADA VERECEĞİM KODU AYIRIRMISNIZ? AYIRMAK İSTEYEN ÖZEL MESAJDAN İSTESİN KODU VEREYİM... ÇOK ACİL LAZIM
______________
imzaya flash banner eklemek yasaktır.
↑
Mesaj17.04.2009, 18:56 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
şu anda linkini bulamam ki tasarımın


css kodu
Kod:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 0;
   padding: 0;
   background: #FFFFFF url(http://www.ww64.com/uploads/images/2009-04-17/bC50vAsgCU.gif) repeat-x;
   font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #6E697D;
}

form, h1, h2, h3 {
   margin: 0;
   padding: 0;
   text-transform: lowercase;
   color: #7C6DA6;
}

blockquote {
   font-style: italic;
}

a {
   text-decoration: none;
   color: #4E3A85;
}

a:hover {
   text-decoration: underline;
}

/* Header */

#header {
   width: 526px;
   height: 80px;
   margin: 0 auto;
}

#header h1 {
   float: left;
   padding: 30px 0 0 13px;
   letter-spacing: -4px;
   font-size: 3em;
}

#header h2 {
   float: right;
   padding: 52px 13px 0 0;
   font-size: 1.2em;
}

#header a {
   text-decoration: none;
   color: #7C6DA6;
}

/* Menu */

#menu {
   width: 500px;
   height: 50px;
   padding: 13px 13px 0 13px;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   width: 125px;
   height: 40px;
   padding: 10px 0 0 0;
   background: url(http://www.ww64.com/uploads/images/2009-04-17/TE1VwVfux9.gif) no-repeat;
   text-align: center;
   text-transform: lowercase;
   text-decoration: none;
   letter-spacing: -2px;
   font-size: 1.8em;
   color: #FFFFFF;
}

#menu .first a {
   background: none;
}

#menu a:hover {
   color: #7C6DA6;
}

/* Content */

#content {
   width: 526px;
   margin: 0 auto;
   padding: 0;
   background: #FFFFFF url(http://www.ww64.com/uploads/images/2009-04-17/dp1ecLXX8W.gif) no-repeat;
}

/* Column One */

#colOne {
   float: left;
   width: 280px;
   padding: 20px 0 0 23px;
}

#colOne a {
   border-bottom: 1px dotted #7C6DA6;
}

#colOne a:hover {
   border: none;
}

#colOne .post {
   margin-bottom: 30px;
   border-bottom: 1px solid #E6E2F1;
}

#colOne .title {
   letter-spacing: -2px;
   font-size: 1.6em;
}

#colOne .posted {
   font-size: x-small;
}

#colOne .meta {
   height: 25px;
   padding: 10px 0 0 0;
   background: url(http://www.ww64.com/uploads/images/2009-04-17/ptqTHM4Bld.gif) no-repeat right bottom;
}

#colOne .meta p {
   margin: 0;
   padding: 0;
   font-size: x-small;
}

/* Column Two */

#colTwo {
   float: right;
   width: 180px;
   padding: 20px 23px 0 0;
}

#textfield1 {
   width: 145px;
   padding: 2px 0 2px 15px;
   background: #F3F0F9 url(http://www.ww64.com/uploads/images/2009-04-17/KLgkOr8GpL.gif) no-repeat left center;
   border: 1px solid #A69BC6;
   color: #7C6DA6;
}

#submit1 {
   display: none;
}

#colTwo ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#colTwo li ul, #colTwo li form {
   margin: 0 0 10px 0;
   padding: 10px 10px 15px 10px;
   background: url(http://www.ww64.com/uploads/images/2009-04-17/3o2Ufx6RHc.gif) no-repeat left bottom;
}

#colTwo h2 {
   height: 28px;
   padding: 4px 0 0 10px;
   background: url(http://www.ww64.com/uploads/images/2009-04-17/qU6iWBZSIR.gif) no-repeat;
   letter-spacing: -1px;
   font-size: 1.2em;
   color: #FFFFFF;
}

/* Footer */

#footer {
   width: 526px;
   margin: 0 auto;
   padding: 10px 0;
   border-top: 1px solid #A396C4;
}

#footer p {
   text-align: center;
   font-size: x-small;
}




buda internet sayfasındaki kod not defterinden açtım
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Aerolyk by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
   <h1><a href="#">Aerolyk</a></h1>
   <h2><a href="http://www.freecsstemplates.org/">by Free Css Templates </a></h2>
</div>
<div id="content">
   <div id="menu">
      <ul>
         <li class="first"><a href="#">Home</a></li>
         <li><a href="#">Blog</a></li>
         <li><a href="#">Photos</a></li>
         <li><a href="#">Contact</a></li>
      </ul>
   </div>
   <div id="colOne">
      <div class="post">
         <h2 class="title">Welcome to Aerolyk!</h2>
         <h3 class="posted">Posted on January 1th, 2007 by Author</h3>
         <div class="story">
            <p><em><strong>Aerolyk</strong></em> is a free template from <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>.You're free to use it for both commercial or personal use. I only ask that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
         </div>
         <div class="meta">
            <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
         </div>
      </div>
      <div class="post">
         <h2 class="title">Sample Tags</h2>
         <h3 class="posted">Posted on January 1st, 2007 by Author</h3>
         <div class="story">
            <p>An unordered list:</p>
            <ul>
               <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
               <li><a href="#">Vivamus sagittis bibendum erat.</a></li>
               <li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
            </ul>
            <p>An ordered list:</p>
            <ol>
               <li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
               <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
               <li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
            </ol>
            <p>A blockquote: </p>
            <blockquote>
               <p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,  scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a  blandit varius, velit sem tincidunt elit, et pulvinar pede ligula a  sapien. Donec fermentum condimentum nisi. Proin iaculis mauris id lorem  viverra molestie.</p>
            </blockquote>
         </div>
         <div class="meta">
            <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
         </div>
      </div>
   </div>
   <div id="colTwo">
      <ul>
         <li>
            <h2>Search</h2>
            <form method="get" action="#">
               <div>
                  <input type="text" id="textfield1" name="textfield1" value="" size="18" />
                  <input type="submit" id="submit1" name="submit1" value="Search" />
               </div>
            </form>
         </li>
         <li>
            <h2>Archives</h2>
            <ul>
               <li><a href="#">January 2007</a></li>
               <li><a href="#">December 2006</a></li>
               <li><a href="#">November 2006</a></li>
               <li><a href="#">October 2006</a></li>
               <li><a href="#">September 2006</a></li>
               <li><a href="#">August 2006</a></li>
               <li><a href="#">July 2006</a></li>
               <li><a href="#">June 2006</a></li>
               <li><a href="#">May 2006</a></li>
               <li><a href="#">April 2006</a></li>
               <li><a href="#">March 2006</a></li>
               <li><a href="#">February 2006</a></li>
               <li><a href="#">January 2006</a></li>
            </ul>
         </li>
         <li>
            <h2>Categories</h2>
            <ul>
               <li><a href="#">Quisque vestibulum</a> (23)</li>
               <li><a href="#">Sed a nisl a lacus</a> (78)</li>
               <li><a href="#">Quisque sagittis</a> (11)</li>
               <li><a href="#">Etiam volutpat</a> (34)</li>
               <li><a href="#">In aliquet hendrerit</a> (65)</li>
               <li><a href="#">Suspendisse iaculis</a> (35)</li>
               <li><a href="#">Nam vel risus at</a> (22)</li>
               <li><a href="#">Praesent sit amet</a> (54)</li>
            </ul>
         </li>
         <li>
            <h2>Blogroll</h2>
            <ul>
               <li><a href="#">AnotherFriendlySite.net</a></li>
               <li><a href="#">CoolSite.com</a></li>
               <li><a href="#">MyBestFriend.com</a></li>
            </ul>
         </li>
         <li>
            <h2>Meta</h2>
            <ul>
               <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
            </ul>
         </li>
      </ul>
   </div>
   <div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
   <p>Copyright &copy; 2006 Aerolyk. Designed by <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.