Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.12.2008, 21:50 (UTC)    
Mesaj konusu: tasarım altı üstü diye ayırırmısınız

Kod:
<div id="sidebar">
      <div id="login" class="boxed">
         <div class="title">
            <h2>Client Account</h2>
         </div>
         <div class="content">
            <form id="form1" method="post" action="#">
               <fieldset>
               <legend>Sign-In</legend>
               <label for="inputtext1">Client ID:</label>
               <input id="inputtext1" type="text" name="inputtext1" value="" />
               <label for="inputtext2">Password:</label>
               <input id="inputtext2" type="password" name="inputtext2" value="" />
               <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" />
               <p><a href="#">Forgot your password?</a></p>
               </fieldset>
            </form>
         </div>
      </div>
      <!-- end #login -->
      <div id="updates" class="boxed">
         <div class="title">
            <h2>Recent Updates</h2>
         </div>
         <div class="content">
            <ul>
               <li>
                  <h3>March 5, 2007</h3>
                  <p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p>
               </li>
               <li>
                  <h3>March 3, 2007</h3>
                  <p><a href="#">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p>
               </li>
               <li>
                  <h3>February 28, 2007</h3>
                  <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p>
               </li>
               <li>
                  <h3>February 25, 2007</h3>
                  <p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p>
               </li>
               <li>
                  <h3>February 20, 2007</h3>
                  <p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p>
               </li>
            </ul>
         </div>
      </div>
      <!-- end #updates -->
   </div>
   <!-- end #sidebar -->
   <div id="main">
      <div id="welcome" class="post">
         <h2 class="title"><span>Welcome to Newfangled!</span></h2>
         <h3 class="date"><span class="month">Mar.</span> <span class="day">8</span><span class="year">, 2007</span></h3>
         <div class="story"><img src="images/img09.jpg" alt="" width="120" height="120" class="left" />
            <p><strong>Newfangled</strong> is a free template from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <em>Enjoy :)</em></p>
         </div>
         <div class="meta">
            <p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a href="#">Daily Journal</a><br />
               <a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>
         </div>
      </div>
      <!-- end #welcome -->
      <div id="example" class="post">
         <h2 class="title"><span>Examples of Common Tags</span></h2>
         <h3 class="date"><span class="month">Feb.</span> <span class="day">24</span><span class="year">, 2007</span></h3>
         <div class="story">
            <p>This is an example of a paragraph followed by a blockquote:</p>
            <blockquote>
               <p>&ldquo;Pellentesque tristique ante ut  risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum  id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec  placerat odio.&rdquo;</p>
            </blockquote>
            <h3>Heading Level Three</h3>
            <p>This is another example of a paragraph followed by an unordered list:</p>
            <p>An ordered list example:</p>
            <ol>
               <li>List item number one</li>
               <li>List item number two</li>
               <li>List item number thre</li>
            </ol>
         </div>
         <div class="meta">
            <p>Posted by Jane Anderson under <a href="#">Samples</a><br />
               <a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>
         </div>
      </div>
      <!-- end #example -->
   </div>
   <!-- end #main -->
   <div id="sidebar2">
      <div id="sponsors" class="boxed">
         <div class="title">
            <h2>Sponsors</h2>
         </div>
         <div class="content">
            <ul>
               <li> <a href="#">In posuere eleifend</a></li>
               <li> <a href="#">Quisque dictum </a></li>
               <li> <a href="#">Donec leo, vivamus </a></li>
               <li> <a href="#">Nam pede erat porta </a></li>
               <li> <a href="#">Vivamus fermentum </a></li>
            </ul>
         </div>
      </div>
      <!-- end #sponsors -->
      <div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt="" width="120" height="600" /></a></div>
   </div>
   <div style="clear: both;">&nbsp;</div>
</div>
<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
   <p id="legal">Copyright &copy; 2007 Newfangled. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
   <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
Mesaj20.12.2008, 09:11 (UTC)    
Mesaj konusu:

Ben Kodları Ayırdım Alt Ve Üst Olmak Üzere.

Tasarımın Üstüne

Kod:
<div id="sidebar">
      <div id="login" class="boxed">
         <div class="title">
            <h2>Client Account</h2>
         </div>
         <div class="content">
            <form id="form1" method="post" action="#">
               <fieldset>
               <legend>Sign-In</legend>
               <label for="inputtext1">Client ID:</label>
               <input id="inputtext1" type="text" name="inputtext1" value="" />
               <label for="inputtext2">Password:</label>
               <input id="inputtext2" type="password" name="inputtext2" value="" />
               <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" />
               <p><a href="#">Forgot your password?</a></p>
               </fieldset>
            </form>
         </div>
      </div>
      <!-- end #login -->
      <div id="updates" class="boxed">
         <div class="title">
            <h2>Recent Updates</h2>
         </div>
         <div class="content">
            <ul>
               <li>
                  <h3>March 5, 2007</h3>
                  <p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p>
               </li>
               <li>
                  <h3>March 3, 2007</h3>
                  <p><a href="#">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p>
               </li>
               <li>
                  <h3>February 28, 2007</h3>
                  <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p>
               </li>
               <li>
                  <h3>February 25, 2007</h3>
                  <p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p>
               </li>
               <li>
                  <h3>February 20, 2007</h3>
                  <p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p>
               </li>
            </ul>
         </div>
      </div>
      <!-- end #updates -->
   </div>
   <!-- end #sidebar -->
   <div id="main">
      <div id="welcome" class="post">


Tasarımın Altına

Kod:
</div>
         <div class="meta">
            <p>Posted by Jane Anderson under <a href="#">Samples</a><br />
               <a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>
         </div>
      </div>
      <!-- end #example -->
   </div>
   <!-- end #main -->
   <div id="sidebar2">
      <div id="sponsors" class="boxed">
         <div class="title">
            <h2>Sponsors</h2>
         </div>
         <div class="content">
            <ul>
               <li> <a href="#">In posuere eleifend</a></li>
               <li> <a href="#">Quisque dictum </a></li>
               <li> <a href="#">Donec leo, vivamus </a></li>
               <li> <a href="#">Nam pede erat porta </a></li>
               <li> <a href="#">Vivamus fermentum </a></li>
            </ul>
         </div>
      </div>
      <!-- end #sponsors -->
      <div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt="" width="120" height="600" /></a></div>
   </div>
   <div style="clear: both;">&nbsp;</div>
</div>
<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
   <p id="legal">Copyright &copy; 2007 Newfangled. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
   <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
Önceki mesajları göster:   


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