Photoshop Ustası - photoshop'un Ustası - Css Tasarımlar (Sayfa5)

Css Tasarımlar (Sayfa5)

KRİSTAL RENKLİ TEMA

TASARIM ÜSTÜ
<div id="main" class="box">  <div id="header">  <h3 id="logo"><a href="./" _fcksavedurl="./" title="CrystalX [Go to homepage]">Crystal<strong>X</strong><span></span></a></h3> <hr class="noscreen" />  <div class="noscreen noprint"> <p><em>Quick links: <a href="#content" _fcksavedurl="#content">content</a>, <a href="#tabs" _fcksavedurl="#tabs">navigation</a>, <a href="#search" _fcksavedurl="#search">search</a>.</em></p> <hr /> </div>  <div id="search" class="noprint"> <form action="" method="get"> <fieldset><legend>Search</legend> <label><span class="noscreen">Find:</span> <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label> <input type="image" src="http://www.nuviotemplates.com/templates/crystalx-01/design/search_submit.gif" id="search-submit" value="OK" /> </fieldset> </form> </div>  </div>   <div id="tabs" class="noprint"> <h5 class="noscreen">Navigation</h5> <ul class="box"> <li><a href="#" _fcksavedurl="#">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <li id="active"><a href="#" _fcksavedurl="#">Weblog<span class="tab-l"></span><span class="tab-r"></span></a></li>  <li><a href="#" _fcksavedurl="#">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Photos<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Portfolio<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Links<span class="tab-l"></span><span class="tab-r"></span></a></li> </ul> <hr class="noscreen" /> </div>   <div id="page" class="box"> <div id="page-in" class="box"> <div id="strip" class="box noprint">  <p id="rss"><strong>RSS:</strong> <a href="#" _fcksavedurl="#">articles</a> / <a href="#" _fcksavedurl="#">comments</a></p> <hr class="noscreen" />  <p id="breadcrumbs">You are here: <a href="#" _fcksavedurl="#">Home</a> > <a href="#" _fcksavedurl="#">Category</a> > <strong>Page</strong></p> <hr class="noscreen" /> </div>  <div id="conttent"> <div class="article"> <h4>HackeR FrienD.Net</h4> <p class="info noprint">Bilgi Güçtür, Paylaştıkça Büyür!</p><p>

TASARIM ALTI
</p></div> <hr class="noscreen" /> </div>   <div id="col" class="noprint"> <div id="col-in">  <h5><span><a href="#" _fcksavedurl="#">About Me</a></span></h5> <div id="about-me"> <p><img src="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" /> <strong>John Doe</strong><br /> Age: 26<br /> Dallas, TX<br /> <a href="#" _fcksavedurl="#">Profile on MySpace</a></p> </div>  <hr class="noscreen" />  <h5 ><span>Category</span></h5> <ul id="category"> <li id="category-active"><a href="#" _fcksavedurl="#">Selected category</a></li>  <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> </ul> <hr class="noscreen" />  <h5><span>Archive</span></h5> <ul id="archive"> <li><a href="#" _fcksavedurl="#">January 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2006</a></li> <li><a href="#" _fcksavedurl="#">November 2006</a></li> <li><a href="#" _fcksavedurl="#">October 2006</a></li> <li><a href="#" _fcksavedurl="#">September 2006</a></li> <li id="archive-active"><a href="#" _fcksavedurl="#">August 2006</a></li>  <li><a href="#" _fcksavedurl="#">July 2006</a></li> <li><a href="#" _fcksavedurl="#">June 2006</a></li> <li><a href="#" _fcksavedurl="#">May 2006</a></li> <li><a href="#" _fcksavedurl="#">April 2006</a></li> <li><a href="#" _fcksavedurl="#">March 2006</a></li> <li><a href="#" _fcksavedurl="#">February 2006</a></li> <li><a href="#" _fcksavedurl="#">January 2006</a></li> </ul> <hr class="noscreen" />  <h5><span>Links</span></h5> <ul id="links"> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> </ul> <hr class="noscreen" /> </div>  </div>  </div>  </div>   <div id="footer"> <div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" _fcksavedurl="#header" title="Back on top ^">^<span></span></a></p></div> <hr class="noscreen" />  <p id="createdby"><a href="http://www.nuviotemplates.com/" _fcksavedurl="http://www.nuviotemplates.com/">Free web templates</a></p>  <p id="copyright">© 2007 <a href="mailto:my@mail.com" _fcksavedurl="mailto:my@mail.com">My Name</a></p> </div>  </div>

