e_a_23
دوشنبه 05 اسفند 1392, 14:32 عصر
<!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> <title>هتل کده</title> <link rel="Stylesheet" href="Styles/style.css" type="text/css" /> <link rel="stylesheet" href="Styles/jquery.jscrollpane.css" type="text/css" /> <!--[if lt IE 9]> <link href="Styles/ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type='text/javascript' src='JS/nivo.slider.pack.js'></script>
<script type="text/javascript" src="JS/jquery.mousewheel.js"></script>
<script type="text/javascript" src="JS/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="JS/jquery.styleSelect.js"></script>
<script type="text/javascript"> $(window).load(function() { setTimeout(function() { $("#slider").nivoslider({ effect: 'random', //Specify sets like: 'fold,fade,sliceDown' slices: 15, animSpeed: 500, //Slide transition speed pauseTime: 3000, startSlide: 0, //Set starting Slide (0 index) directionNav: true, //Next & Prev directionNavHide: true, //Only show on hover controlNav: true, //1,2,3... controlNavThumbs: true, //Use thumbnails for Control Nav controlNavThumbsFromRel: false, //Use image rel for thumbs controlNavThumbsSearch: '.jpg', //Replace this with... controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src keyboardNav: true, //Use left & right arrows pauseOnHover: false, //Stop animation while hovering manualAdvance: false, //Force manual transitions captionOpacity: 0.8, //Universal caption opacity beforeChange: function() { }, afterChange: function() { }, slideshowEnd: function() { } //Triggers after all slides have been shown }); }, 1000); }); </script>
</head><body>
<script type="text/javascript"> $(document).ready(function() { $(".clickableRow").click(function() { window.location.href = "#"; }); }); </script>
<script type="text/javascript"> $(document).ready(function() {
var options = { styleClass: "selectDark", jScrollPane: 1 }
$(".mySelect").styleSelect(options);
}); </script>
<div class="container"> <!-- Header --> <div class="header"> <h1> هتل کـــــده</h1> <a href="#" class="user">کاربر مهمان</a> <a href="#" class="contact">ارتباط با ما</a> <a href="#" class="home">خانه</a> <p class="slogan"> اقامتی ارزان و دل پذیر، رزرو آسان و سریع هتل را با ما تجربه کنید! </p> <p class="headText"> کلیه کالاها و خدمات این فروشگاه، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می باشند و فعالیت های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.</p> </div> <!-- Menu --> <div class="menu"> <ul> <li class="menuItem"><a href="#" class="firstItem">هتل کده</a></li> <li class="menuItem"><a href="#">لیست هتل ها</a></li> <li class="menuItem"><a href="#">عضویت مسافران</a></li> <li class="menuItem"><a href="#">راهنمای رزرو اتاق</a></li> <li class="menuItem"><a href="#">محدوده اعضا</a></li> <li class="menuItem lastItem"><a href="#">ارتباط با ما</a></li> </ul> </div>
@import "reset.css";
body
{
background: url("../Images/bg3.jpg") no-repeat top 0px center , url("../Images/patt.jpg") repeat;
background-size: 100%, auto;
}
.container
{
width: 980px;
margin: 0 auto;
}
/************ Header *************/
.header
{
width: 980px;
height: 170px;
float: right;
background: url("../Images/header.png") no-repeat;
margin-top: 7px;
}
.header h1
{
float: right;
text-align: right;
font: bold 27px tahoma;
color: #fff;
margin-top: 30px;
margin-right: 200px;
}
.header p
{
float: right;
text-align: right;
direction: rtl;
color: #fff;
}
.slogan
{
font: bold 14px tahoma;
margin-top: 40px;
margin-right: 205px;
}
.headText
{
font: 10px tahoma;
margin-top: 10px;
margin-right: 205px;
}
.user
{
width: 58px;
height: 29px;
float: left;
background: url("../Images/user-icon.png") no-repeat top center;
margin-top: 20px;
margin-left: 20px;
cursor: pointer;
font: 11px tahoma;
color: #fff;
text-decoration: none;
padding-top: 28px;
padding-left: 6px;
}
.user:hover
{
background: url("../Images/user-hover1.png") no-repeat top center;
color: #0bfd55;
}
.contact
{
width: 58px;
height: 18px;
float: left;
background: url("../Images/contact-icon.png") no-repeat top center;
margin-top: 28px;
margin-left: 20px;
cursor: pointer;
font: 11px tahoma;
color: #fff;
text-decoration: none;
padding-top: 20px;
padding-left: 15px;
}
.contact:hover
{
background: url("../Images/contact-hover1.png") no-repeat top center;
color: #0bfd55;
}
.home
{
width: 58px;
height: 27px;
float: left;
background: url("../Images/home-icon.png") no-repeat top center;
margin-top: 25px;
margin-left: 5px;
cursor: pointer;
font: 11px tahoma;
color: #fff;
text-decoration: none;
padding-top: 24px;
padding-left: 40px;
}
.home:hover
{
background: url("../Images/home-hover1.png") no-repeat top center;
color: #0bfd55;
}
/************ Menu **********/
.menu
{
width: 980px;
height: 40px;
float: right;
background: url("../Images/gradient3.jpg") repeat-x;
border: solid 1px #fff;
border-radius: 5px;
margin-top: 3px;
}
.menuItem
{
background: url("../Images/spliter1.png") no-repeat left center;
height: 30px;
float: right;
padding: 5px 1px;
}
ul li a
{
font: 14px tahoma;
text-decoration: none;
color: #fff;
float: right;
height: 100%;
padding: 5px 35px;
}
.firstItem
{
color: #333 !important;
background: url("../Images/hvr4.jpg") repeat-x top center;
border-radius: 8px;
cursor: default;
}
ul li a:hover
{
background: url("../Images/hvr4.jpg") repeat-x top center;
border-radius: 8px;
color: #333;
}
.lastItem
{
background: none;
}
هیچ کدوم از این منوها هاورش نشون داده نمی شه در IE پایین تر از 9