Здравейте можели някой да ми каже как да направя острани да има колонки за меню и за други ето index.php и style.css.
index.php:
Style.css
+1 за който ми помогне моляви
index.php:
Код:
<?php
include "conn.php";
if(isset($_GET["page"]))
$page=$_GET["page"];
require ("secure.php");
secure();
?>
<!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=windows-1251"/>
<meta name="description" content="Вицове,vbox7, Смях, забавление, кеф">
<meta name="KeyWords" content="Вицове,vbox7, Смях, забавление, кеф">
<meta name="creator" content="Pavkata">
<meta name="reply-to" content="pavkata_26@abv.bg">
<meta http-equiv="Content-Language" content="bg" />
<meta name="Rating" content="General" />
<meta name="copyright" content="Всички файлове са запазени за този сайт!">
<meta name="Googlebot" content="index,follow" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="0.5 days" />
<meta name="MSSMARTTAGSPREVENTPARSING" content="True" />
<title>Vicove Смях до дупка :D</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="images/favicon.ico">
<style type="text/css">
body {
font-size: 12px;
}
</style>
</head>
<body>
<table width="65%" id="main" border="0" cellspacing="2" cellpadding="2" align="center">
<tr>
<td colspan="3" id="header" valign="top">
<center>
<img src="images/header2.jpg" alt="Хедър"></center>
</td>
</tr>
<tr>
<td colspan="3" class="pzbg-menu" valign="top" align="center">
<div id="navbar">
<ul>
<li><a href="index.php">Начало</a></li>
<li><a href="index.php?page=add">Добави виц</a></li>
<li><a href="#">Слушай вицове</a></li>
<li><a href="forum">Форум</a></li>
<li><a href="index.php?page=contact">Контакти</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td width="20%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menuc.gif" alt=""></td>
<td width="100%" class="menubg">Споделяне</td>
<td><img src="images/menuc.gif" alt=""></td>
</tr>
<tr>
<td colspan="3" class="menubrd">
<div id="navigmenu">
<ul>
<li><a href="index.php?page=ads">» Реклама</a></li>
<li><a href="index.php?page=banner">» Банери</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td><img src="images/dmenul.gif" alt=""></td>
<td width="100%" class="dmenubg"></td>
<td><img src="images/dmenur.gif" alt=""></td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menuc.gif" alt=""></td>
<td width="100%" class="menubg">Статистика</td>
<td><img src="images/menuc.gif" alt=""></td>
</tr>
<tr>
<td colspan="3" class="menubrd" style="font-size: 11px;" align="left">
dada<br>
</td>
</tr>
<tr>
<td><img src="images/dmenul.gif" alt=""></td>
<td width="100%" class="dmenubg"></td>
<td><img src="images/dmenur.gif" alt=""></td>
</tr>
</table>
</tr>
<tr>
<td colspan="3" id="footer" valign="bottom">
<table align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="16px"><img src="images/footer_left.gif" alt=""></td>
<td style="background: url(images/menuc.gif); height:26px; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold;">Всички запазени права</td>
<td width="18px"><img src="images/footer_right.gif" alt=""></td>
</tr>
</table>
<table align="center" width="100%" cellpadding="0" cellspacing="0" style="height: 41px; color: #727A87;">
<tr>
<td style="background: url(images/footer.gif) repeat-x; padding-left: 20px; font-size: 12px;" align="center">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Код:
body {
background: #ffe56d url(images/bk.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
margin-bottom: 0;
margin-top: 0;
}
ul{
margin: 0;
padding: 0;
list-style-type: none;
}
input,textarea,select{
background-color: #FAF8E9;
color: white;
border: 1px solid;
border-color: #cccccc;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 3px;
PADDING-RIGHT: 3px;
MARGIN: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
}
.button{
margin: 2px 2px;
border: 1px solid;
background-color: #ffffff;
border: #cccccc 1px solid;
color: #6e6e6e;
font: 11px verdana, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
}
a {
color: #7CAD00;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #7CAD00;
font-size: 11px;
text-decoration: underline;
}
img {
border: 0px;
}
hr {
border: 1px dashed #d9d9d9;
height: 1px;
}
#main {
background: #FFFFFF;
border: 1px #222222 solid;
}
#header {
background: #ffffff;
height: 128px;
}
.menubg {
background: url(images/menuc.gif) repeat-x;
height: 25px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#menubg_pozdrav {
background: url(images/menuc_pozdrav.gif) repeat-x;
height: 25px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-align: center;
}
#menubg_top {
background: url(images/menuc_top.gif) repeat-x;
height: 25px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.success {
font-size:12px;
color: #7CAD00;
font-weight: bold;
border: 1px solid #bedd6d;
background: #edffbe;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
text-decoration: none;
}
.unsuccess {
font-size:11px;
color: #ff0000;
font-weight: bold;
border: 1px solid #ff7676;
background: #ffd2d2;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
text-decoration: none;
}
.catego {
font-size: 11px;
font-weight: normal;
color: #999999;
text-decoration: none;
}
.catego:hover {
font-size: 11px;
font-weight: normal;
color: #999999;
text-decoration: underline;
}
.vicove {
font-size: 12px;
color: #444444;
text-align:left;
}
.menubrd {
border-left: 1px #6fa617 solid;
border-right: 1px #6fa617 solid;
font-weight: normal;
padding: 10px;
}
.dmenubg {
background: url(images/dmenuc.gif) repeat-x;
height: 10px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#footer {
background: #ffffff;
font-size: 12px;
height: 80px;
}
.line {
background: #8AC000;
padding: 2px;
}
.footer {
font-size: 12px;
padding: 2px;
}
#reg a {
color: #0099CC;
font-size: 11px;
text-decoration: none;
}
#reg a:hover {
color: #0099CC;
font-size: 11px;
text-decoration: underline;
}
.user {
background: url(images/field.gif) repeat-x;
border: 1px #222222 solid;
height: 18px;
}
.pass {
background: url(images/field.gif) repeat-x;
border: 1px #222222 solid;
height: 18px;
}
.design {
font-size: 11px;
background: url(images/menuc.gif) repeat-x;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.designb {
background: url(http://music-bg.info/images/pz_marquee.png) repeat-x;
padding-left: 5px;
padding-right: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.design a {
color: #FFFFFF;
text-decoration: none;
}
#navbar {
margin: 0 auto;
padding: 0;
position: relative;
height: 28px;
background: #9c0 url(images/nav-bg.png) 0 0 repeat-x;
font-weight: bold;
color: #fff;
}
#navbar ul {
margin: 0;
padding: 0;
float: left;
}
#navbar li {
padding: 0 2px 0 0;
margin: 0;
float: left;
background: url(images/nav-sep.png) 100% 0 no-repeat;
}
#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
display: block;
float: left;
padding: 0 20px;
height: 28px;
line-height: 28px;
color: #fff;
text-decoration: none;
}
#navbar ul li a:hover {
background: url(images/nav-bg.png) 0 100% repeat-x;
}
#navigmenu ul li {
display: block;
font-size: 11px;
margin: 0 0 3px 0;
font-weight: bold;
}
#navigmenu ul li a {
display: block;
border: 1px #fff dotted;
padding: 3px 0 3px 11px;
font-size: 11px;
color: #444;
text-decoration: none;
}
#navigmenu ul li a:hover {
background: #FFFFCC no-repeat;
border: 1px #d9d9d9 solid;
color: #7CAD00;
}
.fatbuttom
{
font-size: 10px;
color: #333333;
background-color: #ffffff;
border: 1px #cccccc solid;
}
.sharing {
font-size:10px;
color:#444444;
font-weight: normal;
}
.sharing:hover {
font-size:10px;
color:#333333;
font-weight: underline;
}