SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod208

TASARIM ÜSTÜ

<div id="header">   <div id="logo">     <h1> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Midnight</a></h1>     <h2>By Free CSS Templates</h2>    </div>   <div id="menu">     <ul>       <li class="active"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Homepage</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About Us</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Products</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Clients</a></li>        <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Support</a></li>     </ul>   </div> </div> <div id="wrapper">   <div id="content">     <div id="sidebar">       <div id="support">         <h2>Customer Support</h2>          <h3>1-800-1234567</h3>       </div>       <div id="login" class="boxed">         <h2 class="title">Client Account</h2>         <div class="content">           <form id="form1" method="post" action="#">             <fieldset>             <legend>Sign-In</legend>              <label for="inputtext1">Client ID:</label>             <input id="inputtext1" type="text" name="inputtext1" value="" />             <label for="inputtext2">Password:</label>             <input id="inputtext2" type="password" name="inputtext2" value="" />             <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" />             <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Forgot your password?</a></p>             </fieldset>            </form>         </div>       </div>       <div id="updates" class="boxed">         <h2 class="title">Recent Updates</h2>         <div class="content">           <ul>             <li>                <h3>March 5, 2007</h3>               <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p>             </li>             <li>               <h3>March 3, 2007</h3>               <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p>              </li>             <li>               <h3>February 28, 2007</h3>               <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p>             </li>             <li>               <h3>February 25, 2007</h3>                <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p>             </li>             <li>               <h3>February 20, 2007</h3>               <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p>             </li>            </ul>         </div>       </div>     </div>     <div id="main">

TASARIM ALTI

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;}   /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  * { 	margin: 0; 	padding: 0; }  body { 	margin-top: 220px; 	background: #000000 url(http://www.hizliupload.com/img/584791img01.jpg) no-repeat center top; 	font: normal small Verdana, Arial, Helvetica, sans-serif; 	color: #999999; }  h1, h2, h3 { 	color: #FFFFFF; }  h2 { }  h3 { }  p, blockquote, ul, ol { 	margin-bottom: 1.4em; 	line-height: 1.8em; 	text-align: justify; }  p { }  blockquote { 	margin-left: 2em; 	margin-right: 2em; 	font-style: italic; }  ul { 	margin-left: 3em; }  ul li { }  ol { 	margin-left: 3em; }  ol li { }  a { 	text-decoration: none; 	color: #FFFFFF; }  a:hover { 	text-decoration: underline; }  img { 	border: 4px solid #C4C2C2; }  /* Boxed Style */  .boxed { 	margin-bottom: 20px; }  .boxed .title { 	margin: 0; 	padding: 5px 0; 	background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; 	font-size: 1em; }  .boxed .content { 	padding: 15px; }  /* Post */  .post { }  .post .title { 	padding: 10px 0; 	background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; 	font-size: 1.6em; 	font-weight: normal; }  .post .date { 	padding-top: 5px; 	font-size: .8em; 	font-weight: normal; }  .post .date .month { }  .post .date .day { }  .post .date .year { }  .post .meta { 	padding-bottom: 10px; 	background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; 	font-size: .8em; }  .post .meta p { 	margin: 0; 	line-height: normal; }  .post .story { 	padding: 20px; }  /* Header */  #header { 	height: 61px; 	background: url(https://img.webme.com/pic/k/koddeniyelim/img02.gif) repeat-x; }  /* Header > Logo */  #logo { 	width: 700px; 	height: 19px; 	margin: 0 auto; 	padding: 6px 0 0 0; }  #logo h1, #logo h2 { 	text-transform: uppercase; 	letter-spacing: 1px; 	font-size: 11px; }  #logo h1 { 	float: left; }  #logo h2 { 	float: right; }  #logo a { }  /* Header > Menu */  #menu { 	width: 700px; 	height: 27px; 	margin: 0 auto; }  #menu ul { 	margin: 0; 	padding: 7px 0 0 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	height: 25px; 	margin: 0 5px 0 0; 	padding: 2px 25px 0 25px; 	background: url(https://img.webme.com/pic/k/koddeniyelim/img03.gif) repeat-x; 	border: 1px solid #222222; 	text-align: center; 	font-size: 9px; 	font-weight: bold; 	color: #FFFFFF; }  #menu a:hover { 	background-image: url(https://img.webme.com/pic/k/koddeniyelim/img04.gif); 	text-decoration: none; }  #menu .active a { 	background-image: url(https://img.webme.com/pic/k/koddeniyelim/img05.gif); }  /* Wrapper */  #wrapper { 	background: url(https://img.webme.com/pic/k/koddeniyelim/img06.gif) repeat-x; }  /* Content */  #content { 	width: 700px; 	margin: 0 auto; 	padding: 20px 0 0 0; }  /* Content > Main */  #main { 	float: right; 	width: 460px; }  /* Content > Main > Welcome */  #welcome { 	padding-top: 5px; }  /* Content > Main > Example */  #example { }  /* Content > Sidebar */  #sidebar { 	float: left; 	width: 220px; }  /* Content > Sidebar > Support */  #support { 	padding: 20px 15px; 	color: #FF8A00; }  #support h2 { 	margin: 0; 	font-size: 1.3em; 	color: #FF8A00; }  #support h3 { 	margin: 0; 	font-size: 1em; 	color: #FF8A00; }  /* Content > Sidebar > Login */  #login { }  #login form { }  #login fieldset { 	border: none; }  #login legend { 	display: none; }  #login label { 	font-size: x-small; 	font-weight: bold; }  #login input { 	margin-bottom: 5px; 	padding: 2px 5px; 	border: 1px solid #385B88; 	font-family: Verdana, Arial, Helvetica, sans-serif; }  #inputtext1, #inputtext2 { 	color: #385B88; }  #inputsubmit1 { 	background: #385B88; 	color: #FFFFFF; }  #login p { 	font-size: .8em; }  /* Content > Sidebar > Updates*/  #updates { }  #updates ul { 	margin: 0; 	list-style: none; }  #updates h3 { 	margin: 0; 	font: bold x-small Verdana, Arial, Helvetica, sans-serif; }  #updates p { 	margin-bottom: 1.4em; 	font-size: smaller; 	line-height: normal; }  /* Content > Sidebar > Partners*/  #partners { }  #partners .content { 	padding: 10px 0; }  #partners ul { 	margin: 0; 	border-bottom: 1px solid #D1BC5C; 	list-style: none; 	line-height: normal; }  #partners li { 	padding: 10px; 	border-top: 1px solid #D1BC5C; }  /* Footer */  #footer { 	clear: both; 	padding: 20px 50px; 	border-top: 4px solid #393F4D; 	background: #444C5D; }  #footer p { 	width: 700px; 	margin: 0 auto; 	font-size: x-small; 	color: #FFFFFF; }  #footer a { 	text-decoration: underline; 	color: #FFFFFF; }  #footer a:hover { 	text-decoration: underline; }  /* Footer > Legal */  #legal { }  /* Footer > Links */  #links { }

Bugün 212 ziyaretçi (316 klik) kişi burdaydı!

eBlog Templates Demo

SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod208