<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>فروشگاه اینترنتی</title>
<script src="js/jquery-1.10.2.min.js"></script>
</head>
<body style="margin:0; padding:0;">
<div id="line1" style="width:100%; height:4px; background:#006;"></div><!--line1-->
<style>
#ertebat a{ font-family:tahoma; font-size:12px; margin:0 6px; float:right; }
#ertebat span{float:right;}
#ertebat > a > img{ vertical-align:middle;}
</style>
<div id="ertebat" style="width:1100px; height:37px; margin:0 auto; background:#D9E1DE; text-align:right; direction:rtl; line-height:35px;">
<a>بازگشت به صفحه نخست</a>
<span>|</span>
<a>درباره ما</a>
<span>|</span>
<a>تماس با ما</a>
<a style="margin-right:180px; margin-top:-10px;"> </a>
<a style="float:left; box-shadow:1px 1px 8px #ccc; margin-left:2px; border-radius:8px;"> <img src="img/sabad.png"> سبد خرید شما </a>
</div><!--ertebat-->
<div id="line1" style="width:100%; height:4px; background:#006;"></div><!--line1-->
<style>
#menu1{
width:100%;
height:37px;
background:#006;
position:absolute;
display: none;
}
#menu > ul{
padding:0;
margin:0;
width:100%;
height:100%;
}
#menu > ul >li , #menu >ul >li >ul >li {
float:right; direction:rtl;
list-style:none; background:url(img/line1.jpg) right center no-repeat ;
padding:0 10px; line-height: 34px; font-family:tahoma;
font-size:12px; height:100%;
cursor:pointer;
}
#menu ul li ul li ul{
display: none;
position: absolute;
right: 0;
left: 0;
top: 100%;
background: #EEE;
}
#menu ul li ul li ul li{
display: inline-block;
color: black;
}
#menu > ul >li >img {
vertical-align:middle;
}
#menu > ul >li >ul {
padding:0; margin:0;
width:1100px; height:37px;
margin:0 auto;
position:absolute;
right:0;
top:37px; z-index:2;
color:#fff;
display:none;
}
</style>
<div id="top1" style="width:100%; height:37px; background:#003; margin-top:3px;">
<div id="menu" style="width:1100px; height:100%; background:#A4DAF7; margin:0 auto; height:100%; position:relative;">
<ul>
<li> <img src="img/home54.png"> صفحه نخست </li>
<li> <img src="img/tel.png"> گوشی همراه
<ul>
<li>samsung<ul><li>s7</li></ul></li>
<li>nokia</li>
<li>htc</li>
</ul>
</li>
<li> <img src="img/laptop.png"> لپ تاپ
<ul>
<li>ASUS<ul><li>x555</li></ul></li>
<li>ACER<ul><li>55610</li></ul></li>
<li>SONY<ul><li>nk253</li></ul></li>
</ul>
</li>
<li> <img src="img/tv.png"> تلویزیون </li>
<li> <img src="img/pc.png"> کامپیوتر </li>
</ul>
<!--menu1-->
<div id="menu2" style="width:1100px; top:74px; height:37px; background:#ccc; position:absolute; display:none;"></div><!--menu2-->
</div><!--menu-->
<div id="menu1" style=""></div>
</div><!--top1-->
<?php
include('script.php');
?>
برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید
برچسب : نویسنده : خنجی prog بازدید : 156 تاريخ : جمعه 11 تير 1395 ساعت: 2:26