- css cerceve

css cerceve

main page css

Tasarımın üzerindeki yazı:

<!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>
<title></title>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="http://flashwebcenter.com/favicon.ico" type="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-045/image/x-icon" />
<link rel="stylesheet" href="main.css" type="text/css" media="screen" />
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="180" align="left" valign="top"><a href="http://www.flashwebcenter.com"><img name="index_r1_c1" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-045/images/index_r1_c1.jpg" width="1000" height="180" border="0" id="index_r1_c1" alt="Austin Web Design" /></a></td>
</tr>
<tr>
<td height="180" align="left" valign="top"><a href="http://www.flashwebcenter.com"><img name="index_r2_c1" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-045/images/index_r2_c1.jpg" width="1000" height="180" border="0" id="index_r2_c1" alt="Austin Flash Design" /></a></td>
</tr>
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1000">
<tr>
<td width="280" height="280" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-045/images/index_r3_c1.jpg)"><ul id="menu">
<li><a href="#">Giriş</a></li>
<li><a href="istanbul#">Ana Sayfa</a></li>
<li><a href="istanbul#">Ziyaretçi Defteri</a></li>
<li><a href="istanbul#">Forum</a></li>
<li><a href="istanbul#">İletişim</a></li>
</ul></td>
<td width="660" height="280" align="left" valign="top" style=" background-image:url(images/index_r3_c2.jpg)"><div id="middle_text">
<div class="download"> <a href="http://www.flashwebcenter.com/xhtml-templates/flashwebcenter-045.zip" title="Download Free Website"><img src="http://www.flashwebcenter.com/images/arrow.png" alt="Download Free Website" width="35" height="35" /></a>
<p><a href="http://www.flashwebcenter.com" title="Austin Web Development &amp; Design">Go Back To<strong> Flash Web Center</strong></a></p>
<p><a href="http://www.flashwebcenter.com/xhtml-templates/flashwebcenter-045.zip" title="Austin Free Websites"><strong>Download This Website</strong> (045)</a></p>
<div class="clear"></div>

