Css tasarımlar

LÜTFEN EMEĞE SAYGI

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas1_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas1_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas1_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas3_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas3_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas3_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas4_01.gif); width: 1007px; height: 256px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas4_02.gif); width: 1007px; height: 331%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 18px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas4_03.gif); width: 1007px; height: 181px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas5_01.gif); width: 1007px; height: 230px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas5_02.gif); width: 1007px; height: 342%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 800px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 19px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas5_03.gif); width: 1007px; height: 196px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_01.gif); width: 1007px; height: 215px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_02.gif); width: 1007px; height: 393%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 15px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_03.gif); width: 1007px; height: 160px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7ust.gif); width: 1007px; height: 350px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7_01.gif); width: 1007px; height: 51px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7_02.gif); width: 1007px; height: 663%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 41px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7_03.gif); width: 1007px; height: 54px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

Tasarım altı:

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 0px; float: left; text-align: center; padding: 0px 0 0 237px; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_01.gif); width: 1007px; height: 343px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_02.gif); width: 1007px; height: 213%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 237px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_03.gif); width: 1007px; height: 212px; float: left; } #kommentartext { background-image: none; }

Tasarım üstü:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  ></FCK:meta> <title>Wordpress Themes</title> <FCK:meta name="generator" content="WordPress 2.3.2"  ></FCK:meta>   <link rel="stylesheet" href="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/style.css" type="text/css" media="screen" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="summer" href="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/summer.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="autumn" href="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/autumn.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="winter" href="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/winter.css" /> <script src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/scripts/styleswitch.js" type="text/javascript"></script> </head> <body> <div id="header"> <div class="header-title"><a href="#" _fcksavedurl="#" _fcksavedurl="#">SİNENİN İSMİ</a></div> <div class="header-description">Sitenin Açıklaması</div></div> <div id="menu"> <ul id="button"> <li class="page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Home">Home</a></li> <li class="page_item page-item-2"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Test Menu One">Test Menu One</a></li> <li class="page_item page-item-3"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Test Menu Two">Test Menu Two</a></li> </ul> <div id="menu-bottom"> </div> </div> <div id="rap">   <div id='menu-left'> <div id="colors"> <h3>CHANGE DIVISIONS OF THE YEAR</h3> <form id="switchform"> <a href="javascript:chooseStyle('none', 60)" _fcksavedurl="javascript:chooseStyle('none', 60)" _fcksavedurl="javascript:chooseStyle('none', 60)" checked="checked"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/spring.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/spring.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/spring.jpg" alt="spring color" width="68" height="68" /></a> <a href="javascript:chooseStyle('summer', 60)" _fcksavedurl="javascript:chooseStyle('summer', 60)" _fcksavedurl="javascript:chooseStyle('summer', 60)" checked="checked"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/summer.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/summer.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/summer.jpg" alt="summer color" width="68" height="68" /></a> <a href="javascript:chooseStyle('autumn', 60)" _fcksavedurl="javascript:chooseStyle('autumn', 60)" _fcksavedurl="javascript:chooseStyle('autumn', 60)" checked="checked"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/autumn.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/autumn.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/autumn.jpg" alt="autumn color" width="68" height="68" /></a> <a href="javascript:chooseStyle('winter', 60)" _fcksavedurl="javascript:chooseStyle('winter', 60)" _fcksavedurl="javascript:chooseStyle('winter', 60)" checked="checked"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/winter.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/winter.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/winter.jpg" alt="winter color" width="68" height="68" /></a> </form> </div> <div class='menu1'> <ul> <li id="advertisement"><h2>Advertisement</h2> <ul><li> <div class="125ads"> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" alt="ads" width="125" height="125" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" alt="ads" width="125" height="125" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" alt="ads" width="125" height="125" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" _fcksavedurl="http://wordpress.topwpthemes.com/wp-content/themes/DivisionsOfTheYear/images/125x125.jpg" alt="ads" width="125" height="125" /></a> </div> </li> </ul> </li> </ul> </div> <div class='menu2'> <h2>Categories</h2> <ul> <li id="categories"> <ul> <li><a href= #" _fcksavedurl= #" _fcksavedurl= #">Development Blog</a></li> <li><a href=" #" _fcksavedurl=" #" _fcksavedurl=" #"> Documentation</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Plugins</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Suggest Ideas</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Support Forum</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Themes</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Web Hosting</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">WordPress Planet</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Wordpress Themes</a></li> </ul> </li> </ul> </li> </ul> <ul> <li id="archives"><h2>Monthly Archives</h2> <ul> <li><a href= #" _fcksavedurl= #" _fcksavedurl= #">Development Blog</a></li> <li><a href=" #" _fcksavedurl=" #" _fcksavedurl=" #"> Documentation</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Plugins</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Suggest Ideas</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Support Forum</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Themes</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Web Hosting</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">WordPress Planet</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Wordpress Themes</a></li> </ul> </li> </ul> <ul> <li id="resources"><h2>Related Resources</h2> <ul> <li><a href= #" _fcksavedurl= #" _fcksavedurl= #">Development Blog</a></li> <li><a href=" #" _fcksavedurl=" #" _fcksavedurl=" #"> Documentation</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Plugins</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Suggest Ideas</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Support Forum</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Themes</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Web Hosting</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">WordPress Planet</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Wordpress Themes</a></li> </ul> </li> </ul> <ul> <li id="syndication"><h2>RSS Subscription</h2> <ul> <li><a href= #" _fcksavedurl= #" _fcksavedurl= #">Development Blog</a></li> <li><a href=" #" _fcksavedurl=" #" _fcksavedurl=" #"> Documentation</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Plugins</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Suggest Ideas</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Support Forum</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Themes</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Web Hosting</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">WordPress Planet</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Wordpress Themes</a></li> </ul> </li> </ul> <ul> <li id="meta"><h2>Meta</h2> <ul> <li><a href= #" _fcksavedurl= #" _fcksavedurl= #">Development Blog</a></li> <li><a href=" #" _fcksavedurl=" #" _fcksavedurl=" #"> Documentation</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Plugins</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Suggest Ideas</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Support Forum</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Themes</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Web Hosting</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">WordPress Planet</a></li> <li><a href="#/" _fcksavedurl="#/" _fcksavedurl="#/">Wordpress Themes</a></li> </ul> </li> </ul> </div> </div>  <div id="content">  <div class="post">

Tasarım altı:

CSS: