<
style>#ertebat span{float:right;}
#ertebat > a > img{ vertical-align:middle;}
<
div class="topmenu-bar" style="width:100%; height:40px; background:#EBEBEB ;"></
div><
a style="float:left; margin-top:4px;"> <img src="img/logo.png"></a><
a id="basket" style="float:right; box-shadow:1px 1px 8px #ccc; margin-right:10px; border-radius:8px; margin-top:10px; width:160px;height:40px; background:#04C8E0; color:#fff;cursor:pointer;"><i class="fa fa-shopping-cart" style="color:#FF5959; font-size:23px;margin-right:10px;margin-top:5px;"></i> سبد خرید شما <span id="tedadkol" style="float:left; width:30px;height:30px;background:#00A9BD; text-align:center;margin-top:5px;margin-left:12px;border-radius:100%; "></span></a><
style><
style><
div id="sabad1"><
ul id="ss"><?
phpif(isset(
$_COOKIE['mybasket'])){while(
$result=$stmt->fetch(PDO::FETCH_ASSOC)){$idmahsool=$result['idmahsool'];
while(
$result=$stmt->fetch(PDO::FETCH_ASSOC)){}
?></div>
<div id="tasvie">
<span id="gheymatkol"></span>
</div>
<a class="pay">پرداخت</a>
</div>
</div><!--ertebat-->
<div id="tarik" style="width:100%; height:100%; background:#000000; opacity:.6; position:fixed; z-index:4; top:0px; display:none;cursor:pointer;"></div>
<script>
$("#basket").click(function(){
$("#sabad1").fadeIn(300);
$("#tasvie").fadeIn(300);
$("#tarik").fadeIn(300);
$(".pay").fadeIn(300);
});
$("#tarik").click(function(){
$("#sabad1").fadeOut(300);
$("#tarik").fadeOut(300);
$("#tasvie").fadeOut(300);
$(".pay").fadeOut(300);
});
</script>
<div id="line1" style="width:100%; height:4px; background:#FF5959;"></div><!--line1-->
<style>
#user>div{width:16%; height:24px; background:#FF7B7B; float:right; margin-right:10px; margin-top:11px; direction:rtl; text-align:right; border-radius:7px; overflow:hidden;}
#user>div>a>img{vertical-align:middle; margin-left:6px;}
#user>div>a{line-height:23px; font-weight:bold; font-family:'Droid Arabic Kufi'; font-size:12px; color:#fff;}
input{ font-family:'Droid Arabic Kufi'; font-size:12px;}
</style>
<div id="user" style="width:100%; height:45px; background:#FF5959; margin:auto;">
<div id="login" style="text-align:center;"><a><i class="fa fa-user" style="font-size:21px; margin-right:5px;margin-left:5px;"></i>ورود کاربران</a></div>
<div id="sabtenam" style="text-align:center;"><a>+<i class="fa fa-user" style="font-size:21px; margin-right:5px;margin-left:5px;"></i>ثبت نام کاربران</a> </div>
<div id="adserach" style="text-align:center;"><a><i class="fa fa-search-plus" style="font-size:21px; margin-right:5px;margin-left:5px;"></i>جست و جوی پیشرفته</a></div>
<div id="serach" style=" width:28%; background:#ff7b7b;">
<form action="" style="width:100%; height:100%;">
<input type="text">
<style>
@media screen and (max-width: 2000px) {
input[type=text] {
width:349.9px;
height:99%;
background:#ff7b7b;
border:none;
color:#fff;
}
}
@media screen and (max-width: 354px) {
input[type=text] {
width:46px;
height:99%;
background:#ff7b7b;
border:none;
color:#fff;
}
}
</style>
<input type="submit" style=" border:none; width:22px; height:100%; background:url(img/search.png) no-repeat; float:right; margin-top:2px;" value="" >
</form>
</div>
</div><!--user-->
<style>
#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; padding:0 10px; line-height: 34px; font-family:'Droid Arabic Kufi'; font-size:12px; height:100%; cursor:pointer;}
#menu > ul >li >img { vertical-align:middle;}
#menu > ul >li >ul {padding:0; margin:0; width:88%; 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:#04C8E0; margin-top:3px;">
<div id="menu" style="width:88%; height:100%; background:#04C8E0; margin:0 auto; height:100%; position:relative;">
<ul>
<li class="stil"> <img src="img/icons/1.png" width="30px">کفش ورزشی
<ul style="margin-top:3px;">
<li>ویژه فوتبال</li>
<li>ویژه والیبال</li>
<li>ویژه دو میدانی</li>
<li>ویژه پیاده روی</li>
<li>ویژه کوهنوردی</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/2.png" width="30px">پیراهن ورزشی
<ul style="margin-top:3px;">
<li>پیراهن و شورت ورزشی باشگاهی</li>
<li>پیراهن و شورت ورزشی ملی</li>
<li>پیراهن و شورت ورزشی مرغوب</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/3.png" width="30px">ورزشهای راکتی
<ul style="margin-top:3px;">
<li>تنیس</li>
<li>بدمینتون</li>
<li>پینگ پنگ</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/4.png" width="30px">ورزش های توپی
<ul style="margin-top:3px;">
<li>فوتبال</li>
<li>والیبال</li>
<li>هندبال</li>
<li>بسکتبال</li>
<li>گلبال</li>
<li>آکروبال</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/5.png" width="30px">ورزش های رزمی
<ul style="margin-top:3px;">
<li>تکواندو</li>
<li>کاراته</li>
<li>بوکس</li>
<li>کیوکوشن</li>
<li>شمشیربازی</li>
<li>کشتی</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/6.png" width="30px">ورزش های فکری
<ul style="margin-top:3px;">
<li>شطرنج</li>
<li>تاس</li>
<li>پوکر</li>
<li>تخته</li>
<li>منچ</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/7.png" width="30px">ورزش های آبی
<ul style="margin-top:3px;">
<li>شنا</li>
<li>واترپلو</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/8.png" width="30px">ورزش های سنگین
<ul style="margin-top:3px;">
<li>وزنه برداری</li>
<li>بدنسازی</li>
<li>لیفتینگ</li>
</ul>
</li>
<li class="stil"> <img src="img/icons/9.png" width="30px">ورزشهای نو
<ul style="margin-top:3px;">
<li>ایروبیک</li>
<li>فیتنس</li>
<li>یوگا</li>
</ul>
</li>
</ul>
</div><!--menu-->
<style>
.stil {
color:#fff;
}
.stil:hover {
border-bottom:solid 3px #FF5959;
}
</style>
<div id="menu1" style="width:99%; height:37px; background:#259DAC; position:absolute; display:none; margin-top:3px; border:dashed 1px #fff;margin-left:5px;"></div><!--menu1-->
</div><!--top1-->
<div id="shop1" style="width:100%; height: 5px; background:#259DAC;">
</div><!--shop1-->
<div id="shop1" style="width:100%; height: 40px; background:#259DAC;">
</div><!--shop1-->
<script>
$("#menu > ul >li").hover(function(){
$(this).css('background','');
var number=$(this).find('ul').length;
if(number>0){
$("#menu1").slideDown(600);
$(this).find('ul').css('display','block');
}
else{$("#menu1").slideUp(300);}
},
function(){
$(this).css('background','');
$(this).find('ul').css('display','none');
})
$("#menu").mouseleave(function(){
$("#menu1").slideUp(300);
})
</script>
- - , .
php مرکز کد های سایت...ما را در سایت php مرکز کد های سایت دنبال میکنید
برچسب: نویسنده: استخدام کار بازدید: 157