- renkli css

renkli css

Tasarımın üzerindeki yazı: <p> <link rel="stylesheet" type="text/css" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/mt_null.css" /></p> <div id="id_UiDiv_Options" style="z-index: 9999; position: absolute; text-align: left; padding-bottom: 5px; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 0.9em; overflow: auto; top: -8px; right: 95px; padding-top: 5px; opacity: 0.9"> <div id="tkOptions"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="topnavpanel" valign="top" align="left"> <ul> <li><a class="active" title="Home" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#"><span id="dtx-highlighting-item" dtx-highlight-backgroundcolor="cyan">Home</span></a></li> <li><a title="About us" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">About us</a></li> <li><a title="Our services" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Our services</a></li> <li><a title="Find home" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#"><span>Find<span id="dtx-highlighting-item" dtx-highlight-backgroundcolor="cyan"> home</span></span></a></li> <li><a title="Contact us" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Contact us</a></li> </ul> </td> </tr> <tr> <td class="bodybg" valign="top" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="910" align="center"> <tbody> <tr> <td class="bodymainbg" valign="top" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="bodyleftpanel" valign="top" width="257" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td valign="top" align="left"><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/index.html"><img class="logo" title="international" border="0" alt="logo" width="203" height="49" src="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/logo.gif" /></a></td> </tr> <tr> <td class="ourcenterpanel" valign="top" align="left"> <h2>Our Centers</h2> <ul> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Lorem Ipsum is simply dummy text of the </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">typesetting industry. Lorem Ipsum has been </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">the industry's standard dummy text ever </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">since the 1,</a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Lorem Ipsum is simply dummy text of the </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">printing typesetting industry. Lorem Ipsum has </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">been the industry's standard dummy text ever </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">since the </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Lorem Ipsum is simply dummy text of the </a></li> <li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">printing typesetting industry. Lorem Ipsum has </a></li> </ul> <p class="centermore"><a title="more" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">more</a></p> <p class="center"><a title="center" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">center</a></p> </td> </tr> <tr> <td class="banner" valign="top" align="left"> <p><a title="more" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">more</a></p> </td> </tr> </tbody> </table> </td> <td valign="top" width="641" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="bodyrightbotbg" valign="top" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="bodyrighttopbg" valign="top" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="591" align="center"> <tbody> <tr> <td class="lookingPanel" valign="top" align="left"> <h2>Looking for house?</h2> </td> </tr> <tr> <td valign="top" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="gallerytopbg" valign="top" align="left"> </td> </tr> <tr> <td class="gallerymidbg" valign="top" align="left">

Tasarımın altındaki yazı:

