Някой можели да ми направи тaкова нещо ???

Emperator

Registered
Някой можели да ми направи такова нещо ???

378683_orig.jpg


PLS Help me :)
 
Ето нещо, което скалъпих на бързо:
style.css
a.menu, a.menu:link, a.menu:visited {
display: block;
width: 165px;
height: 20px;
border-right: 1px solid #C3BDBD;
border-left: 1px solid #C3BDBD;
border-top: 1px solid #C3BDBD;
text-decoration: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #365E98;
background-color: #FFFFFF;
font-weight: bold;
}
a.menu:hover {
background-color: #CEE1EF;
color: #000000;
border-left: 2px solid #C3BDBD;
}

/* От тук започва оформлението на сайта с div-ове */
div.site {
margin-left: auto;
margin-right: auto;
width: 960px;
}

div.banner {
margin-bottom: 5px;
width: 960px;
height: 120px;
background: #CEE1EF;

}
div.left {
margin-right: 5px;
width: 180px;
height: auto;
float: left;
}

div.center {
margin-right: 5px;
width: 590px;
height: auto;
float: left;
}

div.right {
width: 180px;
height: auto;
float: left;
}

div.bottom {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #365E98;
margin-top: 5px;
width: 960px;
clear: both;
background-color: #CEE1EF;
border: 1px solid #C3BDBD;
}
/* От тук свършва оформлението на сайта с div-ове */


index.html
<!DOCTYPE html
PUBLIC "\//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-Transitional1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css">
<body>
<div class="site">

<div class="banner">Logo</div>

<div class="left">
<a href="#" class="menu" >Link 1</a>
<a href="#" class="menu" >Link 2</a>
<a href="#" class="menu" >Link3</a>
</div>

<div class="center">
Centur
</div>

<div class="right">
Dqsna Reklama
</div>

<div class="bottom">Място за Copyright
</div>
</div>

</body>
</html>


Демо
 
малко закъснях сори ето тва се получава
http://crazynews.hit.bg/index.html
(изрезах го малко гадно)
ето ти кода:

index.html
Код:
<html>
<title>SRY</title>
<link rel="stylesheet" href="style.css" type="text/css">
<body>
<div class="tablica1">
<div class="header"><center>Shark-BG</center></div> 
<div class="left">Лява колона</div>
<div class="center">Централна колона</div>
<div class="right"></div> 
<div class="footer"></div>
</body>
</html>

style.css
Код:
body{
background-color:#CCCCCC;
} 


div.tablica1{
margin-left:auto;
margin-right:auto;
height:627;
width:743;
}

div.header{
width:743px;
height:92px;
background-image:url(images/wt/logo.gif);
}
div.left{
width:165px;
height:538px;
float:left;
background-image:url(images/wt/left.gif);
}
div.center{
width:489px;
height:535px;
float:left;
background-image:url(images/wt/center.jpg);
}
div.right{
width:89px;
height:537px;
float:right;
background-image:url(images/wt/right.gif);
}
 
Ето ме и мен:
DEMO
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>Заглавие</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <style type="text/css">
   body { background-color: #000000; color: #229977; font-family: 'Courier New'; font-size: 12pt; }
   li { border: 1px; }
   img { border: 0px; }
   .main { background-image: url('logo.jpg'); background-repeat: no-repeat; }
   .bluetxt { color: #227799; }
   .redtxt { color: #995555; }
  </style>
   </head>
 <body>
  <table border="1" style="border-collapse: collapse">
   <tr>
    <td colspan="3" width="100%" height="100">
     <img src="datamatrix.gif" alt="Logo" />
     <span style="font-size: 24pt">LOGO</span>
    </td>
   </tr>
   <tr>
    <td width="15%">
     <ul>
      <li><a href="/">Home</a></li>
      <li><a href="reklama1.txt">Реклама1</a></li>
      <li><a href="reklama2.txt">Реклама2</a></li>
     </ul>
    </td>
    <td class="main" width="60%">

     <div class="bluetxt">
      Главен текст
     </div>
    </td>
    <td width="25%" class="redtxt">
     <?php print_file("reklama1.txt"); ?>
    </td>
   </tr>
   <tr>
    <td colspan="3" height="20%" class="redtxt">
     <?php print_file("reklama2.txt"); ?>
    </td>
   </tr>
  </table>
  <br />
  <a href="http://validator.w3.org/"><img  src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  <a href="http://jigsaw.w3.org/css-validator/"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-css-blue" alt="Valid CSS!" />
 </a>
 </body>
</html>
Това е CSS-a вътре в PHP файла.
Ако ПИТАЩИЯ иска, ще го направя външен
 

Back
Горе