bu kodu ekleyin css tasarımına özeldir
----------------------TASARIM ÜSTÜNE ---------------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Design Gallery, CSS Template, Free Download</title>
<meta name="keywords" content="HTML, CSS, Design Gallery, CSS Template, Free Download, Website Layout" />
<meta name="description" content="Beautiful Design Gallery, CSS Template, Free Download" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Free CSS Templates from
www.templatemo.com -->
<div id="templatemo_background_top">
<div class="templatemo_container">
<div id="templatemo_header">
</div>
<div class="templatemo_content">
<div id="templatemo_content_white_top">
<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">HOME</a></li>
<li><a href="subpage.html">PROJECTS</a></li>
<li><a href="subpage.html">CLIENTS</a></li>
<li><a href="subpage.html">ABOUT US</a></li>
<li><a href="#" class="lastmenu">CONTACT</a></li>
</ul>
</div>
</div>
<div id="templatemo_content_white_middle">
<div class="templatemo_post_area">
<h1>Limitsiz-Paylasim Template 03</h1>
------------------TASARIM ALTINA---------------------
<div class="cleaner_with_height"></div>
</div><!-- End Of Post Area -->
</div><!-- End Of Content Middle -->
</div><!-- End Of Content -->
</div><!-- End Of Container -->
</div><!-- End Of Background Top -->
<div id="templatemo_background_middle">
<div class="templatemo_container">
<div class="templatemo_content">
<div id="templatemo_content_white_blue_joint">
</div>
<div id="templatemo_content_blue_middle">
<div class="templatemo_post_area">
<h1>Kafana Göre</h1>
<p>Kafana Göre DOldur İşte Ne bilem </p>
<div class="cleaner_with_height"></div>
</div>
</div><!-- End Of Content Middle -->
<div id="templatemo_content_blue_two_col_joint">
</div>
<div id="templatemo_content_two_col_middle">
<div class="templatemo_post_area_left">
<h1>Who We Are</h1>
<img alt="Design Blog" src="images/templatemo_thumb_2.jpg" />
<ul>
<li><a href="#">Nulla enim nibh, consectetuer sed</a></li>
<li><a href="#">Vestibulum elementum, sagittis nec</a></li>
<li><a href="#">Diam. Mauris blandit vehicula neque</a></li>
<li><a href="#">Proin consectetuer. Donec venenatis</a></li>
<li><a href="#">Cras urna metus, feugiat non</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nulla et nunc commodo ante ornare</a></li>
</ul>
</div><!-- End Of Post Area left -->
<div class="templatemo_post_area_right">
<h1>Testimonials</h1>
<div class="post_area">
<img alt="Design Gallery" src="images/templatemo_thumb_3.jpg" />
<h2>Praesent vel diam </h2>
<p>Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa.</p>
<h2>Curabitur nec odio</h2>
<p>Mae cenas vulps utate, arcue idm ferm entum elei fend, tortor enim tinc idunt mau ris, frin gilla tincidunt purus urna vel risus.</p>
</div> <!-- End Of Post Area t -->
</div><!-- End Of Post Area Right -->
<div class="cleaner_with_height"></div>
</div>
<div id="templatemo_content_two_col_bottom">
</div>
<div class="templatemo_copyright">
Copyright © 2024 Your Company Name | Designed by <a href="http://limitsiz-paylasim.tr.gg" target="_parent" title="CSS Templates">Limitsiz-Paylasim.tr.gg</a>
</div>
</div>
</div><!-- End Of Container -->
<!-- Download CSS Templates from
www.templatemo.com -->
</div><!-- End Of Background Middle -->
</body>
</html>
----------------CSS KODUNA----------------------
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 Credit:
http://www.templatemo.com/
*/
html {
background: #000d0d;
}
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #000;
width: 100%;
display: table;
background: #000d0d;
}
a {
color: #902200;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #cf3607;
font-weight: bold;
text-decoration: none;
}
#templatemo_background_top {
width: 100%;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_top.jpg) center top no-repeat;
margin: 10px 0 0 0;
}
#templatemo_background_middle {
width: 100%;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_middle.jpg) center top no-repeat;
}
.templatemo_container {
width: 820px;
margin: auto;
}
#templatemo_header {
width: 820px;
height: 150px;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_header.jpg) center no-repeat;
}
.templatemo_content {
width: 820px;
}
#templatemo_content_white_top {
width: 820px;
height: 100px;
background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_top.jpg) no-repeat;
}
/*------------- Menu ------------------*/
#templatemo_content_white_top #templatemo_menu {
float: left;
width: 370px;
height: 35px;
margin: 15px 0 0 225px;
}
#templatemo_menu ul {
float: left;
width: 370px;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
}
#templatemo_menu ul li{
display: inline;
}
#templatemo_menu ul li a{
float: left;
padding: 0 10px;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #0ff;
border-right: 1px solid #FFFFFF;
}
#templatemo_menu ul li .lastmenu{
border-right: none;
}
#templatemo_menu li a:hover, #templatemo_menu li .current{
text-decoration: underline;
}
/* ---- ----- End OF Menu ---- ------*/
#templatemo_content_white_middle {
width: 820px;
background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_middle.jpg) repeat-y;
}
#templatemo_content_white_middle .templatemo_post_area {
margin: 0 25px 0 25px;
padding: 0;
}
#templatemo_content_white_middle .templatemo_post_area h1{
font-family:"Monotype Corsiva", Arial;
font-size: 30px;
font-weight: normal;
text-decoration: underline;
color: #007b78;
margin: 0 0 20px 0;
padding: 0;
}
#templatemo_content_white_middle .templatemo_post_area p{
font-family: Arial;
font-size: 12px;
color: #000;
text-align: justify;
margin: 0 0 10px 0;
padding: 0;
}
#templatemo_content_white_middle .templatemo_post_area img{
float: left;
margin: 0 20px 20px 0;
padding: 0;
}
#templatemo_content_white_blue_joint {
width: 820px;
height: 48px;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_blue_joint.jpg) no-repeat;
}
#templatemo_content_blue_middle {
width: 820px;
background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_content_bg.jpg) repeat-y;
}
#templatemo_content_blue_middle .templatemo_post_area {
margin: 0 25px 0 25px;
padding: 15px 0 0 0;
}
#templatemo_content_blue_middle .templatemo_post_area h1{
font-family:"Monotype Corsiva", Arial;
font-size: 30px;
font-weight: normal;
text-decoration: underline;
color: #007b78;
margin: 0 0 20px 0;
padding: 0;
}
#templatemo_content_blue_middle .templatemo_post_area p{
font-family: Arial;
font-size: 12px;
color: #000;
text-align: justify;
margin: 0 0 10px 0;
padding: 0;
}
#templatemo_content_blue_middle .templatemo_post_area img{
float: right;
margin: 0 0 20px 20px;
padding: 0;
}
#templatemo_content_blue_two_col_joint {
width: 820px;
height: 71px;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_joint.jpg) no-repeat;
}
#templatemo_content_two_col_middle {
width: 820px;
min-height: 76px;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bg.jpg) repeat-y;
}
#templatemo_content_two_col_middle .templatemo_post_area_left {
float: left;
width: 350px;
margin: 0 0 0 25px;
padding: 0;
display: inline;
}
.templatemo_post_area_left h1{
font-family:"Monotype Corsiva", Arial;
font-size: 18px;
font-weight: normal;
text-decoration: underline;
color: #000;
margin: 0 0 20px 0;
padding: 0;
}
.templatemo_post_area_left img{
float: left;
margin: 0 20px 20px 0;
padding: 0;
clear: both;
}
.templatemo_post_area_left ul{
list-style: none;
float: left;
margin: 0;
padding: 0;
}
.templatemo_post_area_left li{
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bullet.jpg) left center no-repeat;
padding: 0 0 3px 15px;
font-size: 11px;
}
.templatemo_post_area_left li a{ color: #000; text-decoration: underline; }
.templatemo_post_area_left li a:hover{ color: #000; text-decoration: none; }
#templatemo_content_two_col_middle .templatemo_post_area_right {
float: right;
width: 350px;
margin: 0 25px -0 0;
padding: 0;
display: inline;
}
.templatemo_post_area_right h1{
font-family: "Monotype Corsiva", Arial;
font-size: 20px;
font-weight: normal;
text-decoration: underline;
color: #000;
margin: 0 0 20px 0;
padding: 0;
}
.templatemo_post_area_right h2 {
font-family: Arial;
font-size: 12px;
color: #af1b03;
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
}
.post_area {
margin: 0;
padding: 0;
}
.templatemo_post_area_right p{
font-family: Arial;
font-size: 12px;
color: #000;
text-align: justify;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_post_area_right img{
float: right;
margin: 0 0px 20px 20px;
padding: 0;
clear: both;
}
#templatemo_content_two_col_bottom {
width: 820px;
height: 45px;
background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bottom.jpg) bottom no-repeat;
}
.templatemo_copyright{
float: left;
width: 100%;
margin: 10px 0 10px 0;
padding: 0 0 0 25px;
color: #fff;
text-align: center;
}
.templatemo_copyright a{ color: #fff; text-decoration: none; }
.templatemo_copyright a:hover{ color: #fff; text-decoration: underline; }
.cleaner_with_height {
clear:both;
height: 1px;
}
