Css Tasarimlar
tasarım Üstü
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <script type="text/javascript" src="script.js"></script> |
Tasarım Altı
</p> <div class="cleared"></div> </div> </div> </div> <div class="art-layout-cell art-content"> <div class="art-post"> <div class="art-post-tl"></div> <div class="art-post-tr"></div> <div class="art-post-bl"></div> <div class="art-post-br"></div> <div class="art-post-tc"></div> <div class="art-post-bc"></div> <div class="art-post-cl"></div> <div class="art-post-cr"></div> <div class="art-post-cc"></div> <div class="art-post-body"> <div class="art-post-inner art-article"> <h2 class="art-postheader"> <img src="images/postheaderıcon.png" width="6" height="6" alt="postheaderıcon" /> Welcome </h2> <div class="art-postcontent"> <!-- article-content --> <p>Lorem ipsum dolor sit amet, <a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>, <a class="hover" href="#" title="hovered link">hovered link</a> consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p> <p> <span class="art-button-wrapper"> <span class="l"> </span> <span class="r"> </span> <a class="art-button" href="javascript:void(0)">Read more...</a> </span> </p> <div class="cleared"></div> <div class="art-content-layout overview-table"> <div class="art-content-layout-row"> <div class="art-layout-cell"> <div class="overview-table-inner"> <h4>Support</h4> <img src="images/01.png" width="55px" height="55px" alt="an image" class="image" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna. </p> </div> </div><!-- end cell --> <div class="art-layout-cell"> <div class="overview-table-inner"> <h4>Development</h4> <img src="images/02.png" width="55px" height="55px" alt="an image" class="image" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna. </p> </div> </div><!-- end cell --> <div class="art-layout-cell"> <div class="overview-table-inner"> <h4>Strategy</h4> <img src="images/03.png" width="55px" height="55px" alt="an image" class="image" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna. </p> </div> </div><!-- end cell --> </div><!-- end row --> </div><!-- end table --> <!-- /article-content --> </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="art-post"> <div class="art-post-tl"></div> <div class="art-post-tr"></div> <div class="art-post-bl"></div> <div class="art-post-br"></div> <div class="art-post-tc"></div> <div class="art-post-bc"></div> <div class="art-post-cl"></div> <div class="art-post-cr"></div> <div class="art-post-cc"></div> <div class="art-post-body"> <div class="art-post-inner art-article"> <h2 class="art-postheader"> <img src="images/postheaderıcon.png" width="6" height="6" alt="postheaderıcon" /> Text, <a href="#" rel="bookmark" title="Permanent Link to this Post">Link</a>, <a class="visited" href="#" rel="bookmark" title="Visited Hyperlink">Visited</a>, <a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink">Hovered</a> </h2> <div class="art-postcontent"> <!-- article-content --> <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <blockquote> <p> “This stylesheet is going to help so freaking much.” <br /> -Blockquote </p> </blockquote> <br /> <table class="art-article" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <th>Header</th> <th>Header</th> <th>Header</th> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr class="even"> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </tbody></table> <p> <span class="art-button-wrapper"> <span class="l"> </span> <span class="r"> </span> <a class="art-button" href="javascript:void(0)">Join Now!</a> </span> </p> <!-- /article-content --> </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> </div> <div class="art-layout-cell art-sidebar2"> <div class="art-block"> <div class="art-block-tl"></div> <div class="art-block-tr"></div> <div class="art-block-bl"></div> <div class="art-block-br"></div> <div class="art-block-tc"></div> <div class="art-block-bc"></div> <div class="art-block-cl"></div> <div class="art-block-cr"></div> <div class="art-block-cc"></div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"></div> <div class="r"></div> <div class="t">Newsletter</div> </div> <div class="art-blockcontent"> <div class="art-blockcontent-body"> <!-- block-content --> <div><form method="get" id="newsletterform" action="javascript:void(0)"> <input type="text" value="" name="email" id="s" style="width: 95%;" /> <span class="art-button-wrapper"> <span class="l"> </span> <span class="r"> </span> <input class="art-button" type="submit" name="search" value="Subscribe" /> </span> </form></div> <!-- /block-content --> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="art-block"> <div class="art-block-tl"></div> <div class="art-block-tr"></div> <div class="art-block-bl"></div> <div class="art-block-br"></div> <div class="art-block-tc"></div> <div class="art-block-bc"></div> <div class="art-block-cl"></div> <div class="art-block-cr"></div> <div class="art-block-cc"></div> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"></div> <div class="r"></div> <div class="t">Contact Info</div> </div> <div class="art-blockcontent"> <div class="art-blockcontent-body"> <!-- block-content --> <div> <img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" /> <br /> <b>Company Co.</b><br /> Las Vegas, NV 12345<br /> Email: <a href="mailto:info@company.com">info@company.com</a><br /> <br /> Phone: (123) 456-7890 <br /> Fax: (123) 456-7890 </div> <!-- /block-content --> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> </div> </div> </div> <div class="cleared"></div><div class="art-footer"> <div class="art-footer-t"></div> <div class="art-footer-l"></div> <div class="art-footer-b"></div> <div class="art-footer-r"></div> <div class="art-footer-body"> <a href="#" class="art-rss-tag-icon" title="RSS"></a> <div class="art-footer-text"> <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a> | <a href="#">Privacy Statement</a><br /> Copyright © 2010 ---. All Rights Reserved.</p> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> <p class="art-page-footer"><a href="http://www.artisteer.com/">Web Template</a> created with Artisteer.</p> </div> </body> </html> |
Css koduna Gerek YOk Xd
T.Üstü
Kod: |
<table width="905" height="130" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="979" height="130" align="center" valign="top" background="http://i1102.hizliresim.com/2011/2/15/5328.gif"><table width="907" height="258" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="21" height="2"> </td> <td width="855"> </td> <td width="29"> </td> </tr> <tr> <td height="auto"></td> <td align="center"><br /></td> <td></td> </tr> <tr> <td height="auto"></td> <td align="center"><p> </p> <p> </p> <p> </p> <table border="0" cellspacing="1" cellpadding="1" width="200"> <tbody> <tr> <td valign="top"><br /> <a href="http://davut-ogulcan.tr.gg/"><img alt="" src="https://img.webme.com/pic/d/davut-ogulcan/4563.gif" /></a></td> <td><br /> <a href="http://davut-ogulcan.tr.gg/Hakkimda.htm"><img alt="" src="https://img.webme.com/pic/d/davut-ogulcan/4555.gif" /></a></td> <td><br /> <a href="http://davut-ogulcan.tr.gg/ulas.htm"><img alt="" src="https://img.webme.com/pic/d/davut-ogulcan/45555.gif" /></a></td> <td><br /> <a href="http://davut-ogulcan.tr.gg/siten-İcin.htm"><img alt="" src="https://img.webme.com/pic/d/davut-ogulcan/545566.gif" /></a></td> </tr> </tbody> </table></p> </td> <td></td> </table> </table> <table width="940" height="64" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="944" align="left" valign="top" background="http://i1102.hizliresim.com/2011/2/15/6190.gif"><table width="940" height="379" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="16" height="379"> </td> <td width="62" align="left" valign="top"> </td> <td width="1"> </td> <td width="805" align="left" valign="top"> |
T.Altı
Kod: |
</td> <td width="40"> </td> </tr> </table></td> </tr> </table> <table width="936" height="184" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="936" height="30" align="left" valign="top" background="http://i1102.hizliresim.com/2011/2/15/6196.gif"> </td> </tr> </table> |
Css
Kod: |
table {margin-left: auto;margin-right: auto} iframe{border:Solid 3px #D7EEFE;} 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;} body,td,th { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #00000; font-weight: normal; } a { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } body { background-image: url(http://i1102.hizliresim.com/2011/2/13/6699.gif); } a:hover { text-decoration: none; } |
Kodlar T.Üstü
Tasarım Altı
Css
İçerik Bölümü (Tasarımda Bozukluk Olmaması İçin Mutlaka Ekle Tasarım Bozula Bİlir)
|