Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj27.01.2013, 09:59 (UTC)    
Mesaj konusu: Bu kodun tasarım altı ve t.üstünü ayırır msınız?

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>Styles | RS 12 - Free CSS Template</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap">
<div id="header">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="#nogo">Nogo</a></li>
</ul>
</div>
<div id="breadcrumb"><a href="#">YourWebsite.com</a> &raquo; <a href="#">Home </a></div>
<h1 id="sitename"><a href="#">RS Tech Blog</a><span class="caption">High Quality Templates &amp; Themes</span> </h1>
</div>
<div id="content">
<div id="left">
<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
  <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
 <img class="alignright" src="images/imgsample.jpg" alt="image" /> <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
 <img class="alignleft" src="images/imgsample.jpg" alt="image" /> <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
  <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div id="pagination">
<span class="alignleft"><a href="#">&laquo; Previous Page</a></span>
<span class="alignright"><a href="#">Next Page &raquo;</a></span></div>
</div>
<div id="sidebar">
      
         <h3>Categories</h3>
         <ul>            
   <li class="cat-item cat-item-4"><a href="#" title="cat">Lorem Ipsum </a></li>
   <li class="cat-item cat-item-5"><a href="#" title="cat">Apple Macintosh </a></li>
   <li class="cat-item cat-item-3"><a href="#" title="cat">Linux Ubuntu </a></li>
   <li class="cat-item cat-item-1"><a href="#" title="cat">Wordpress Themes</a></li>
         <li class="cat-item cat-item-1"><a href="#">XHTML Themes</a></li>
         <li class="cat-item cat-item-1"><a href="#">Free Releases  </a></li>
         </ul>

         <h3>Archives</h3>
         <ul>            
   <li><a href='#' title='March 2008'>March 2008</a></li>
   <li><a href='#' title='February 2008'>February 2008</a></li>
   <li><a href='#' title='January 2008'>January 2008</a></li>

   <li><a href='#' title='December 2007'>December 2007</a></li>
         </ul>   
            
         <h3>Links</h3>
         <ul>
                   <li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>

<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
      
         </ul>
         
         <h3>Meta</h3>
         <ul>
                        <li><a href="#">Log in</a></li>
               <li><a href="#" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

            <li><a href="#"><abbr title="XHTML Friends Network">XFN</abbr></a></li>

               <li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
     </ul>   
         
         <h3>Search Box</h3>   
<form action="http://demo.themelab.com/" class="searchform">
            <p>
            <input name="s" class="textbox" type="text" />

              <input class="button" value="Search" type="submit" />
            </p>         
     </form>

</div>
<div class="clear"></div>
</div>
<div id="pagebottom"></div>

<div id="footer">
<p>&copy; All Contents are Copyrighted 2006 - 2008</p>
<p><a href="#">Put</a> | <a href="#">Some More</a> | <a href="#">Links</a> | <a href="#">In the</a> | <a href="#">Bottom</a> | <a href="#">Of the </a>| <a href="#">Page </a></p>
<p><!-- Removing this link back to Ramblingsoul.com will be violation of the Creative Commons Attribution 3.0 Unported License, under which this template is released for download -->
<a href="http://ramblingsoul.com" title="Download High Quality CSS Layouts">CSS Layout</a> by RamblingSoul.com
<!-- Copyright - Ramblingsoul.com --></p>

</div>
</div>
</body>
</html>
Mesaj27.01.2013, 15:32 (UTC)    
Mesaj konusu:

Tasarımın Üstü ;

______________________________________________________
<div id="wrap">
<div id="header">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="#nogo">Nogo</a></li>
</ul>
</div>
<div id="breadcrumb"><a href="#">YourWebsite.com</a> &raquo; <a href="#">Home </a></div>
<h1 id="sitename"><a href="#">RS Tech Blog</a><span class="caption">High Quality Templates &amp; Themes</span> </h1>
</div>
<div id="content">
_____________________________________________________
Tasarımın Altı
_____________________________________________________
<div id="left">
<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
<p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
<img class="alignright" src="images/imgsample.jpg" alt="image" /> <p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
<img class="alignleft" src="images/imgsample.jpg" alt="image" /> <p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Sample of a post</h2>
<p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div id="pagination">
<span class="alignleft"><a href="#">&laquo; Previous Page</a></span>
<span class="alignright"><a href="#">Next Page &raquo;</a></span></div>
</div>
<div id="sidebar">

<h3>Categories</h3>
<ul>
<li class="cat-item cat-item-4"><a href="#" title="cat">Lorem Ipsum </a></li>
<li class="cat-item cat-item-5"><a href="#" title="cat">Apple Macintosh </a></li>
<li class="cat-item cat-item-3"><a href="#" title="cat">Linux Ubuntu </a></li>
<li class="cat-item cat-item-1"><a href="#" title="cat">Wordpress Themes</a></li>
<li class="cat-item cat-item-1"><a href="#">XHTML Themes</a></li>
<li class="cat-item cat-item-1"><a href="#">Free Releases </a></li>
</ul>

<h3>Archives</h3>
<ul>
<li><a href='#' title='March 2008'>March 2008</a></li>
<li><a href='#' title='February 2008'>February 2008</a></li>
<li><a href='#' title='January 2008'>January 2008</a></li>

<li><a href='#' title='December 2007'>December 2007</a></li>
</ul>

<h3>Links</h3>
<ul>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>

<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

</ul>

<h3>Meta</h3>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

<li><a href="#"><abbr title="XHTML Friends Network">XFN</abbr></a></li>

<li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
</ul>

<h3>Search Box</h3>
<form action="http://demo.themelab.com/" class="searchform">
<p>
<input name="s" class="textbox" type="text" />

<input class="button" value="Search" type="submit" />
</p>
</form>

</div>
<div class="clear"></div>
</div>
<div id="pagebottom"></div>

<div id="footer">
<p>&copy; All Contents are Copyrighted 2006 - 2008</p>
<p><a href="#">Put</a> | <a href="#">Some More</a> | <a href="#">Links</a> | <a href="#">In the</a> | <a href="#">Bottom</a> | <a href="#">Of the </a>| <a href="#">Page </a></p>
<p><!-- Removing this link back to Ramblingsoul.com will be violation of the Creative Commons Attribution 3.0 Unported License, under which this template is released for download -->
<a href="http://ramblingsoul.com" title="Download High Quality CSS Layouts">CSS Layout</a> by RamblingSoul.com
<!-- Copyright - Ramblingsoul.com --></p>

</div>
</div>
______________________________________________________


CSS kodu yok ? [/code]
Önceki mesajları göster:   


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