</td>
</tr>
<tr>
<td class="gallerybotbg" valign="top" align="left"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="rightbotpanel" valign="top" align="left">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td class="howtoPanel" valign="top" width="282" align="left">
<h2>How to <span><span>Find house in<span id="dtx-highlighting-item" dtx-highlight-backgroundcolor="lime"> you</span>r location?</span></span></h2>
<h3>standard dummy text ever since the 1,an unknown</h3>
<ul>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Lorem Ipsum is simply dummy text of the printing </a></li>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">and typesetting industry. Lorem Ipsum has been </a></li>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">the industry's standard dummy text ever since </a></li>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">the 1500s, when an unknown printer took a </a></li>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">galley of type and scrambled it to make a type </a></li>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">specimen book.dummy text of the printing and </a></li>
<li><a href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">typesetting industry. Lorem Ipsum has been the </a></li>
</ul>
<p class="readmore1"><a title="read more" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">read more</a></p>
</td>
<td valign="top" width="35" align="left">&nbsp;</td>
<td valign="top" width="274" align="left">&nbsp;
<p class="bottomimgtxt"><b>
<table border="0" cellspacing="0" cellpadding="0" width="211" style="width: 211px; height: 63px">
<tbody>
<tr>
<td height="18" valign="top" align="left">Search Now</td>
</tr>
<tr>
<td height="27" valign="top" align="left">
<form method="get" action="#" name="search">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td height="21" valign="top" width="181" align="left"><input class="textbox" name="" value="biristanbulmasali.tr.gg" type="text" /></td>
<td height="21" valign="top" align="left"><input title="go" src="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/go.gif" type="image" name="" /></td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
<tr>
<td height="14" valign="top" align="left"><a title="Advance search" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Advance search</a></td>
</tr>
</tbody>
</table>
Lorem Ipsum is simply dummy text</b>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown Lorem Ipsum is simply dummy<br />
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown the industry's standard</p>
<p class="readmore2"><a title="read more" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">read more</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="footerpanel" valign="top" align="center">
<ul>
<li class="nodivder"><a class="active" title="Home" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/index.html"><span id="dtx-highlighting-item" dtx-highlight-backgroundcolor="cyan">Home</span></a></li>
<li><a title="About Us" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/aboutus.html">About Us</a></li>
<li><a title="Our services" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Our services</a></li>
<li><a title="Find home" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#"><span>Find<span id="dtx-highlighting-item" dtx-highlight-backgroundcolor="cyan"> home</span></span></a></li>
<li><a title="Contact us" href="http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/#">Contact us</a></li>
</ul>
<br class="spacer" />
<p>&copy; Copyrights Information Goes Here. All Rights Reserved. Design by: <a title="Template Kingdom.com" target="_blank" href="http://templatekingdom.com/">Template Kingdom.com</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<br />

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

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 Document */
/*-------------------------general-------------------------*/
body{
padding:0;
margin:0;
background-color:#053C39;
color:#8DAA7F;
font:normal 11px Arial, Helvetica, sans-serif;
}
p, a, h1, h2, h3, h4, li, td, form, input, select {
padding:0;
margin:0;
}
img{
padding:0;
margin:0;
border:none;
display:block;
}
h2{
font:normal 27px/33px Arial, Helvetica, sans-serif;
color:#623202;
background-color:inherit;
}
h3{
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#FEFEFE;
background-color:inherit;
}
ul{
padding:0;
margin:0;
list-style-type:none;
}
a{
text-decoration:none;
outline:none;
}
.spacer{
padding:0;
margin:0;
clear:both;
line-height:0;
font-size:0;
}
/*-------------------------general-------------------------*/
/*-------------------------Top Nav Panel Start-------------------------*/
.topnavpanel{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/topnavbg.gif) repeat-x 0 0 #613201;
color:#FFF0D9;
border-bottom:1px solid #784107;
}
.topnavpanel ul{
width:491px;
margin:0 auto;
height:31px;
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/topnavdiv.gif) no-repeat 0 0;
padding:0 0 0 2px;
}
.topnavpanel ul li{
float:left;
width:auto;
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/topnavdiv.gif) no-repeat 100% 0;
font-size:11px;
line-height:31px;
font-weight:bold;
padding:0 2px 0 0;
}
.topnavpanel ul li a{
color:#FFF0D9;
background-color:inherit;
padding:0 21px;
display:block;
}
.topnavpanel ul li a:hover{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/topnavhovbg.gif) repeat-x 0 0;
color:#F9FFBE;
background-color:inherit;
}
.topnavpanel ul li a.active{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/topnavhovbg.gif) repeat-x 0 0;
color:#F9FFBE;
background-color:inherit;
cursor:text;
}
/*-------------------------Top Nav Panel End-------------------------*/
/*-------------------------Body Panel Start-------------------------*/
.bodybg{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/bodybg.gif) repeat-x 0 0 #053C39;
color:#8DAA7F;
}
/*-------------------------Body Top Panel Start-------------------------*/
.bodymainbg{
background:url(menuarkatemaresim) no-repeat 0 0;
}
.bodyleftpanel{
padding:21px 12px 0 0;
}
.logo{
margin:0 0 11px 20px;
display:inline;
}
.searchbg{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/searchbg.gif) no-repeat 0 0;
padding:18px 0 16px 22px;
font-size:12px;
line-height:14px;
color:#62A38E;
background-color:inherit;
font-weight:bold;
}
.searchbg a{
font-size:11px;
line-height:14px;
color:#2C736E;
background-color:inherit;
text-decoration:underline;
}
.searchbg a:hover{
text-decoration:none;
}
.textbox{
width:171px;
height:19px;
background-color:#285956;
color:#C1E2E0;
border:1px solid #086D67;
}
.welcomelink{
padding:256px 0 11px 0;
}
.welcomelink p{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/wellinkbg.gif) no-repeat 0 0;
font-size:12px;
line-height:34px;
font-weight:bold;
text-align:center;
}
.welcomelink p a{
color:#EBF2CD;
background-color:inherit;
}
.welcomelink p a:hover{
color:#FFF;
background-color:inherit;
}
.ourcenterpanel{
padding:0 0 13px 0;
}
.ourcenterpanel h2{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/bullet1.gif) no-repeat 172px 50%;
font-size:30px;
line-height:36px;
color:#91B612;
background-color:inherit;
padding:0 0 7px 0;
}
.ourcenterpanel ul{
background:url(0000000) repeat-x 0 0;
padding:1px 0 17px 0;
}
.ourcenterpanel ul li{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/dashed.gif) repeat-x 0 100%;
height:18px;
line-height:0;
font-size:0;
}
.ourcenterpanel ul li a{
font-size:11px;
line-height:17px;
color:#AEB087;
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/bullet2.gif) no-repeat 10px 50%;
padding:0 0 0 31px;
display:block;
background-color:inherit;
}
.ourcenterpanel ul li a:hover{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/bullet3.gif) no-repeat 10px 50% #768F36;
color:#F1FFBF;
}
.ourcenterpanel p.centermore, p.center{
width:45px;
height:17px;
font-size:11px;
line-height:16px;
padding:0 0 0 19px;
float:left;
margin:0 8px 0 0;
}
p.centermore{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/morebg1.gif) no-repeat 0 0;
}
p.center{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/dashed.gif) no-repeat 0 0;
}
.ourcenterpanel p.centermore a, p.center a{
color:#FFF;
background-color:inherit;
}
.ourcenterpanel p.centermore a:hover, p.center a:hover{
text-decoration:underline;
}
.banner{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/banner.jpg) no-repeat 0 0;
padding:68px 0 19px 11px;
}
.banner p{
display:block;
margin:7px 0 0 0;
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/morebg.gif) no-repeat 0 0;
padding:0 0 0 19px;
width:45px;
}
.banner p a{
line-height:17px;
color:#FFF;
background-color:inherit;
}
.banner p a:hover{
text-decoration:underline;
}
.bodyrighttopbg{
background:url(https://img.webme.com/pic/t/tevhidinanci/bortrbanner.jpg) no-repeat 0 0;
padding:106px 0 31px 0;
}
.lookingPanel{
padding:0 0 48px 310px;
}
.lookingPanel p{
font-size:11px;
line-height:18px;
}
.lookingPanel p span{
display:block;
margin:7px 0 0 0;
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/morebg.gif) no-repeat 0 0;
padding:0 0 0 19px;
width:45px;
}
.lookingPanel p span a{
line-height:17px;
color:#FFF;
background-color:inherit;
}
.lookingPanel p span a:hover{
text-decoration:underline;
}
.gallerytopbg{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/gallerytopbg.gif) no-repeat 0 0;
height:13px;
line-height:0;
font-size:0;
}
.gallerymidbg{
background-color:#E9EBCE;
color:#5B7F00;
}
.gallerymidbg p.imgname{
padding:10px 0 4px 0;
line-height:14px;
text-align:center;
}
.gallerymidbg p.imgname a{
color:#5B7F00;
background-color:inherit;
text-decoration:underline;
}
.gallerymidbg p.imgname a:hover{
text-decoration:none;
}
.gallerymidbg p.gallink1, p.gallink2{
width:73px;
height:17px;
margin:3px 0 0 21px;
font-size:11px;
line-height:16px;
padding:0 0 0 21px;
}
.gallerymidbg p.gallink1 a, p.gallink2 a{
color:#FFF;
background-color:inherit;
}
.gallerymidbg p.gallink1 a:hover, p.gallink2 a:hover{
text-decoration:underline;
}
p.gallink1{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/gallinkbg1.gif) no-repeat 0 0;
}
p.gallink2{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/gallinkbg2.gif) no-repeat 0 0;
}
.gallerybotbg{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/gallerybotbg.gif) no-repeat 0 0;
height:20px;
line-height:0;
font-size:0;
}
.rightbotpanel{
padding:19px 0 0 0;
}
.howtoPanel h2{
font-size:28px;
line-height:32px;
color:#201F1F;
background-color:inherit;
padding:0 0 3px 0;
}
.howtoPanel h2 span{
font-size:16px;
line-height:20px;
color:#1F1F1F;
background-color:inherit;
display:block;
}
.howtoPanel h3{
line-height:18px;
color:#FFF;
background-color:#582C02;
text-align:center;
}
.howtoPanel ul{
padding:0 0 13px 0;
}
.howtoPanel ul li{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/bullet.gif) no-repeat 6px 50%;
font-size:11px;
line-height:24px;
padding:0 0 0 31px;
}
.howtoPanel ul li a{
color:#2E1D00;
background-color:inherit;
text-decoration:underline;
}
.howtoPanel ul li a:hover{
text-decoration:none;
}
p.bottomimgtxt{
padding:9px 0 18px 0;
line-height:18px;
color:#000;
background-color:inherit;
}
p.bottomimgtxt b{
color:#688200;
background-color:inherit;
display:block;
}
p.readmore1, .readmore2{
width:82px;
text-align:center;
line-height:14px;
font-weight:bold;
padding:5px 0 26px 0;
}
p.readmore1{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/readmorebg1.gif) repeat-x 0 0;
}
p.readmore2{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/readmorebg2.gif) repeat-x 0 0;
}
p.readmore1 a, .readmore2 a{
color:#FFF;
background-color:inherit;
}
p.readmore1 a:hover, .readmore2 a:hover{
color:#999999;
background-color:inherit;
}
.bodyrightbotbg{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/bodyrightbotbg.gif) no-repeat 0 100% #C1C493;
color:#5B7F00;
}
/*-------------------------Body Top Panel End-------------------------*/
/*-------------------------Body Panel End-------------------------*/
/*-------------------------Footer Panel Start-------------------------*/
.footerpanel{
padding:24px 0 28px 0;
}
.footerpanel ul{
margin:0 auto;
width:370px;
}
.footerpanel ul li{
background:url(http://www.templatekingdom.com/demo/Website-Templates/Real-Estate/PS-W0002-REAS/images/footernavdiv.gif) no-repeat 0 50%;
padding:0 10px;
font-size:11px;
line-height:14px;
font-weight:bold;
float:left;
width:auto;
}
.footerpanel ul li.nodivder{
background-image:none;
}
.footerpanel ul li a{
color:#95BB00;
background-color:inherit;
}
.footerpanel ul li a:hover{
color:#FFF;
background-color:inherit;
}
.footerpanel p{
width:270px;
font-size:10px;
line-height:14px;
padding:6px 0 0 0;
}
.footerpanel p a{
color:#95BB00;
background-color:inherit;
text-decoration:none;
}
.footerpanel p a:hover{
text-decoration:underline;
}
/*-------------------------Footer Panel End-------------------------*/