سلام
به نظر من که یه قالب ساده هستش
ای کاش کد هاشو هم می گذاشتی تا ببینیم چی نوشتی
سلام . این که ساده است خوبه یا نه ؟ بقول F.zeinali نمیخواستم خیلی شلوغ باشه . فعلا فقط همین قدشو نوشتم گفتم چون تا حالا طراحی نکردم نظر چند نفر طراح و اینکاره رو بپرسم . بیشتر میخواستم ببینم ترکیب رنگیش خوبه یا نه ؟ چون این ترم پروژه دارم(کارشناسی نرم) و میخوام این سایت رو واسه پروژه ارائه بدم. بهترین ترکیب رنگ واسه زیبا شدن سایت چیه؟ (سایت کولر و ... رو رفتم اگه تجربی ترکیب رنگ بگین بهتره) از لحاظ مکانی هر چیزی جای خودش بکار رفته یا نه و بیشتر این قبیل سوالات . تا اگه خوب بود همین رو ادامه بدم و گرنه با نظرهای شما یک تغییراتی در اون ایجاد کنم . :قلب:
<?php include_once "_con/config.php";
$content="";
if (isset($_GET["action"]))
{
switch($_GET["action"])
{
case "aboutus":
$content=GetSettings("aboutus");
break;
case "cat":
include "cat.php";
break;
}
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo GetSettings("title"); ?></title>
<link type="text/css" rel="stylesheet" href="_CSS/theme.css" />
<link rel="shortcut icon" href="_images/f.ico"/>
</head>
<body>
<center>
<div id="container">
<div id="header" >
<div id="banner" >
<div id="nav">
<div class="nav_menu">
<ul>
<li><a href="?">صفحه اصلی</a></li>
<li><a href="#">ثبت نام</a></li>
<li><a href="?action=contact">تماس با ما</a></li>
<li><a href="?action=aboutus">درباره</a></li>
</ul>
</div> <!-- end of nav_menu -->
<div class="search_box">
<input type="text" name="txt_search" id="txt_search"/>
<a href="#"><img src="_images/search.png" alt="search button" class="btn_search"/></a>
</div> <!-- end of serach box -->
</div> <!-- end of nav -->
</div> <!-- end of banner -->
</div> <!-- end of header -->
<div id="main" >
<div id="rightmenu">
<div class="menu_login">
<div class="menu_header" ><span> سیستم کاربری </span> </div> <!-- end of menu_header -->
<div class="login_user_form">
<form action="" method="post">
<label for="username"> نام کاربری </label>
<input type="text" name="username" id="username" class="user"/>
<label for="password"> رمز عبور </label>
<input type="password" name="password" id="password" class="user"/>
<input type="submit" value="ورود" name="login_btn" class="but"/>
<input type="submit" value="ثبت نام" name="register_btn" class="but"/>
</form>
</div> <!-- end of login_user_form -->
</div> <!-- end of menu_login-->
<div class="menu_box">
<div class="menu_header"><span>لیست محصولات</span></div><!-- end of menu_header -->
<div class="menu_text">
</div> <!-- end of product_list -->
</div> <!-- end of menu_product -->
<div class="menu_box">
<div class="menu_header"><span>آمار و ارقام</span></div><!-- end of menu_header -->
<div class="menu_text">
<?php
echo " آی پی شما: ".$_SERVER['REMOTE_ADDR']."<br/>";
?>
</div> <!-- end of menu_text -->
</div><!-- end of menu_box -->
</div> <!-- end of rightmenu -->
<div id="leftmenu">
<div class="menu_box">
<div class="menu_header"><span> محبوبترین محصولات </span></div><!-- end of menu_header -->
<div class="menu_text">
</div> <!-- end of menu_text -->
</div><!-- end of menu_box -->
</div> <!-- end of leftmenu -->
<div id="content">
<?php
echo $content;
?>
</div> <!-- end of content -->
</div> <!-- end of main -->
</div> <!-- end of container -->
<div id= "footer">
<span class="footer">
<?php
echo GetSettings("footer");
?>
</span>
</div> <!-- end of footer -->
</center>
</body>
</html>
@charset "UTF-8";
*
{
margin:0;
padding:0;
font-family:tahoma;
text-decoration:none;
direction:rtl;
}
#container
{
margin-top:40px;
width:900px;
height:auto;
-moz-border-radius-topright:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
-webkit-border-top-right-radius:25px;
border-top-left-radius:25px;
border-top-right-radius:25px;
border:2px #000 solid;
overflow:hidden;
}
#banner
{
background:url(../_images/header.gif);
height:287px;
width:900px;
direction:rtl;
}
#nav
{
width:900px;
height:35px;
direction:ltr;
opacity:1;
filter:alpha(opacity=100);
padding-top:245px;
}
.nav_menu
{
color:#fff;
text-align :right;
font-size:11px;
font-weight:bold;
direction:ltr;
float:right;
padding-top:10px;
}
#nav ul
{
list-style-type:none;
}
#nav ul li
{
display: inline;
margin-left:3px;
}
#nav ul li a
{
text-decoration:none;
text-align:right;
padding:5px 5px 5px 8px;
margin:5px 5px 5px 2px;
}
#nav ul li a:link,a:visited
{
color:#fff;
}
#nav ul li a:hover
{
color:#ff0;
}
.search_box
{
color:#fff;
direction:rtl;
width:210px;
height:auto;
float:left;
}
#txt_search
{
width:130px;
height:25px;
direction:rtl;
float:right;
margin-right:30px;
margin-top:5px;
border:1px solid #09f;
}
#txt_search:hover
{
background:#f9fff8;
}
.btn_search
{
width:30px;
height:25px;
border:0;
margin-top:4px;
margin-right:-15px;
}
#main
{
width:100%;
height:auto;
float:left;
background:#d5d5d5;
}
#Leftmenu
{
width:160px;
height:100%;
float:left;
margin:15px 5px 10px 5px;
font-size:12px;
}
#Rightmenu
{
width:160px;
height:100%;
float:right;
margin:15px 0px 10px 5px;
font-size:12px;
}
.menu_header
{
color:#fff;
background:url(../_images/menu_header.gif) repeat-x;
text-align:center;
height:20px;
font-size:10px;
font-weight:bold;
margin:0px 5px;
padding-top:5px;
width:auto;
}
.menu_login
{
width:150px;
height:auto;
margin-top:5px;
padding-top:10px;
border:1px solid #000;
-moz-border-radius:10px;
-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
background:url(../_images/pat.gif);
-moz-box-shadow:rgba(0,0,0,.3) 0px 0px 6px;
}
.login_user_form
{
padding-top:15px;
direction:rtl;
}
.login_user_form input.user
{
width:130px;
height:28px;
margin-top:10px;
margin-bottom:10px;
padding:5px;
direction:ltr;
-moz-box-shadow:rgba(0,0,0,.1) 0px 0px 5px;
border:1px solid #09f;
}
.login_user_form form label
{
float:right;
margin-right:12px;
margin-bottom:-6px;
margin-top:-5px;
font-size:10px;
}
input.user:hover
{
background:#f9fff8;
}
input.but
{
width:60px;
height:25px;
padding:2px 5px;
text-align:center;
margin-bottom:10px;
margin-right:2px;
margin-top:2px;
border:1px solid #000;
background:#FFFFF0;
color:#000;
-moz-border-radius:5px;
cursor: pointer;
font-size:11px;
}
.but:hover
{
text-indent:1px;
background:#f9f9f9;
color:#000;
}
.menu_box
{
margin-top:5px;
padding-top: 10px;
border:1px solid #000;
-moz-border-radius:10px;
-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
background:url(../_images/pat.gif);
height:auto;
width:150px;
text-align:right;
-moz-box-shadow:rgba(0,0,0,.3) 0px 0px 6px;
}
.menu_text
{
padding:10px 5px;
text-align:right;
line-height: 1.5em;
direction: rtl;
}
#content
{
width:540px;
height:auto;
margin:20px auto;
padding:10px 13px 10px 5px;
background:url(../_images/pat.gif);
float:left;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border:1px solid;
direction:rtl;
text-align:right;
font-size:12px;
line-height:25px;
-moz-box-shadow:rgba(0,0,0,.3) 0px 0px 6px;
}
#footer
{
width:900px;
height:50px;
background:#000;
margin:0 auto;
margin-bottom:40px;
margin-top:5px;
-moz-border-radius-bottomright:25px;
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-right-radius:25px;
-webkit-border-bottom-left-radius:25px;
border-bottom-left-radius:25px;
border-bottom-right-radius:25px;
border:2px #000 solid;
color:#fff;
}
.footer
{
float:left;
direction:ltr;
font-size:.8em;
padding:15px 300px;
}