RIG000
دوشنبه 22 مهر 1392, 11:19 صبح
از فایل استایل سر در نیمارم ...
اما چون با asp mvc استفاده میکنم این layout من هست که به عنوان مستر پیج من هست و روی بعضی از صفحه ها سوار میشه ...
اون قسمت renderbody() هم اون صفحه هایی هست که به این صفحه الحاق میشه ... حالا ممکن هست چند تا باشه ....
<html>
<head>
<meta charset="utf-8" />
<title>صفحه اصلی</title>
<!-- Skitter Styles -->
<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<!-- Skitter JS -->
<script type="text/javascript" lang="javascript" src="js/jquery-1.6.3.min.js"></script>
<script type="text/javascript" lang="javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" lang="javascript" src="js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" lang="javascript" src="js/jquery.skitter.min.js"></script>
<!-- Init Skitter -->
<script type="text/javascript" lang="javascript">
$(document).ready(function () {
$('.box_skitter_large').skitter({ animation: 'fade' });
});
</script>
<style type="text/css">
/*body
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
direction: rtl;
line-height: 20px;
}*/
a
{
text-decoration: none;
color: #03C;
}
a:hover
{
color: #CCC;
}
#main-menu
{
position: relative;
line-height: 16px;
}
#main-menu a
{
display: block;
width: 150px;
padding: 8px;
border: #666 solid 1px;
background-color: #030;
color: #FFF;
}
#main-menu a:hover
{
background-color: #060;
}
#main-menu ul
{
list-style-type: none;
padding-top: 0px;
}
#main-menu li
{
float: right;
position: relative;
text-align: center;
}
#main-menu li ul a
{
text-align: center;
border: 0px;
border-bottom: #666 1px solid;
}
#main-menu ul.sub-menu
{
display: none;
position: absolute;
top: 30px;
margin-right: 0px;
padding: 0px;
z-index: 999;
}
#main-menu ul.sub-menu li
{
text-align: center;
}
#main-menu li:hover ul.sub-menu
{
display: block;
border: 1px solid #666;
}
.clear
{
clear: both;
}
</style>
<style type="text/css">
#main-menu ul.sub-menu
{
left: 0px;
}
</style>
</head>
<body style="background: url(../Images/dark.png)">
<div id="header1">
<div style="float: right">
@if(Request.IsAuthenticated)
{
@:<p style="color:red" >Welcome,@User.Identity.Name</p>
@Html.ActionLink("خروج", "Logout")
}
else{
@Html.ActionLink("ورود", "login")
<br />
@Html.ActionLink("ثبت نام", "GetUser")
}
</div>
<h5 style="float: left; color: limegreen">Toranj-Co</h5>
<br />
<h1 style="color: red; text-align: center">فروش و خدمات قطعات کامپیوتر و لپ تاپ شرکت ترنج تابان</h1>
<br />
<br />
</div>
<div id="main-menu">
<ul>
<li><a href="#">صفحعه اصلی</a>
</li>
<li><a href="#">محصولات</a>
<ul class="sub-menu">
@* <li><a href="#">Acer »</a>*@
<li><a href="#">Acer </a></li>
<li><a href="#">Sony</a></li>
<li><a href="#">Dell</a></li>
<li><a href="#">Lenovo</a></li>
</ul>
</li>
<li><a href="#">اخبار و مقاله</a>
</li>
<li><a href="#">تماس با ما</a></li>
</ul>
<div class="clear"></div>
</div>
<hr style="color: limegreen" />
@*این همون div هست که در موردش حرف میزنیم*@
<div style="width: auto; margin-left: 270px; margin-right: 270px; text-align: center;">
<div id="content">
<div class="border_box" style="margin: 3px">
<div class="box_skitter box_skitter_large ">
<ul>
<li><a href="#cube">
<img src="images/example/sample1.jpg" class="cube" /></a><div class="label_text">
<p>Sony Vaio</p>
</div>
</li>
<li><a href="#cubeRandom">
<img src="images/example/sample2.jpg" class="cubeRandom" /></a><div class="label_text">
<p>Sony VAIO NootBookS</p>
</div>
</li>
<li><a href="#block">
<img src="images/example/sample3.jpg" class="block" /></a><div class="label_text">
<p>Other Vaio</p>
</div>
</li>
<li><a href="#cubeStop">
<img src="images/example/sample4.jpg" class="cubeStop" /></a><div class="label_text">
<p>And Dell NootBooks</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<hr style="border: 1px thick Blue; width: 900px;" />
<div style="float: right; direction: rtl; background-color: lightblue; width: 1300px">
@RenderBody()
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="footer" style="color: red">
<div style="text-align: right; margin-top: 5px; float: right">
<p>صفحه اصلی</p>
<p>محصولات </p>
<p>ارتباط با ما</p>
<p>تماس با ما</p>
</div>
</div>
</body>
</html>
این کل لایوت من هست که اگه اینجا کامل شه اصل کاری رو دارم تو دیزان یه صفحه ...