bscsskodlari - Sade Kırmızı V1 Tasarımı

Sade Kırmızı V1 Tasarımı

TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ > DEMO GÖRÜNTÜSÜ

TASARIM ÜSTÜ :

TASARIM ALTI :

</div>  			 			<div id="sidebar"> 				<ul> 					<li id="search"> 						<h2>ara</h2> 						<form id="cse-search-box" action="http://belenlee.tr.gg/-.htm">     <div><input type="hidden" name="cx" value="007639844017430735265:cuevnqwwvzy" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="ie" value="UTF-8" /> <input size="25" name="q" type="text" /> <input type="submit" name="sa" value="Ara" /></div> </form> 					</li> 					<li> 						<h2>Menü</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Menünüzü ekleyin</a></li>  					<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Menünüzü ekleyin</a></li>   						</ul> 					</li> 					<li> 						<h2>Eklenecek</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> 						</ul>  					</li> 					<li> 						<h2>Eklenecek</h2> 						<ul> 						<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">menünüzü ekleyin</a></li>  						</ul> 					</li> 					<li> 						<h2>Dost Siteler</h2>  						<ul> 						<li><a href="http://www.belenmedia.tr.gg/" _fcksavedurl="http://www.belenmedia.tr.gg/" _fcksavedurl="http://www.belenmedia.tr.gg/" _fcksavedurl="http://www.belenmedia.tr.gg/">Belenmedia</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">ekleyin</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">ekleyin</a></li> 						</ul> 					</li>  				</ul> 			</div> 			 			<div style="clear: both; height: 1px"></div> 		</div> 	</div> 	 	<div id="footer"> 		<p id="legal">Copyright © 2010 Siteadı. |  Düzenleyen <a href="http://www.belenmedia.tr.gg/" _fcksavedurl="http://www.belenmedia.tr.gg/" _fcksavedurl="http://www.belenmedia.tr.gg/" _fcksavedurl="http://www.belenmedia.tr.gg/">Belenmedia</a>.</p>  		<p id="links"><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org">freecsstemplates</a> </p> 	</div> 	 </div>

CSS KODU :

/*tasarim: Belenmedia   */ /*URL: http://www.belenmedia.tr.gg*/ 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;}  table {margin-left: auto;margin-right: auto}   /* 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: 40px; 	background: #000; 	text-align: justify; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #202020; }  h1, h2, h3 { 	color: #AA2808; }  h1 { }  h2 { }  h3 { }  p, blockquote, ul, ol { 	margin-bottom: 20px; 	line-height: 2em; }  p { }  blockquote { }  ul, ol, li { 	margin: 0px; 	padding: 0px; 	list-style: none; }  a { 	text-decoration: underline; 	color: #323B51; }  a:hover { 	text-decoration: none; 	color: #FF0000; }  /* Wrapper */  #wrapper { }  /* Header */  #header { 	width: 892px; 	height: 91px; 	margin: 0 auto; }  /* Logo */  #logo { 	float: left; 	width: 270px; 	height: 76px; 	margin: 0px; 	padding: 15px 0px 0px 30px; 	background: url(https://img.webme.com/pic/t/tasarimkurdu/img01.jpg) no-repeat left top; }  #logo h1 { 	margin: 0; 	padding: 0; 	font: normal 36px Titillium Web, "Titillium Web", Times, serif; }  #logo h2 { 	margin: -2px 0 0 0; 	padding: 0; 	text-transform: uppercase; 	letter-spacing: 2px; 	font-size: 10px; 	font-weight: bold; 	color: #444444; }  #logo a { 	text-decoration: none; 	color: #444444; }  /* Menu */    #menu { 	float: right; 	width: 592px; 	height: 91px; 	background: url(https://img.webme.com/pic/t/tasarimkurdu/img02.jpg) no-repeat left top; }      #menu a { 	text-decoration:none;	font-family:Titillium Web; 	color: #fff;  font-size:15px;  letter-spacing: 0.9px; -webkit-transition: all 0.5s ease-in-out 0s;     -moz-transition: all 0.5s ease-in-out 0s;     -o-transition: all 0.5s ease-in-out 0s;     -ms-transition: all 0.5s ease-in-out 0s;   }    #menu a:hover { 	  -webkit-transition: all 0.5s ease-in-out 0s;     -moz-transition: all 0.5s ease-in-out 0s;     -o-transition: all 0.5s ease-in-out 0s;     -ms-transition: all 0.5s ease-in-out 0s;    background: #FFFFFF; 	color: #110404; }     /* Search */  #search { 	height: 45px; 	padding: 0px 0px 40px 0px; }  #search form { 	margin: 0; 	padding: 12px 0px 0 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search input { 	float: left; 	font: 12px Georgia, "Times New Roman", Times, serif; }  #search-text { 	width: 120px; 	height: 18px; 	padding: 3px 0 0 5px; 	border: 1px solid #000000; 	color: #000000; }  #search-submit { 	height: 21px; 	margin-left: 10px; 	padding: 0px 2px; 	border: none; 	background: #000000; 	color: #FFFFFF; }  /* Page */  #page { 	width: 892px; 	margin: 0 auto; 	background: url(https://img.webme.com/pic/t/tasarimkurdu/img03.jpg) repeat-y left top; }  #page-bgtop { 	background: url(https://img.webme.com/pic/t/tasarimkurdu/img05.jpg) no-repeat left top; 	padding: 0px 30px; }  /* Content */     #content { font-family:Titillium Web; 	float: left; 	width: 590px; 	padding-top: 30px; overflow:hidden; } .post { 	margin: 0px 0px 30px 0px; }  .post .title { 	margin: 0px; 	padding: 0px 0px 5px 0px; 	color: #232F01; }  .post .title a { 	padding: 4px 35px 4px 15px; 	background: #FF0000; 	text-decoration: none; 	font-weight: normal; 	color: #FFFFFF; }  .post .entry { }  .post img { 	float: left; 	padding: 15px 0px; }  .post .meta { 	text-align: right; 	padding-top: 20px; 	border-bottom: 1px solid #E5E5E5; 	font-weight: bold; 	color: #202020; }  .post .byline { 	float: right; 	margin-top: -30px; 	font-size: 12px;  	color: #5E5E5E; }  /* Sidebar */  #sidebar { 	float: right; 	width: 208px; 	padding-top: 30px; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  #sidebar li { 	margin-bottom: 1px; }  #sidebar li ul { 	margin: 0px; 	padding: 0px 0px 40px 0px; }  #sidebar li li { 	margin: 0; 	padding: 9px 0px; 	border: none; 	background: url(https://img.webme.com/pic/t/tasarimkurdu/img07.jpg) repeat-x left bottom; }  #sidebar h2 { 	margin: 0px; 	padding: 0px; 	border-bottom: 2px solid #EBEBEB; 	font-family:Titillium Web; 	font-size: 160%; 	font-weight: normal; 	color: #FF0000; }  #sidebar h3 { 	font-size: 77%; 	color: #110404; }  #sidebar p { 	margin: 0; 	line-height: normal; 	color: #D4C792; }    #sidebar a { 	border: none; 	text-decoration: none;  font-family:Titillium Web;	color: #110404;  font-size: 14px;  -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;   }    #sidebar a:hover {  letter-spacing: 1.2px;  font-weight: bold; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;    }      /* Submenu */  #submenu { }  /* News */  #news { }  #news a { 	font-size: 85%; }  /* Footer */  #footer { 	width: 892px; 	height: 50px; 	margin: 0 auto; 	padding: 40px 0 0 0; 	background: url(https://img.webme.com/pic/t/tasarimkurdu/img04.jpg) no-repeat left top; 	color: #FFFFFF; }  #footer p { 	margin: 0; 	text-align: center; 	font-size: 77%; }  #footer a { 	text-decoration: underline; 	color: #FFFFFF; }  #footer a:hover { 	text-decoration: none; }   ::-moz-selection {     background:#FF0000;     color:#fff; } ::selection {     background:#FF0000;     color:#fff; }

