- SİYAH BEYAZ CSS TAMPLETES,CSS TASARIMI

SİYAH BEYAZ CSS TAMPLETES,CSS TASARIMI

TASARIMIN Ü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=iso-8859-1" />
<title>Layout 1</title>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
  <div id="header">
    <p class="logotext">TITULO</strong><br>
      <span class="logotext2">DESCRIPCIÓN</span></p>
    <div id="headinfo"> <a href="LINK">NOMBRE</a> | <a href="LINK">NOMBRE</a> </div>
  </div>
  <div id="nav">
    <ul>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="left">
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        </li>
      </ul>
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
      </ul>
    </div>
    <div id="breadcrumb"></div>
    <div id="right">

TASARIMIN ALTINA

CSS BÖLÜMÜNE

img {

border: none;

}
a img {

border: none;

}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}

body { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

a { color:#2D2D2D; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(http://img22.xooimage.com/files/9/7/5/header-cd4881.gif); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(http://img24.xooimage.com/files/4/1/f/headinfobg-cd4936.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }

.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }

#content { width:100%; }

#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#E6E6E6; }
#left ul li a:hover { background-color:#FFCD59; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a { color:#FFCD59; font-weight:bold; text-decoration:underline; }

.clear { clear:both; }