CSS

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;} /*   ----------------------------------------------------------------------------------------------------------      This website template was downloaded from http://www.nuviotemplates.com  - visit us for more templates Structure: display; position; float;  z-index; overflow; width; height; margin; padding; border; background;  align; font;  ----------------------------------------------------------------------------------------------------------      */ * {min-height:1px;} body {border:0; margin:0; padding:0;  background:#F2F5FE  url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg.gif")  0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666;  text-align:center;} a {color:#192666;} a:hover {color:#4F6AD7;} p  {border:0; margin:15px 0; padding:0;} div {display:block; border:0;  margin:0; padding:0;} h3, h4, h5, h4, h5 {border:0; margin:15px 0 10px  0; padding:0; font-weight:bold;} h3 {font-size:260%; line-height:100%;  font-family:"georgia",serif; font-weight:normal;} h4 {font-size:180%;  line-height:100%; font-family:"georgia",serif; font-weight:normal;} h5  {font-size:120%; line-height:100%; font-weight:bold;} h4  {font-size:120%;} h5 {font-size:100%;} table {display:table;  border-collapse:collapse; margin:15px 0; padding:0; border:1px solid  #B7CAF6; font-size:100%;} tr {display:table-row;} th, td {display:  table-cell; border:1px solid #B7CAF6; margin:0; padding:5px;  vertical-align:top; text-align:left;} th {background:#E7ECFD;  text-align:center; color:#192666; font-weight:bold;} ul, ol  {display:block; border:0; margin:15px 0 15px 40px; padding:0;} ol  {list-style-type:decimal;} li {display:list-item; border:0; margin:0;  padding:0;} ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;} dl  {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0;  font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;} form  {border:0; margin:0; padding:0;} fieldset {border:1px solid #ccc;  margin:15px 0; padding:10px;} legend {margin-left:10px; font-size:100%;  font-weight:bold; color:#008;} hr {display:block; height:1px;  margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC;  color:#CCC;} a, img, span {border:0; margin:0; padding:0;} abbr, acronym  {border-bottom:1px dotted #CCC; cursor:help;} del, .through  {text-decoration:line-through;} strong, .strong {font-weight:bold;}  cite, em, q, var {font-style:italic;} code, kbd, samp  {font-family:monospace; font-size:110%;} .f-left {float:left;} .f-right  {float:right;} .t-left {text-align:left;} .t-center {text-align:center;}  .t-right {text-align:right;} .va-middle {vertical-align:middle;} .clear  {clear:both;} .box {min-height:1px;} .box:after {content:".";  display:block; line-height:0px; font-size:0px; visibility:hidden;  clear:both;} .nom {margin:0;} .noscreen {display:none;} /*  -----------------...........---------------------------------------------------------------------------------------      */ #main {width:770px; margin:50px auto 0 auto; text-align:left;}  #header {position:relative; width:770px; height:100px; margin:0;  padding:0; background:#233C9B  url("http://www.nuviotemplates.com/templates/crystalx-01/design/header.jpg")      0 0 no-repeat; color:#FFF;} #header #logo {position:absolute; top:35px;  left:35px; margin:0;} #header #logo a {color:#FFF;} #header #logo  a:hover {color:#B5C4E3; text-decoration:underline;} #header #search  {position:absolute; top:35px; right:20px;} #header #search form  {position:relative;} #header #search #search-input-out  {position:absolute; top:0; right:45px; width:155px; height:28px;  margin:0; padding:0; border:0;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/search_input.gif")      0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}  #header #search #search-input {width:140px; margin:5px 8px; padding:3px  0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif;  color:#192666;} #header #search #search-submit {position:absolute;  top:0; right:0px;} #header #search fieldset {margin:0; padding:0;  border:0;} #header #search fieldset {width:200px;} #header #search  legend {display:none;} #tabs {background:#192666; margin:0 5px;  padding:10px 0 0 0; _height:1px;} #tabs ul {margin:0 10px; padding:0;  list-style:none;} #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}  #tabs ul li a {display:block; position:relative; padding:7px 15px;  border:0;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link.gif")      0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none;  cursor:pointer;} #tabs ul li a span.tab-l, #tabs ul li a:hover  span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px;  height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_l.gif")      0 0 no-repeat;} #tabs ul li a span.tab-r, #tabs ul li a:hover  span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px;  height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_r.gif")      100% 0 no-repeat;} #tabs ul li a:hover  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover.gif")      0 0 repeat-x; color:#FFF;} #tabs ul li a:hover span.tab-l  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_l.gif")      0 0 no-repeat;} #tabs ul li a:hover span.tab-r  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_r.gif")      100% 0 no-repeat;} #tabs ul li#active a {background:#FFF;  color:#FF9000;} #tabs ul li#active a span.tab-l {position:absolute;  top:0; left:0; _left:-15px; width:8px; height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_l.gif")      0 0 no-repeat;} #tabs ul li#active a span.tab-r {position:absolute;  top:0; right:0; width:8px; height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_r.gif")      100% 0 no-repeat;} #page {width:770px; min-height:1px; background:#FFF  url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page.gif")      0 0 repeat-y; _height:1px;} #page-in {min-height:1px; padding:10px 0;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page_in.jpg")      0 0 no-repeat; _height:1px;} #strip {position:relative; clear:both;  padding:3px 20px 10px 20px; color:#6182D1;} #strip p {margin:0;} #strip a  {color:#6182D1;} #strip a:hover {color:#192666;} #strip #breadcrumbs  {width:520px; margin:0; padding:0;} #strip #rss {float:right;  width:175px; _width:200px; margin:0; padding-left:25px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_rss.gif")      0 50% no-repeat} #conttent {float:left; width:530px; _width:550px;  margin:0; padding:0 0 0 20px;} #conttent .article {clear:both; margin:0;  padding:20px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_article_bg.jpg")      0 0 no-repeat;} #conttent .article h4 {margin:0 -20px; padding:10px;  background:#DEE5FD  url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_title_bg.gif")      0 0 repeat-y; color:#192666;} #conttent .article h4 span  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_list.gif")      0 50% no-repeat; padding-left:25px;} #conttent .article p  {text-align:justify;} #conttent .info {margin:10px 0;  padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}  #conttent .info a {color:#6685CC;} #conttent .info a:hover  {color:#FF9000;} #conttent .info span.date, #conttent .info span.cat,  #conttent .info span.user, #conttent .info span.comments  {padding-left:15px;} #conttent .info span.date  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_date.gif")      0 50% no-repeat;} #conttent .info span.cat  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_cat.gif")      0 50% no-repeat; margin-left:8px;} #conttent .info span.user  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_user.gif")      0 50% no-repeat; margin-left:8px;} #conttent .info span.comments  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_comments.gif")      0 50% no-repeat; margin-left:8px;} #conttent .btn-more {margin:0 0 15px  0; padding:0; border:0; position:relative;} #conttent .btn-more a  {display:block; position:absolute; top:0; right:0; width:67px;  _width:95px; height:21px; margin:0; padding:0 0 0 28px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif")      0 0 no-repeat; color:#FFF; text-decoration:none;} #conttent .btn-more  a:hover  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif")      -95px 0 no-repeat;} #col {float:left; width:200px; margin:0; padding:0;  background:#CEDBF9  url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_bg.gif")      0 0 repeat-y;} #col-in {padding:20px 10px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_top.gif")      0 0 no-repeat;} #col h5 {padding:13px 15px 14px 15px; margin:0 -10px  15px -10px; background:#A0B9F3  url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_title_bg.gif")      0 0 repeat-y; color:#192666;} #col #about-me {margin-bottom:15px;  line-height:130%;} #col #about-me p {margin:0;} #col #about-me #me  {float:left; width:54px; height:58px; margin-right:7px;} #col  ul#category {margin:15px 0; padding:0; list-style:none;} #col  ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}  #col ul#category li a {display:block; padding:3px 0 3px 22px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif")      5px 6px no-repeat; text-decoration:none;} #col ul#category li a:hover  {background-color:#D3DFF8; color:#192666;} #col ul#category  li#category-active a {background:#E0E8FA  url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif")      5px 50% no-repeat; font-weight:bold;} #col ul#archive {margin:15px 0;  padding:0; list-style:none;} #col ul#archive li {margin:0; padding:0;  border-bottom:1px solid #E0E8FA;} #col ul#archive li a {display:block;  padding:3px 0 3px 22px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif")      5px 50% no-repeat; text-decoration:none;} #col ul#archive li a:hover  {background-color:#D3DFF8; color:#192666;} #col ul#archive  li#archive-active a {background:#E0E8FA  url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif")      5px 6px no-repeat; font-weight:bold;} #col ul#links {margin:15px 0;  padding:0; list-style:none;} #col ul#links li {margin:0; padding:0;  border-bottom:1px solid #E0E8FA;} #col ul#links li a {display:block;  padding:3px 0 3px 22px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_links.gif")      5px 6px no-repeat; text-decoration:none;} #col ul#links li a:hover  {background-color:#D3DFF8; color:#192666;} #footer {position:relative;  clear:both; width:770px; height:60px; margin-bottom:50px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/footer.jpg")      0 0 no-repeat; color:#6685CC;} #footer a {color:#6685CC;} #footer  a:hover {color:#192666;} #top {position:absolute; top:55px; left:550px;}  #top p {position:relative; width:30px; height:25px; margin:0;  overflow:hidden;} #top p span {display:block; position:absolute; left:0;  top:0; z-index:1; width:30px; height:25px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif")      0 0 no-repeat; cursor:pointer;} #top a:hover span  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif")      -30px 0 no-repeat;} #footer p#copyright {position:absolute; top:10px;  left:40px; margin:0;} #createdby {position:absolute; top:10px;  left:562px; margin:0; color:#8CA3D8;} #createdby a {color:#8CA3D8;}

ŞEHİR TEMASI

TASARIM ÜSTÜ
<div id="wrap"> <div id="header"> <h1>CITYSCAPESBLOG</h1> <div class="sc"> <form action="/" method="post" id="sc"> <input type="text" name="q" id="q" value="" class="q"/> <input type="submit" name="submit" id="submit" value="" class="submit"/> </form> </div> <ul id="nav"> <li class="first"><a href="#" _fcksavedurl="#">HOME</a></li> <li><a href="#" _fcksavedurl="#">CONTACT</a></li> <li><a href="#" _fcksavedurl="#">ABOUT</a></li> <li><a href="#" _fcksavedurl="#">COMMENT</a></li> </ul> </div>  <div id="content"> <div class="main fr"> <div class="mainin"> <h2>HackeR FrienD.Net</h2>

TASARIM ALTI
</div> </div> <div class="side fl"> <div class="sinner"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque porta. Aliquam mi. Nulla vitae elit. Vivamus imperdiet, nulla et interdum pulvinar, mauris felis vulputate velit, eget tempus nulla felis id sapien. Duis imperdiet erat eget ligula. Maecenas ultricies velit. Vivamus auctor. Nulla ullamcorper, tortor in ultricies congue, eros massa pharetra felis, vitae tempus magna dolor sed eros. Aliquam erat volutpat. Integer id mi. </p> </div> <div id="bg"> <p id="copyright">© 2008. All Rights Reserved. <br/> Designed by <a href="http://www.free-css-templates.com/" _fcksavedurl="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/" _fcksavedurl="http://www.dubaiapartments.biz/">Dubai Villas</a></p> </div> </div> </div>   </div>

CSS

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;} /*  CSS RESET */  html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym      {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub  {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}      body {font:13px/1.231  arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}      /* CSS RESET */ body { text-align:center; color:#6d6b6e } a {  text-decoration:none; color:#000 } a:hover { text-decoration: underline;  } #wrap { width:900px; text-align:left; margin:0 auto; } .fl{  float:left} .fr{ float:right} .clearfix{ clear:both} /* header */  #header {  background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/hd.jpg);      height:273px; position:relative} #header h1 {font-size:40px;  font-weight:700; position:absolute; left:70px; top:20px;color:#fff}  .sc{background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/s.gif)      no-repeat;height:38px; width:230px; position:absolute; right:70px;  top:20px} .q { border:#1D7E9F 1px solid;width:165px; height:25px;  position: absolute; top:8px; right:55px; background:#1D7E9F } .submit  {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/go.gif)      no-repeat; height:39px; width:39px; border:0; position: absolute;  top:0px; right:5px; } #header li{ float:left; padding:0 6px;  line-height:1.9em } #header ul{ position:absolute; right:30px;  top:232px; font-size:11px;border: #0099CC solid; border-width:3px 0}  #header li a:hover { background:#0099CC; text-decoration:none} /*  content */ #content {} .side  {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/left.jpg)      no-repeat; width:451px;} .sinner {width:250px; margin:200px 0 0 150px;  font-size:11px} .main {background:#F4F5EE; } .main h2 {font-size:34px;  text-align:right; font-weight:700; margin:20px 0} .mainin {  padding:20px; width:409px;} #bg{  background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/bg.jpg)}      #bg,.main { padding-bottom:300px; margin-bottom:-300px; } #copyright{  width:250px; height:50px; padding:100px 0 0 150px;} #content {  overflow:hidden; } /* footer */ #copyright {font-size:11px;}

WORLD OF WARCRAFT TEMASI

TASARIM ÜSTÜ

<div id="box"> <div  id="top"> <div id="header"><h1><a  href="http://themepreview.amazingwordpressthemes.com/"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/"  title="‘World of Warcraft/world-of-warcraft’ Theme Preview">‘World of  Warcraft/world-of-warcraft’ Theme  Preview</a></h1></div>   </div>  <div id="navbox"> <div  id="nav"> <ul class="nav"> <li  class="current_page_item"><a  href="http://themepreview.amazingwordpressthemes.com/"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/">Home</a></li>      <li class="page_item page-item-2"><a  href="http://themepreview.amazingwordpressthemes.com/?page_id=2"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2"  title="About">About</a></li> <li class="page_item  page-item-5"><a  href="http://themepreview.amazingwordpressthemes.com/?page_id=5"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5"  title="Sample Page">Sample Page</a></li> </ul>  </div>  <form id="searchform"  method="get"  action="http://themepreview.amazingwordpressthemes.com/"><input  value="Search"  onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%20%7Bthis.value%20%3D%20''%3B%7D%22"       onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Search'%3B%7D%22"      size="18" maxlength="50" name="s" id="s" type="text"> </form>  </div>  <div id="content"> <div  class="post" id="post-4"> <div class="posthead">  <h2>HackeR FrienD</h2> <small class="postauthor">Bilgi  Güçtür, Paylaştıkça Büyür!</small> <p class="postdate">  <small class="day">12</small> <small  class="month">Feb</small> <small  class="year"></small> </p> </div>  <!--{12487054253254}-

TASARIM ALTI

</div>      <div class="navigation"> <div  class="alignleft"></div> <div  class="alignright"></div> </div>  </div>  <div id="sidebar">  <div class="lsidebar"> <ul> <li  class="pagenav"><h2>Pages</h2><ul><li  class="page_item page-item-2"><a  href="http://themepreview.amazingwordpressthemes.com/?page_id=2"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2"  title="About">About</a></li> <li class="page_item  page-item-5"><a  href="http://themepreview.amazingwordpressthemes.com/?page_id=5"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5"  title="Sample Page">Sample Page</a></li>  </ul></li> <li  class="categories"><h2>Categories</h2><ul> <li  class="cat-item cat-item-3"><a  href="http://themepreview.amazingwordpressthemes.com/?cat=3"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=3"  title="View all posts filed under Sample Posts">Sample  Posts</a> (2) </li> <li class="cat-item  cat-item-1"><a  href="http://themepreview.amazingwordpressthemes.com/?cat=1"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=1"  title="View all posts filed under  Uncategorized">Uncategorized</a> (1) </li>  </ul></li> <li><h2>Archives</h2>  <ul> <li><a  href="http://themepreview.amazingwordpressthemes.com/?m=200802"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?m=200802"  title="February 2008">February 2008</a> (3)</li>  </ul> </li> <li id="linkcat-2"  class="linkcat"><h2>Blogroll</h2> <ul>  <li><a href="http://wordpress.org/development/"  _fcksavedurl="http://wordpress.org/development/">Development  Blog</a></li> <li><a  href="http://codex.wordpress.org/"  _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>      <li><a href="http://wordpress.org/extend/plugins/"  _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>      <li><a href="http://wordpress.org/extend/ideas/"  _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest  Ideas</a></li> <li><a  href="http://wordpress.org/support/"  _fcksavedurl="http://wordpress.org/support/">Support  Forum</a></li> <li><a  href="http://wordpress.org/extend/themes/"  _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>      <li><a href="http://planet.wordpress.org/"  _fcksavedurl="http://planet.wordpress.org/">WordPress  Planet</a></li> </ul> </li> </ul>  </div>  <div  class="rsidebar"> <ul> <li><h2>Recent  Comments</h2> <ul> <li>admin:<a  href="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2"      title="on Sample Post">Id wisi erat lorem massa pede  </a></li> <li>Mr WordPress:<a  href="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1"      title="on Hello world!">Hi, this is a  comment.To</a></li> </ul> </li>  <li><h2>Recent Post</h2> <ul> <li><a  href="http://themepreview.amazingwordpressthemes.com/?p=3"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=3">Lorem      ipsum</a></li> <li><a  href="http://themepreview.amazingwordpressthemes.com/?p=4"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4">Sample      Post</a></li> </ul> </li> </ul>  </div>  </div>  <div id="bottom-sep"> </div> <div  id="bottom"> <div class="bottom-divs">  <div id="bottom-left"> <h2>About Author</h2>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Vestibulum at arcu. Integer et risus. Morbi id tellus. Integer felis.  Mauris malesuada, turpis vitae facilisis euismod, dui arcu adipiscing  sem, eu vulputate leo ante in lacus. Sed porta accumsan lectus. Aenean  ac sem. In consequat tempus velit. Phasellus leo enim, adipiscing a,  egestas nec, pretium ut, pede. Mauris sollicitudin diam et mauris. Sed  quis enim vel augue egestas lobortis. Etiam tempus ipsum vel neque.  </p> </div>   <div id="bottom-mid"> <h2>Resources</h2>  <ul> <li><a href="" _fcksavedurl="" title="">Resources  1</a></li> <li><a href="" _fcksavedurl=""  title="">Resources 2</a></li> <li><a href=""  _fcksavedurl="" title="">Resources 3</a></li>  <li><a href="" _fcksavedurl="" title="">Resources  4</a></li> <li><a href="" _fcksavedurl=""  title="">Resources 5</a></li> </ul> </div>    <div  id="bottom-right"> <h2>Meta</h2> <ul>  <li><a  href="http://themepreview.amazingwordpressthemes.com/wp-login.php"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/wp-login.php">Login</a></li>      <li><a href="http://validator.w3.org/check/referer"  _fcksavedurl="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>  <li><a href="http://gmpg.org/xfn/"  _fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends  Network">XFN</abbr></a></li> <li><a  href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/"  title="Powered by WordPress, state-of-the-art semantic personal  publishing platform.">WordPress</a></li> </ul>  </div>  </div>  </div>  <div  id="footer"> <p>© 2008 <a  href="http://themepreview.amazingwordpressthemes.com/"  _fcksavedurl="http://themepreview.amazingwordpressthemes.com/"  title="‘World of Warcraft/world-of-warcraft’ Theme Preview"> ‘World  of Warcraft/world-of-warcraft’ Theme Preview </a> | World of  Warcraft and Blizzard are trademarks of Blizzard Entertainment<br>  <a href="http://www.templatepanic.com/"  _fcksavedurl="http://www.templatepanic.com/">World of Warcraft  Theme</a> by TemplatePanic <br> Powered By Wordpress - Theme  Provided By <a href="http://www.amazingwordpressthemes.com/"  _fcksavedurl="http://www.amazingwordpressthemes.com/">Wordpress  Theme</a> - <a href="http://onlinecollege.typolis.net/"  _fcksavedurl="http://onlinecollege.typolis.net/">distance learning  college online</a> </p> </div>  </div>

CSS

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;} /*  -------------------- GENERAL -------------------- */ body {  font-family: Verdana, Arial, Helvetica; font-size: 13px; background:  #101f05  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bg.jpg)      repeat-y top center; margin: 0; padding: 0; color: #f2f2f2; } #box {  width: 940px; margin: 0 auto; padding: 0px; } #top { width: 940px;  background:  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/header.jpg)      no-repeat; height: 208px; margin: 0; padding: 0; } a, a:link {  text-decoration: none; color: #f7941d; } a:hover { text-decoration:  underline; color: #0072bc; } hr { border: none; border-top: 1px solid  #ccc; } /* -------------------- HEADER -------------------- */ #header {  float: left; width: 880px; margin: 160px 0 0 10px; padding: 0; }  #header h1 { font-family: Georgia, Tahoma, Verdana; margin: 0; padding:  0; color: #fbaf5d; font-size: 26px; font-weight: normal; font-style:  italic; text-align: right; } #header h1 a, #header h1 a:link { color:  #fad00a; } #header h1 a:hover { color: #fff; text-decoration: none; }  #description { text-align: right; color: #fff; width: 880px; font-size:  12px; padding: 0 0 0 10px; } /* -------------------- SEARCH  -------------------- */ #searchform { height: 25px; line-height: 25px;  float: right; padding: 20px 18px 0 0; margin: 0; } #searchform #s {  font-size: 8pt; width: 230px; } #searchform #submit { font-size: 8pt; }  input#s { font-family: Verdana, Arial; color: #ccc; text-align: center;  border: 1px solid #1d1d1d; background: #111; } input#s:hover {  background: #193207; } /* -------------------- NAV --------------------  */ #navbox { background:  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav.jpg)      no-repeat top center; height: 42px; margin: 0px auto; } #nav { width:  510px; height: 25px; line-height: 35px; float: left; padding: 0; }  ul.nav { height: 35px; line-height: 25px; float: left; list-style: none;  font-size: 12px; font-weight: bold; text-transform: uppercase; margin:  0; padding: 0; } ul.nav li { float: left !important; list-style-type:  none; margin: 0; padding: 0; } ul.nav li ul { float: left; margin: 0;  padding: 0; } ul.nav li a, ul.nav li a:link, ul.nav li a:visited {  border-left: 0; color: #999; float: left; display: block;  text-decoration: none; padding: 10px 10px 0 10px; height: 42px; } ul.nav  li a:hover, ul.nav li a:active { background:  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg)      repeat-x; color: #ccc; text-decoration: none; height: 42px; } ul.nav  li.current_page_item a { text-decoration: none; height: 42px;  background:  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg)      repeat-x; color: #f2f2f2; } /* -------------------- POST  -------------------- */ .post { width: 520px; float: left; margin: 5px  auto; padding: 10px; } .post img { border: none; padding: 5px; } h2 {  font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; }  #content { width: 545px; float: left; margin: 5px auto; padding: 0; }  .notes { padding: 25px; } .posthead { position: relative; clear: left;  padding-bottom: 10px; } .posthead h2 { font-size: 22px; font-weight:  normal; padding: 0px 0px 0px 50px; margin: 0px; } .posthead h2 a {  color: #fff200; } .posthead h2 a:hover { color: #007e03; } .postauthor {  padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#666; }  .postdate { margin: 0px; position: absolute; top: 0px; left: 0px;  text-align: center; padding: 0px 10px 6px 10px; } .postdate small {  font-size: 9px; color:#666; } .postdate .month { display:block;  text-transform: uppercase; font-size: 9px;} .postdate .day {  display:block; font-size: 22px; letter-spacing: -1px; font-weight:  normal; color:#777;} .postdate .year { display:block;} .navigation {  width: 510px; float: left; color: #666; padding: 5px 6px 10px; }  .relatedposts { width: 520px; float: left; color: #666; margin: 5px  auto; padding: 0 5px 5px 5px; font-size: 10px; } h1, h2, h3 { padding: 0  10px 0 0; font-family: Georgia, Verdana; } img.wp-smiley { border: 0;  padding: 0; } /* -------------------- SIDEBAR -------------------- */  #sidebar { width: 380px; float: right; font-size: 11px; margin-top: 5px;  padding: 0; } #sidebar img, .lsidebar img { border: none; } .alignright  { float: right; margin-top: 10px; } .alignleft { float: left;  margin-top: 10px; } .rsidebar { width: 165px; float: right; margin: 0  auto; padding: 0 10px 5px; } .rsidebar, .lsidebar img { border: none; }  .lsidebar { width: 165px; float: left; margin: 0 auto; padding: 0 10px  5px; } .lsidebar h2, .rsidebar h2 { font-size: 12px; font-weight: bold;  margin: 0 0 10px; padding: 5px 0 0 5px; background:  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/sidebartitle.jpg)      no-repeat top center; height: 39px; width: 166px; color: #f2f2f2; }  .rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding:  0; } .rsidebar ul li, .lsidebar ul li { list-style-type: none; margin: 0  0 25px; padding: 0; } .rsidebar ul li ul, .lsidebar ul li ul {  list-style-type: square; margin: 0; padding: 0 0 0 5px; } .rsidebar ul  li ul li, .lsidebar ul li ul li { list-style-type: circle; margin: 0 0 0  10px; padding: 0 0 0 5px; } .rsidebar p, .lsidebar p { padding: 0 5px; }  /* -------------------- FOOTER -------------------- */ #footer { width:  940px; background: #111  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/footer.jpg)      no-repeat bottom center; height: 50px; clear: both; color: #ccc;  font-size: 9px; margin: 0; text-align: center; } #footer p { padding:  16px 10px 0 0; } #footer a, .footer a:link { text-decoration: none;  color: #04bf08; } #footer a:hover { text-decoration: none; color: #ccc; }  /*-------------------- Comment --------------------*/ .commentsbox {  width: 520px; float: left; margin: 5px auto; } .commentsbox p { margin:  0; padding: 0; } .commentsbox img { border: 1px solid #666; margin: 3px;  } #commentlist ol { margin: 0; padding: 0; } #commentlist li {  list-style-position: outside; list-style-type: decimal; padding: 10px; }  .alt { background-color: #040002 !important; background-image: none  !important; } #commentlist li:hover { background-color: #040002; }  .comment-title { margin: 0 0 0 0px; font-size: 10px; color: #666; }  .comment-title a:link { color: #0072bc; } .comment-title a:hover {  color: #666; } .comment-text { } h2.postcomment { margin: 0; font-size:  20px; font-weight: normal; } .postcomment { clear: both; margin: 20px 0 0  0; padding: 20px; } .postcomment input, .postcomment textarea { border:  1px dotted #aaa; background: #0d1d01; color: #ccc; } .postcomment  input:hover, .postcomment textarea:hover { border: 1px dotted #ccc;  background: #040002; } .postcomment input#author, .postcomment  input#email, .postcomment input#url { width: 100% !important; width:  456px; /* IE hack */ height: 18px; } .postcomment textarea#comment {  width: 100% !important; /* IE hack */ height: 200px; } .postcomment  input#submit { width: auto; background: #0d1d01; height: 25px; padding:  2px 10px 3px 10px; } .postcomment input#submit:hover { background:  #040002; } /*-------------------- Bottom --------------------*/ #bottom {  clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0;  padding: 0; background:  url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bot.jpg)      top center; text-align: left; color: #ccc; font-size: 10px; }  #bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }  #bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; }  #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px;  float: left; } #bottom h2 { margin: 0 0 10px 0; padding: 0 8px;  font-size: 14px; color: #f2f2f2; font-weight: bold; } #bottom h3 {  margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align:  center; } #bottom h3:hover { color: #f2f2f2; } #bottom ul { margin: 0;  padding: 0; list-style-type: none; border-top: 1px solid #666; } #bottom  ul li { line-height: 20px; border-bottom: 1px solid #666; } #bottom ul  li a { display: block; padding: 0 10px; color: #fff; text-decoration:  none; } #bottom ul li a:hover { background: #111; } #bottom-right ul li  a:hover { background: #111; } #bottom-sep { clear: both; }

Ana Menü

Photoshop

Webmaster

Eğlence

Dost Siteler

Photoshop Ustası - photoshop'un Ustası

Css Tasarımlar (Sayfa5)