ANA SAYFA KODU :

<table width="585" height="140" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td colspan="2" height="30"> <span style="color: rgb(255, 0, 0);"><span style="font-size: large;">Konu başlığı buraya gelecek</span></span></td>         </tr>         <tr>             <td width="180"><img src="http://blog.verticalresponse.com/wp-content/uploads/2013/02/blogimg1.jpg" _fcksavedurl="http://blog.verticalresponse.com/wp-content/uploads/2013/02/blogimg1.jpg" _fcksavedurl="http://blog.verticalresponse.com/wp-content/uploads/2013/02/blogimg1.jpg" width="180" height="97" alt="" /></td>             <td>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</td>         </tr>         <tr>             <td colspan="2" height="30" style="text-align: right;"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Konunun Devamı →</a> </td>         </tr>     </tbody> </table> <br /> <br /> <br /> <table width="585" height="140" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td colspan="2" height="30"> <span style="color: rgb(255, 0, 0);"><span style="font-size: large;">Konu başlığı buraya gelecek</span></span></td>         </tr>         <tr>             <td width="180"><img src="https://www.biltektasarim.com/dosyalar/blog_manset/blo2.jpg" _fcksavedurl="https://www.biltektasarim.com/dosyalar/blog_manset/blo2.jpg" _fcksavedurl="https://www.biltektasarim.com/dosyalar/blog_manset/blo2.jpg" width="165" height="97" alt="" /></td>             <td>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</td>         </tr>         <tr>             <td colspan="2" height="30" style="text-align: right;"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Konunun Devamı →</a> </td>         </tr>     </tbody> </table> <br /> <br /> <br /> <table width="585" height="140" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td colspan="2" height="30"> <span style="color: rgb(255, 0, 0);"><span style="font-size: large;">Konu başlığı buraya gelecek</span></span></td>         </tr>         <tr>             <td width="180"><img src="http://academicprofile.org/images/blogger.png" _fcksavedurl="http://academicprofile.org/images/blogger.png" _fcksavedurl="http://academicprofile.org/images/blogger.png" width="150" height="97" alt="" /></td>             <td>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</td>         </tr>         <tr>             <td colspan="2" height="30" style="text-align: right;"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Konunun Devamı →</a> </td>         </tr>     </tbody> </table> <br /> <br /> <br />

Kaynak : Belenmedia

Toplam 6218 ziyaretçi kişi burdaydı!