KaraNot | En Güncel ve En yeni H TML kod sitesi | © By Néd | KaraNot | En Güncel ve En yeni HTML kod sitesi

Css Tasarım

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div>  	</div>  	<div class="navigation">  		<h1>Menü</h1> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>  		</ul>  		<h1>Tasarimlar</h1> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> 		</ul>  		<h1>Arşiv</h1> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">September</a> </li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> </li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> </li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> </li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> </li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a></li> 		</ul>  	</div> 	 	<div class="clearer"><span></span></div>  	<div class="footer">© 2008 <a href="#" _fcksavedurl="#">Siteniz.tR.gg</a>. Valid <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS</a> & <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">XHTML</a>. Tasarim design by <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Css Tasarim Merkezi</a> 	</div>  </div>

<= Css Kod Bölümüne =>

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;}  /*############################################################# www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg #############################################################*/  /* standard elements */ * { 	margin: 0; 	padding: 0; } a {color: #682;} a:hover {color: #9A6;} body { 	background: #5F8000 url(https://img.webme.com/pic/c/css-tasarimm/5-bg.gif) repeat-y center top; 	color: #333; 	font: normal 62.5% "Lucida Sans Unicode",sans-serif; } input { 	color: #555; 	font: normal 1.1em "Lucida Sans Unicode",sans-serif; } p,cite,code,ul { 	font-size: 1.2em; 	padding-bottom: 1.2em; } ul {margin-left: 1.2em;} li {list-style-image: url(https://img.webme.com/pic/c/css-tasarimm/5-li.gif);} h1 {font-size: 1.4em;} blockquote { 	background: #FFF; 	border-bottom: 1px solid #EEE; 	border-top: 1px solid #EEE; 	color: #333; 	display: block; 	font-size: 0.9em; 	margin-bottom: 1.2em; 	padding: 6px 12px; } blockquote p {padding: 3px 0;} h1,h2,h3 {color: #654;}  /* misc */ .clearer {clear: both;}  /* structure */ .container { 	background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgcontainer.gif) repeat-y; 	margin: 0 auto; 	width: 702px; }  /* top */ .top { 	background: #567300; 	font: normal 2.4em Verdana,sans-serif; 	height: 60px; 	margin: 0 auto; 	width: 630px; } .top a { 	color: #FFF; 	display: block; 	line-height: 60px; 	text-decoration: none; 	width: 100%; } .top span {padding-left: 24px;} .top a:hover { 	background: #688B00; 	color: #FFF; }  /* header */ .header { 	background: url(https://img.webme.com/pic/c/css-tasarimm/5-header.jpg) no-repeat; 	height: 180px; 	margin: 0 auto; 	width: 630px; }  /* item */ .item {clear: both;} .item .date { 	background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgdate.gif) no-repeat; 	color: #FDD; 	float: left; 	height: 40px; 	text-align: center; 	width: 36px; } .item .date div {padding-top: 4px;} .item .date span {font: normal 1.6em serif;} .item .content { 	float: left; 	width: 420px; } .item h1 { 	background: #567300; 	color: #FFF; 	line-height: 40px; 	padding-left: 16px; } .item .body {padding: 12px 18px;}  /* main */ .main {float: left;}  /* navigation */ .navigation { 	float: left; 	margin-left: 1px; 	width: 208px; } .navigation h1 { 	background: #81AC00; 	color: #FFF; 	font-size: 1.3em; 	line-height: 40px; 	padding-left: 12px; } .navigation ul {margin: 0; padding: 0;} .navigation li { 	border-bottom: 1px solid #D5E8AD; 	list-style: none; } .navigation li a { 	background: #E8F6BF url(https://img.webme.com/pic/c/css-tasarimm/5-bgnavigation.gif) repeat-x;	 	color: #553; 	display: block; 	padding: 8px 4px 8px 12px; 	text-decoration: none; } .navigation li a:hover { 	background: #F0FFC6; 	color: #553; }  /* footer */ .footer { 	background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgfooter.gif) repeat-x; 	color: #FFF; 	font-size: 1.1em; 	line-height: 40px; 	margin: 0 auto; 	text-align: center; 	width: 626px; } .footer a {color: #FFF;} .footer a:hover {color: #FAFCB0;}

Darkcity Tasarım

<= Tasarimin Üzerine =>

<div id="wrap">   <div id="header">     <h1 id="logo">CsS-TaSaRiMm</h1>     <h2 id="slogan">CSS Tasarim Merkezi...</h2>     <div id="menu">       <ul>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ana Sayfa</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">İletişim</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Defter</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Hakkımızda</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Toplist</a></li>       </ul>     </div>   </div>   <div id="content-wrap">     <div id="sidebar" >       <h1 class="clear">Menu</h1>       <ul class="sidemenu">         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ana Sayfa</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">İletişim</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ziyaretci Defteri</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Hakkımızda</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Site Ekle Toplist</a></li>       </ul>       <h1>CSS Tasarimm</h1>       <ul class="sidemenu">         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">CSS Tasarim 1</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">CSS Tasarim 2</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 3</a></li>         <li><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 4</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 5</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 6</a></li>         <li><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 7</a></li>         <li><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 8</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 9</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 10</a></li>       </ul>        <h1>Dost Siteler</h1>       <p>Dost Sitelerinizi Buraya Linkli Şekilde Verebilirsiniz...</p>       <p class="align-right">- www.css-tasarimm.tr.gg</p>       <h1>Duyuru Panosu</h1>       <p>Sitenizdeki Her Türlü Bilgiyi Buradan Verebilirsiniz. Başarılar.</p>     </div>     <div id="main"> <a name="www.csstasarim-arsiv.tr.gg"></a>       <div class="box">         <h1><span class="gray">WwW.</span>csstasarim-arsiv.tr.gg.<span class="gray">tR.gg</span></h1>

<= Tasarimin ALtına =>

<= Css Kod Bölümüne =>

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;}   /******************************************** Design By ::: WWW.csstasarim-arsiv.tr.gg         *******************************************/    /********************************************    HTML ELEMENTS ********************************************/   /* top elements */ * {     padding: 0; margin: 0; } body {    margin: 0;    padding: 0;    font: normal .70em/1.6em Verdana, Tahoma, sans-serif;    color: #BDBDBD;    background: #000;    text-align: center;    } /* links */ a {    color: #FFF;    background-color: inherit;    text-decoration: none; } a:hover {    color: #FFF;    background-color: inherit;       text-decoration: underline; }  /* headers */ h1, h2, h3 {    font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;    color: #FFF;    } h1 { font-size: 1.6em; }  h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;} h3 { font-size: 1.3em; font-weight: bold; }  p, h1, h2, h3 {    margin: 0;    padding: 10px 15px; }  ul, ol {    margin: 10px 30px;    padding: 0 15px;    color: #FFF; }  /* images */ img {    border: 3px solid #555; } img.no-border {    border: none; } img.float-right {   margin: 5px 0px 5px 15px;   } img.float-left {   margin: 5px 15px 5px 0px; } a img {     border: 3px solid #555; } a:hover img {     border: 3px solid #CCC !important; /* IE fix*/   border: 3px solid #555; }  code {   margin: 5px 0;   padding: 10px;   text-align: left;   display: block;   overflow: auto;     font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;   /* white-space: pre; */   background: #0A1646;   } acronym {   cursor: help;   border-bottom: 1px solid #777; } blockquote {    margin: 15px;     padding: 0 0 0 20px;           background: #0A1646;       font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;    }  /* form elements */ form {    margin: 10px 15px;     padding: 0;    background: #0A1646;    } label {    display:block;    font-weight:bold;    margin:5px 0; } input {    padding: 2px;    border:1px solid #eee;    font: normal 1em Verdana, sans-serif;    color:#777; } textarea {    width: 250px;    padding:2px;    font: normal 1em Verdana, sans-serif;    border:1px solid #eee;    height:100px;    display:block;    color:#777; } input.button {     margin: 0;     font: bold 1em Arial, Sans-serif;     border: 1px solid #CCC;    background: #FFF;     padding: 2px 3px;     color: #333;    }  /* search form */ .searchform form{    background-color: transparent;    border: none;    margin: 0; padding: 0; } .searchform input.textbox {     margin: 0;     width: 145px;    border: 1px solid #777;     background: #FFF;    color: #333;     height: 14px;    vertical-align: top; } .searchform input.button {     margin: 0;     padding: 2px 3px;     font: bold 12px Arial, Sans-serif;     background: #FFF;    border: 1px solid #f2f2f2;    color: #333;       width: 65px;    vertical-align: top; }  /***********************      LAYOUT ************************/ #wrap {    background: #212B5C url(https://img.webme.com/pic/c/css-tasarimm/11-bg.jpg) repeat-x 0 0;     margin: 20px auto 0 auto;       text-align: left;            border-color: #444;    border-style: solid;    border-width: 1px 1px 5px 1px;    }    #wrap, #footer-wrap {    width: 84%; }  /* header */ #header {    position: relative;    height: 110px;       background: #7F8082 url(https://img.webme.com/pic/c/css-tasarimm/11-header-bg.jpg) repeat-x 0% 100%;    border-bottom: 5px solid #444;       } #header h1#logo {    position: absolute;    top: 5px; left: 20px;    margin: 0; padding: 0;    font: bolder 50px 'Trebuchet MS', Arial, Sans-serif;    letter-spacing: -2px;    } #header h2#slogan {    position: absolute;    top: 50px; left: 65px;    color: #FFF;    text-indent: 0px;    font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif;     text-transform: none;    }  /* content-wrap */ #content-wrap {    clear: both;    margin: 0; padding: 0;          }  /* box */ .box {    margin: 10px 15px;             border: 1px solid #0A1646;           background-color: #1B2455;    }  /* main */ #main {    margin: 0 0 0 270px;          padding-top: 20px; } #main .box {    margin-left: 0; }  /* sidebar */ #sidebar {    float: left;    width: 250px;    margin: 0;    padding-top: 20px;     } #sidebar ul.sidemenu {    margin: 0 0 0 15px; padding: 0;       background: #242424;          border-top: 5px solid #444; } #sidebar ul.sidemenu li {    display: inline;    list-style: none;       } #sidebar ul.sidemenu li a {   display: block;      padding: 5px 10px 5px 15px;      text-decoration: none;   color: #CCC;   font-weight: bold;   }  #sidebar ul.sidemenu li a:hover {   color: #333;   background: #A0A0A0;   }  /* Footer */ #footer-wrap {     clear: both;     color: #FFF;     background: #000;     margin: 0 auto;     padding: 0;     font-size: 88%;         } #footer-wrap a {     text-decoration: none;     font-weight: bold;       color: #FFF; } #footer-wrap .footer-left{    float: left;    width: 65%;       padding-bottom: 20px;    } #footer-wrap .footer-right{    float: right;    width: 30%;             padding-bottom: 20px; }  /* menu tabs */ #header ul {    position: absolute;    top: 20px; right: 20px;    margin:0; padding: 0;    list-style:none;    font: bold 1.3em  'Trebuchet MS', Tahoma, verdana,  sans-serif;       height: 2.3em; } #header li {    display:inline;    margin:0; padding:0; } #header a {    float: left;    margin:0;    padding:3px 10px 2px 10px;    text-decoration:none;       color: #CCC; } #header a:hover {    border-top: 5px solid #CCC;    } #header #current a {    color: #FFF;    border-top: 5px solid #FFF; } /* end menu tabs */  /* alignment classes */ .float-left  { float: left; } .float-right {   float: right; } .align-left  {   text-align: left; } .align-right {   text-align: right; }  /* additional classes */ .clear {   clear: both; } .gray  {   color: #A0A0A0; } .comments {     text-align: right;     padding: 7px 15px;    margin: 20px 15px 15px 15px;    background: #0A1646;     }

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>
<div id="wrapper"> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#">Şehir</a></div> <div id="navigation"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Site</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Haber</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> </ul> <h3>Site Haberleri</h3> <p>Siteniz Hakkındaki Haberleri Buraya Yazınız.</p> </div> <div id="main">

<= Tasarimin ALtına =>

<= Css Kod Bölümüne =>

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;}  @charset "utf-8"; /* CSS Tasarim Merkezi www.csstasarim-arsiv.tr.gg */  body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img { 	padding:0; 	margin:0; }  body { 	background-color: #cacabf; }  #wrapper { 	width: 780px; 	margin: 0px auto; }  #header { 	width: 780px; 	height: 240px; 	background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-header.jpg); 	background-repeat: no-repeat; }  #logo { 	padding-top: 30px; 	width: 300px; 	float: right; 	clear: right; }  #logo a { 	color: #ffffff; 	text-decoration:none; 	font-family: Times; 	font-size: 72px; 	font-style: normal; }  #navigation { 	padding-top: 80px; 	float: right; 	clear: right; 	width: 300px; }  #navigation a { 	color: #273c5d; 	text-decoration: none; 	font-family: times; 	font-size: 24px; } #inner-wrap { 	background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-main.jpg); 	background-repeat: repeat-y; 	float:right; 	width: 780px; }  #side-bar { 	float: right; 	width: 214px; } #side-bar a { 	color: #ffffff; 	text-decoration: none; 	font-family: Times; 	padding:0px 10px 5px 20px;	 } #side-bar ul { 	list-style: none; } #side-bar h2 { 	font-weight: 200; 	color: #ffef6b; 	padding:0px 10px 5px 20px; 	font-family: Times; } #side-bar h3 { 	font-weight: 100; 	color: #ffef6b; 	padding:0px 10px 5px 20px; 	font-family: Times; } #side-bar p { 	padding:0px 10px 20px 20px; 	font-family: Times; } #main { 	float: left; 	width: 536px; 	margin-bottom: 15px; 	padding:15px; }  #footer { 	padding-top: 40px; 	width: 780px; 	height: 51px; 	background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-footer.jpg); 	clear: both; } #footer p { 	text-align: center; 	color: #cac0ae; 	font-size: .6em; 	 } #footer a { 	color: white; } h1 { 	font-weight: 100; 	color: #ffffff; 	margin-top: 15px; 	font-family: Times; 	 }  h2 { 	font-weight: 100; 	color: #ffffff; 	margin-top: 15px; 	font-family: Times; }  h3 { 	font-weight: 100; 	color: #ffffff; 	margin-top: 15px; 	font-family: Times; }  p { 	color: #ffffff; 	font-family: Times; 	 }

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<div id="menu"> 	<ul> 		<li><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="2" title="">Blog</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="3" title="">Toplist</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="4" title="">Yorum</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="5" title="">Hakkında</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="6" title="">İletişim</a></li> 	</ul> </div> <div id="header"> 	<div id="logo"> 		<h1><a href="#" _fcksavedurl="#">Css Merkez</a></h1> 		<h2><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a></h2> 	</div> 	<div id="banner"><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></div> </div>  <div id="page"> 	<div id="conntent"> 		<div class="post"> 			<h1 class="title">CSS Tasarimm.tR.gg</h1> 			<div class="story"> 				Buraya siteniz hakkına bir şeyler yazabilirsiniz. Haberler, duyururular vs... 			</div> 			<div class="meta"> 				<p class="date">Tasarimm Tarihi 31.10.2oo8</p> 				</div> 		</div> 		<div class="post boxed"> 			<h2 class="title">CSS Tasarim Merkezi!!!</h2> 			<div class="story">

<= Tasarimin ALtına =>

</div> <div class="meta"> <p class="date">Tasarimm Tarihi 31.10.2oo8</p> </div> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Geçmiş (Arşiv)</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ocak 2008</a> <i>(2)</i></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a> <i>(30)</i></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a> <i>(28)</i></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a> <i>(31)</i></li> </ul> </li> <li> <h2>Menu</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defterit</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#">Anketler Site Hakkında </a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarimlar </a></li> </ul> </li> <li> <h2>Site İle İlgili</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">İceblue Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Butterfly Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">CSS Menu Yapımı </a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p id="legal">Copyright © 2008 Murat. Tasarim by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim Merkezi</a></p> </div>

<= Css Kod Bölümüne =>

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 Tasarim Merkezi Design By ::: www.csstasarim-arsiv.tr.gg */ * { margin: 0; padding: 0; } body { background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/20-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #7F7772; } h1, h2, h3 { margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333333; } h1 { font-size: 197%; } h2 { font-size: 152%; } h3 { font-size: 100%; font-weight: bold; } p, ul, ol { margin-bottom: 15px; line-height: 1.6em; } ul, ol { margin-left: 2em; } blockquote { margin-left: 1em; padding-left: 1em; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-y; font-style: italic; } a:link { color: #0AAAFD; } a:hover, a:active { text-decoration: none; color: #FF6700; } a:visited { color: #7F7772; } img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Menu */ #menu { width: 770px; height: 105px; margin: 0 auto; margin-top: -27px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 122px; height: 65px; padding: 40px 0 0 0; } #menu a { display: block; width: 122px; height: 32px; padding: 13px 0 0 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img02.jpg) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img03.jpg); } #menu .active { padding-top: 35px; } #menu .active a { height: 37px; padding-top: 16px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); color: #327EBE; } #menu .active a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); } /* Header */ #header { width: 770px; height: 160px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 250px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img05.jpg) no-repeat; } #logo h1, #logo h2 { text-align: center; } #logo h1 { padding-top: 90px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img07.jpg) no-repeat center center; letter-spacing: 8px; font-size: 197%; } #logo h2 { letter-spacing: 2px; font-size: 85%; } #logo a { text-transform: uppercase; text-decoration: none; color: #FFFFFF; } /* Banner */ #banner { float: right; width: 520px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img06.jpg) no-repeat; } #banner a { float: right; padding: 120px 20px 0 0; text-decoration: none; text-align: right; font-size: 136%; font-style: italic; color: #FFFFFF; } #page { width: 760px; margin: 0 auto; padding: 20px 0 0 0; } #conntent { float: right; width: 510px; } .post { margin-bottom: 20px; } .post .title { padding: 0 20px; } .post .story { padding: 0 20px; } .post .meta { padding: 5px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } .post .meta p { margin: 0; font-size: 77%; } .boxed .title { height: 32px; margin: 0; padding: 8px 0 0 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img08.jpg) no-repeat; letter-spacing: -1px; color: #FF3300; } .boxed .story { padding: 20px; border: 1px solid #FF8D17; } .boxed .meta { padding: 5px 10px; background: #FF8D17; color: #FFFFFF; } .boxed .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: left; width: 240px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 15px; } #sidebar li ul { padding: 10px; border: 1px solid #0AAAFD; border-top: none; } #sidebar li li { margin: 0; padding: 3px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } #sidebar li li.first { background: none; } #sidebar li h2 { height: 30px; margin: 0; padding: 10px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img10.jpg) no-repeat; letter-spacing: -1px; color: #327EBE; } #sidebar a:link { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar li a { padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img11.gif) no-repeat left center; } /* Footer */ #footer { clear: both; height: 100px; padding: 15px 0; background: #D1D1D1; border-top: 5px solid #999999; text-align: center; } #footer p { margin: 0; color: #999999; } #footer a { color: #999999; } #footer a:hover { color: #FFFFFF; }

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

 <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Yorum</a></li> <li><a href="#" _fcksavedurl="#">Hakkında</a></li> <li class="last"><a href="#" _fcksavedurl="#">TopList</a></li> </ul> </div> </div>   <div id="wrapper"> <div id="wrapper-btm"> <div id="page">  <div id="content"> <div id="banner"> </div> <div class="post">

<= Tasarimin ALtına =>

</div> </div>   <div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Ara" /> </fieldset> </form> </li> <li> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Anketler</a></li> </ul> </li> <li> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#">Link Liste 1</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 2</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 3</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 4</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 5</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 6</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 7</a></li> </ul> </li> <li> <h2>Site Ekle </h2> <ul> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  </div> </div>  <div id="footer"> <div id="footer-wrap"> <p id="legal">(c) 2008 Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a>.</p> </div> </div>

<= Css Kod Bölümüne =>

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 Tasarim Merkezi www.css-tasarimm.tr.gg */ body { margin-top: 49px; padding: 0; background: #242424; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BBBBBB; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #48ACDE; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #48ACDE; } a:hover, a:active { text-decoration: none; color: #48ACDE; } a:visited { color: #48ACDE; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } /* Header */ #header { clear: both; width: 860px; height: 52px; margin: 0 auto; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; } /* Menu */ #menu { float: left; width: 860px; height: 54px; padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img01.jpg) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-right: 3px; padding: 10px 20px; text-decoration: none; text-transform: lowercase; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #menu a:hover { text-decoration: none; color: #48ACDE; } #menu .current_page_item a { color: #48ACDE; } /** LOGO */ #banner { width: 620px; height: 240px; margin: 0 auto; padding: 10px 0 0 0; background: #BCE03E url(https://img.webme.com/pic/c/css-tasarimm/22-img04.jpg) no-repeat left top; } #logo { width: 820px; height: 60px; margin: 0 auto; } #logo h1, #logo h2 { float: left; margin: 0; padding: 0 0 0 20px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:36px; font-style: italic; } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { padding: 20px 0 0 5px; font: italic 13px Georgia, "Times New Roman", Times, serif; color: ##48ACDE; } #logo p a { text-decoration: none; color: #B6ACA2; } #logo p a:hover { text-decoration: underline; } #wrapper { width: 860px; margin: 0 auto; background: #000000 url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; } #wrapper-btm { background: url(https://img.webme.com/pic/c/css-tasarimm/22-img03.jpg) no-repeat left bottom; } /* Page */ #page { width: 860px; margin: 0 auto; padding-top: 20px; } /* Content */ #content { float: right; width: 620px; } /* Post */ .post { padding: 15px 15px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { } .post h2 { height: 32px; padding: 8px 0 0 15px; font-size: 18px; color: #DADADA; } .post .entry { padding: 0 15px; } .post .meta { margin-left: 15px; margin-right: 15px; padding: 15px 0px 30px 0px; border-top: 1px dashed #333333; font-size: 10px; } .post .meta p { margin: 0; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img11.gif) no-repeat left center; } .post .meta .comments { padding-left: 22px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img12.gif) no-repeat left center; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: left; width: 210px; padding-left: 30px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { height: 32px; margin-bottom: 10px; font-size: 18px; color: #DADADA; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 115px; margin-right: 5px; padding: 3px; border: 1px solid #BED99C; } #x { padding: 3px; border: none; background: #48ACDE; text-transform: lowercase; font-size: 11px; color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { width: 860px; height: 64px; margin: 0 auto; } #footer { margin: 0 auto; height: 64px; min-height: 64px; padding: 0; font-size: 10px; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 10px; padding-left: 30px; text-align: center; color: #999999; } #legal a { }

Alıntıdır...

KaraNot | En Güncel ve En yeni H TML kod sitesi | © By Néd | KaraNot | En Güncel ve En yeni HTML kod sitesi |

Css Tasarım

Darkcity Tasarım

Menü

Etiket Bulutu