Tasarımın altındaki yazı:

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;}
@charset "UTF-8";
/**
* @XHTML, CSS Tutorial
* @Author       Alaa Haddad,  Austin, Texas
* @Publisher    FlashWebCenter.com, Austin, Texas
* @Contact      800-582-4649, Austin, TX"
* @owner        webdesign@flashwebcenter.com
* @file		Free Templates
* @package		Websites
* @version		Fireworks CS4, Dreamweaver CS4
* @type		XHTML, CSS
* @browsers	All
* @link		http://www.FlashWebCenter.net
* @copyright	2008-2010 Flash Web Center. All Rights Reserved.
*
*/
body, td, th { font: 95% georgia, sans-serif; color: #00688A; background-color:#F4FADE; margin:0; padding:0; }
a:link { color: #0187B3; text-decoration:none; }
a:visited { color: #016181; text-decoration:none; }
a:hover { color: #01BFFE; }
a:active { color: #C30; }
h1 { margin:15px; font-size: 20px; font-weight: bolder; color: #01749A; }
h2 { margin:10px; font-size: 18px; font-weight: bold; color:#016687; }
h5 { font-size: 10px; line-height: normal; color: #01A7DE; }
p { margin:5px; padding:0; font-size: 16px; color: #00688A; text-align:justify; }
ul#menu { font-size: 18px; margin:0; margin-left:70px; height:auto; width:auto; text-align:justify; float:left; padding:0; list-style: none; color: #E9EBF8; }
ul#menu li a { display: block; margin-top:30px; text-decoration: none; }
#middle_text { height:270px; width:650px; text-align:justify; float:left; overflow: auto; margin: 2px; padding: 0; }
#copy { font-size:10px; font-weight:bold; color: #999; text-align:center; }
.download { margin:0; padding:0; width:100%; }
.download img { float:left; margin:0; margin-left:30px; width:35px; }
.download p { margin:0; margin-top:10px; width:40%; float:right; text-align:center; }
.clear { clear: both; }

main page -ana sayfa Harita-turuncu

Tasarımın üzerindeki yazı:

<!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>
<title></title>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="http://flashwebcenter.com/favicon.ico" type="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/image/x-icon" />
<link rel="stylesheet" href="main.css" type="text/css" media="screen" />
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1000" height="58" align="left" valign="top"><a href="http://www.flashwebcenter.com"><img name="index_r1_c1" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r1_c1.jpg" width="1000" height="58" border="0" id="index_r1_c1" alt="Austin Web Design" /></a></td>
</tr>
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1000">
<tr>
<td width="349" height="237" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r2_c1.jpg)"><ul id="menu">
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
</ul></td>
<td width="589" height="237" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r2_c2.jpg)" ><div id="middle_text">
<div class="download"> <a href="http://www.flashwebcenter.com/xhtml-templates/flashwebcenter-018.zip" title="Download Free Website"> <img src="http://www.flashwebcenter.com/images/arrow.png" alt="Download Free Website" width="35" height="35" /></a>
<p><a href="http://www.flashwebcenter.com" title="Austin Web Development &amp; Design">Go Back To<strong> Flash Web Center</strong></a></p>
<p><a href="http://www.flashwebcenter.com/xhtml-templates/flashwebcenter-018.zip" title="Austin Free Websites"><strong>Download This Website</strong> (018)</a></p>
<div class="clear"></div>

Tasarımın altındaki yazı:

</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nisi magna, mollis eu commodo ut, eleifend eu diam. Pellentesque urna dui, vehicula nec fermentum eget, elementum eget purus. Pellentesque varius, tellus porta ullamcorper tincidunt, nisi nunc tempus nisi, sit amet ornare metus tortor quis neque. Integer lobortis massa purus, vitae tincidunt tortor. Morbi condimentum, metus non pulvinar congue, enim justo lobortis neque, a blandit magna nisi eget tortor. Vestibulum odio mi, dignissim vel pellentesque vitae, egestas quis elit. Nunc vulputate hendrerit felis, non consectetur odio vehicula in. Fusce ultrices, risus in ultrices pulvinar, mi tortor porttitor purus, in volutpat metus sapien nec justo. Nam a diam sit amet enim interdum adipiscing. Phasellus magna erat, tempus ac venenatis sed, cursus in erat. Praesent ligula metus, fermentum scelerisque rutrum non, congue eu arcu. Cras eu vulputate justo. Phasellus in ante leo, ut varius felis.</p>
<p>Sed feugiat libero velit. Donec vitae urna in lorem consequat elementum vitae ac elit. Mauris adipiscing, urna in sagittis dignissim, lectus nisl convallis justo, vitae consectetur nunc arcu in nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In orci urna, posuere vel fringilla sed, mollis suscipit massa. Duis ornare erat quis magna bibendum sit amet lobortis eros pharetra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse fermentum libero ut orci adipiscing ultricies. Duis in mi nulla. Mauris sem arcu, congue a facilisis a, laoreet eget dolor. Donec sollicitudin euismod egestas. Nunc nec arcu mi. Phasellus et posuere nunc. Nullam non odio diam. Integer quis commodo mi.</p>
</div></td>
<td width="62" align="left" valign="top"><a href="http://www.flashwebcenter.com"><img name="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/index_r2_c3" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r2_c3.jpg" width="62" height="237" border="0" id="index_r2_c3" alt="Austin Flash Designer" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="1000" height="38" align="left" valign="top"><img name="index_r3_c1" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r3_c1.jpg" width="1000" height="38" border="0" id="index_r3_c1" alt="" /></td>
</tr>
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1000">
<tr>
<td align="left" valign="top"><a href="http://www.flashwebcenter.com"><img name="index_r4_c1" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r4_c1.jpg" width="349" height="367" border="0" id="index_r4_c1" alt="Austin FLash Designer" /></a></td>
<td align="left" valign="top"><a href="http://www.alaahaddad.com"><img name="index_r4_c2" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-018/images/index_r4_c2.jpg" width="651" height="367" border="0" id="index_r4_c2" alt="Austin WEb DEsigner" /></a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

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;}
@charset "UTF-8";
/**
* @XHTML, CSS Tutorial
* @Author       Alaa Haddad,  Austin, Texas
* @Publisher    FlashWebCenter.com, Austin, Texas
* @Contact      800-582-4649, Austin, TX"
* @owner        webdesign@flashwebcenter.com
* @file		Free Templates
* @package		Websites
* @version		Fireworks CS4, Dreamweaver CS4
* @type		XHTML, CSS
* @browsers	All
* @link		http://www.FlashWebCenter.net
* @copyright	2008-2010 Flash Web Center. All Rights Reserved.
*
*/
body, td, th { font: 95% georgia, sans-serif; color: #FFF2D9; background-color:#381a0c; margin:0; padding:0; }
a:link { color: #960; text-decoration:none; }
a:visited { color: #933; text-decoration:none; }
a:hover { color: #966; }
a:active { color: #C30; }
h1 { margin:15px; font-size: 20px; font-weight: bolder; color: #900; }
h2 { margin:10px; font-size: 18px; font-weight: bold; color:#C00; }
h5 { font-size: 10px; line-height: normal; color: #930; }
p { margin:5px; padding:0; font-size: 16px; color: #FFE6E6; text-align:justify; }
ul#menu { font-size: 18px; margin:0; margin-left:180px; height:auto; width:auto; text-align:justify; float:left; padding:0; list-style: none; }
ul#menu li a { display: block; margin-top:15px; text-decoration: none; }
#middle_text { color:#069; height:227px; width:579px; text-align:justify; float:left; overflow: auto; margin: 0; padding: 0; }
#copy { font-size:10px; font-weight:bold; color: #FFF; text-align:center; }
.download { margin:0; padding:0; width:100%; }
.download img { float:left; margin:0; margin-left:30px; width:35px; }
.download p { margin:0; margin-top:10px; width:40%; float:right; text-align:center; }
.clear { clear: both; }

YEŞİL PAPATYA

Tasarımın üzerindeki yazı:

<!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>
<title></title>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="http://flashwebcenter.com/favicon.ico" type="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/image/x-icon" />
<link rel="stylesheet" href="main.css" type="text/css" media="screen" />
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1000">
<tr>
<td width="504" height="336" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r1_c1.jpg)">&nbsp;</td>
<td width="496" height="336" align="left" valign="top"><img name="index_r1_c3" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r1_c3.jpg" width="496" height="336" border="0" id="index_r1_c3" alt="" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="95" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r2_c1.jpg)"><ul id="menu">
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
</ul></td>
</tr>
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1000">
<tr>
<td width="42" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r3_c1.jpg)">&nbsp;</td>
<td width="916" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r3_c2.jpg)"><div class="download"> <a href="http://www.flashwebcenter.com/xhtml-templates/flashwebcenter-031.zip" title="Download Free Website"> <img src="http://www.flashwebcenter.com/images/arrow.png" alt="Download Free Website" width="35" height="35" /></a>
<p><a href="http://www.flashwebcenter.com" title="Austin Web Development &amp; Design">Go Back To<strong> Flash Web Center</strong></a></p>
<p><a href="http://www.flashwebcenter.com/xhtml-templates/flashwebcenter-031.zip" title="Austin Free Websites"><strong>Download This Website</strong> (031)</a></p>
<div class="clear"></div>

Tasarımın altındaki yazı:

</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nisi magna, mollis eu commodo ut, eleifend eu diam. Pellentesque urna dui, vehicula nec fermentum eget, elementum eget purus. Pellentesque varius, tellus porta ullamcorper tincidunt, nisi nunc tempus nisi, sit amet ornare metus tortor quis neque. Integer lobortis massa purus, vitae tincidunt tortor. Morbi condimentum, metus non pulvinar congue, enim justo lobortis neque, a blandit magna nisi eget tortor. Vestibulum odio mi, dignissim vel pellentesque vitae, egestas quis elit. Nunc vulputate hendrerit felis, non consectetur odio vehicula in. Fusce ultrices, risus in ultrices pulvinar, mi tortor porttitor purus, in volutpat metus sapien nec justo. Nam a diam sit amet enim interdum adipiscing. Phasellus magna erat, tempus ac venenatis sed, cursus in erat. Praesent ligula metus, fermentum scelerisque rutrum non, congue eu arcu. Cras eu vulputate justo. Phasellus in ante leo, ut varius felis.</p>
<p>Sed feugiat libero velit. Donec vitae urna in lorem consequat elementum vitae ac elit. Mauris adipiscing, urna in sagittis dignissim, lectus nisl convallis justo, vitae consectetur nunc arcu in nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In orci urna, posuere vel fringilla sed, mollis suscipit massa. Duis ornare erat quis magna bibendum sit amet lobortis eros pharetra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse fermentum libero ut orci adipiscing ultricies. Duis in mi nulla. Mauris sem arcu, congue a facilisis a, laoreet eget dolor. Donec sollicitudin euismod egestas. Nunc nec arcu mi. Phasellus et posuere nunc. Nullam non odio diam. Integer quis commodo mi.</p></td>
<td width="42" align="left" valign="top" style=" background-image:url(http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r3_c4.jpg)">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="129" align="left" valign="top"><img name="index_r4_c1" src="http://www.flashwebcenter.com/xhtml-live/flashwebcenter-031/images/index_r4_c1.jpg" width="1000" height="129" border="0" id="index_r4_c1" alt="" /></td>
</tr>
</table>
</body>
</html>

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;}
@charset "UTF-8";
/**
* @XHTML, CSS Tutorial
* @Author       Alaa Haddad,  Austin, Texas
* @Publisher    FlashWebCenter.com, Austin, Texas
* @Contact      800-582-4649, Austin, TX"
* @owner        webdesign@flashwebcenter.com
* @file		Free Templates
* @package		Websites
* @version		Fireworks CS4, Dreamweaver CS4
* @type		XHTML, CSS
* @browsers	All
* @link		http://www.FlashWebCenter.net
* @copyright	2008-2010 Flash Web Center. All Rights Reserved.
*
*/
body, td, th { font: 95% georgia, sans-serif; color: #436705; background-color:#ecfeda; margin:0; padding:0; }
a:link { color: #436705; text-decoration:none; }
a:visited { color: #283F03; text-decoration:none; }
a:hover { color: #79BC0A; }
a:active { color: #C30; }
h1 { margin:15px; font-size: 20px; font-weight: bolder; color: #78BB09; }
h2 { margin:10px; font-size: 18px; font-weight: bold; color:#5B8E06; }
h5 { font-size: 10px; line-height: normal; color: #436705; }
p { margin:5px; padding:0; font-size: 16px; color: #436705; text-align:justify; }
ul#menu { font-size: 18px; margin-top:20px; margin-left:200px; height:auto; width:auto; text-align:justify; float:left; padding:0; list-style: none; }
ul#menu li { display: inline; }
ul#menu li a { text-decoration: none; margin-left:50px; }
#copy { font-size:10px; font-weight:bold; color: #9C0; text-align:center; }
.download { margin:0; padding:0; width:100%; }
.download img { float:left; margin:0; margin-left:30px; width:35px; }
.download p { margin:0; margin-top:10px; width:40%; float:right; text-align:center; }
.clear { clear: both; }

kırmızı iki sütünlü
Tasarımın üzerindeki yazı:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Web-Template PP-005 [Abstract.RED] by ModBlackmoon</title>
<link href="template.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<div id="wrapper">
<div id="header">
</div>
<div id="leftcolumn">
<h1>Navigation:</h1>
<ul class="menulist">
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">MEDIA</a></li>
<li><a href="#">FILES</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#">CONTACTS</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">LINKS</a></li>
</ul>
<br>

<h1>Banners:</h1>
<div class="menulist">
<p align="center">
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="Valid CSS!">
</a>
</p>
<p align="center">
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px"
src="http://www.w3.org/Icons/valid-html401-blue"
alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
</p>
</div>

</div>
<div id="content">

Tasarımın altındaki yazı:

<h4>Web-Template PP-005 [Abstract.RED]</h4>
<p>Simple HTML+CSS (with GIF graphics and editable PSD title image) web-template, based on div-blocks with fixed width, without tables. Created in 2010. You can use it as you wish in your personal or commercial projects as long as you'll keep the 'credits' line (You can change it to short MB-Design link).<br>
Template width: 960 pixels, default text encoding 'iso-8859-1'. Valid both CSS and HTML code (checked: May 2010). <br>
If you need more advanced commercial web-graphics, or just some free Photoshop Resources and Desktop Themes, you can visit my Site at: <a href="http://modblackmoon.narod.ru/">modblackmoon.narod.ru</a> (<a href="http://www.modblackmoon.eu.mn/">modblackmoon.eu.mn</a>).<br>
Or my gallery at DeviantArt: <a href="http://modblackmoon.deviantart.com/">modblackmoon.deviantart.com</a><br>
-----------</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc faucibus nisl nec enim. Fusce id pede et nunc consectetuer ultrices. Phasellus in nulla. In quam felis, rutrum sit amet, tincidunt sit amet, varius vitae, pede. Cras ac neque. Suspendisse potenti. Mauris semper ante eu libero. Vestibulum eu velit. Proin non purus. Vestibulum a elit. Curabitur dolor elit, vestibulum a, feugiat a, vulputate in, velit. Nunc nec nisi. Sed vulputate. Duis leo ante, egestas id, bibendum mollis, mattis quis, tortor. Morbi mi nisi, gravida eu, commodo vitae, laoreet nec, nunc. Nullam consequat mi id nisi. Ut elit. Duis in nulla a lectus pulvinar vehicula. In non velit eu justo congue mollis.</p>
<p>Nunc mauris neque, pharetra eu, semper quis, accumsan et, mauris. Morbi vulputate euismod nunc. Cras euismod consequat orci. Sed tempor posuere lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis et mi. Etiam bibendum, odio at porttitor imperdiet, elit massa cursus nunc, ut rutrum purus ipsum sit amet est. Aliquam nulla. Curabitur tellus sapien, consectetuer sodales, ultrices id, posuere sit amet, orci. Duis ultricies. Nullam tempor posuere tortor. Morbi ultricies orci in augue. Proin libero purus, luctus quis, mollis ut, sollicitudin vitae, nibh. Sed sollicitudin. Phasellus tempus condimentum massa. Nulla facilisi. Integer pellentesque, nisi eget dictum sodales, lorem massa auctor urna, at porttitor neque neque at diam. Sed interdum. Pellentesque pretium tristique nulla. </p>
<p>Nunc mauris neque, pharetra eu, semper quis, accumsan et, mauris. Morbi vulputate euismod nunc. Cras euismod consequat orci. Sed tempor posuere lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis et mi. Etiam bibendum, odio at porttitor imperdiet, elit massa cursus nunc, ut rutrum purus ipsum sit amet est. Aliquam nulla. Curabitur tellus sapien, consectetuer sodales, ultrices id, posuere sit amet, orci. Duis ultricies. Nullam tempor posuere tortor. Morbi ultricies orci in augue. Proin libero purus, luctus quis, mollis ut, sollicitudin vitae, nibh. Sed sollicitudin. Phasellus tempus condimentum massa. Nulla facilisi. Integer pellentesque, nisi eget dictum sodales, lorem massa auctor urna, at porttitor neque neque at diam. Sed interdum. Pellentesque pretium tristique nulla.</p>
</div>
<div id="rightcolumn"><p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing</a> elit.</p>
<p>Nunc faucibus nisl nec enim. Fusce id pede et nunc consectetuer ultrices. Phasellus in nulla.</p>
<p>In quam felis, rutrum sit <a href="#">amet</a>, tincidunt sit amet, varius vitae, pede. Cras ac neque.</p>
<p>Suspendisse potenti. <a href="#">Mauris</a> semper ante eu libero.</p>
Vestibulum eu velit. Proin non purus. Vestibulum a elit.</div>
<div id="footer">
<div id="copyright" align="center">All Rights Reserved &copy; 2010 Free HTML/CSS Template | Designed by <a href="http://modblackmoon.narod.ru/">ModBlackmoon</a></div>
</div>
</div>
</BODY>
</html>

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;}
/*
-----------------------------------
Free HTML/CSS Web Template
Designed by ModBlackmoon / 2010.
http://www.modblackmoon.eu.mn/
-----------------------------------
*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #000000;
color: #dadada;
background: url('https://img.webme.com/pic/b/biristanbulmasali/header46544.gif');
}
a:link { color: #eaeaea; text-decoration: none; font-weight: bold; }
a:visited { text-decoration: none; color: #eaeaea; font-weight: bold; }
a:hover { text-decoration: none; color: #ffffff; font-weight: bold; }
a:active { text-decoration: none; color: #eaeaea; font-weight: bold; }
h1 { font-size: 16px; }
h4 { font-size: 14px; }
#wrapper {
margin: 0 auto;
margin-top: 16px;
width: 960px;
background:url('https://img.webme.com/pic/b/biristanbulmasali/bgr_main.gif') repeat-y;
border: 4px solid #959595;
}
#header {
width: 960px;
float: left;
height: 108px;
margin: 0 auto;
color:#c5af90;
background-image:url('https://img.webme.com/pic/b/biristanbulmasali/header.gif');
}
#leftcolumn {
color: #dab6b6;
margin: 0 auto;
padding: 30px 0 0 34px;
width: 142px;
float: left;
}
#content {
float: left;
color: #dadada;
margin: 0 auto;
padding: 0 5px 0 5px;
width: 619px;
}
#rightcolumn {
color: #dab6b6;
margin: 0 auto;
padding: 0 27px 0 30px;
width: 98px;
float: left;
font-size: 11px;
}
#footer {
width: 960px;
height: 36px;
clear: both;
color: #dadada;
margin: 0 auto;
background-image:url('https://img.webme.com/pic/b/biristanbulmasali/footer.gif');
}
.menulist {
width: 112px;
margin: 0 auto;
list-style-type: none;
padding: 0;
}
#copyright { font-size: 11px; padding-top: 13px; }