<!DOCTYPE HTML><html>
<head>
<meta charset="utf-8" />
<title>farsifun98.tk</title>
<style type="text/css">
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
background-color: #0099CC;
direction: rtl;
font-family: Tahoma;
font-size: 11px;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
text-decoration: none;color: #00CCFF;
}
#main{
width: 918px;
height: auto;
margin: auto;
}
#menu{
background: #DADADA;
width: 100%;
float: right;
}
#list-menu li{
background: #F2F2F2;
padding: 2px 6px 6px 6px;
margin:6px 8px 6px 0px;
float: right;
color:#A2A2A2;
border-radius: 4px;
transition: all .3s ease;
}
#list-menu li:hover{
transition: all .3s ease;
background:#e2e2e2;
}
#header{
background:#646464;
width: 100%;
height: 100px;
float: right;
}
#txt-header{
font-family: P Yekan;
font-size: 20px;
font-weight: bold;
padding: 20px 20px 0 0;
text-align: right;
color: #999999;
}
#wrapper{
width: 918px;
height: auto;
float: right;
margin-top:8px;
margin-bottom: 6px;
}
#wrapper-sidebar{
float: right;
width: 210px;
height: auto;
margin-right: 4px;
}
.bg-side{
transition: all .3s ease-in;
background: #e1e1e1;
border: #336699 2px dashed;
float: right;
margin-bottom: 4px;
}
.bg-side:hover{
transition: all .3s ease-out;
border:transparent 2px dashed;
}
.col-side{
background: #bbb;
width: 210px;
height: 25px;
}
.txt-col-side{
padding: 5px 14px 0 4px;
color: #666;
font-weight: bold;
}
.txt-side{
padding: 2px 4px 2px 4px;
}
.list-side li{
transition: all .3s ease-in;
margin: 2px;
background: #00CCFF;
padding: 2px 6px 6px 6px;
color: #FFFFFF;
border-radius: 4px;
}
.list-side li:hover{
transition: all .3s ease-out;
background: #00ACE6;
}
#wrapper-content{
float: right;
width: 464px;
height: auto;
margin: 0 12px 0 10px;
}
.bg-content{
transition: all .3s ease-in;
background: #e1e1e1;
border: #336699 2px dashed;
margin-bottom: 8px;
}
.col-content{
background: #bbb;
width: 460px;
height: 25px;
}
.txt-col-content{
padding: 5px 14px 0 4px;
color: #666;
font-weight: bold;
}
.wrapper-txt{
padding: 8px 10px 14px 10px;
}
.txt-content{
text-align: right;
color: #737373;
line-height:1.2;
}
#wrapper-side-left{
float: left;
margin-left: 8px;
width: 210px;
height: auto;
}
#footer{
float: right;
background: #DADADA;
width: 100%;
height: 60px;
border-top:#A2A2A2 8px solid;
}
</style>
</head>
<body>
<div id="main">
<div id="menu">
<ul id="list-menu">
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
<a title="" href="#"><li>منو سايت</li></a>
</ul>
</div>
<div id="header">
<div id="txt-header">
<span>بزرگترين سايت طراحي و گرافيک</span><br /><br />
<span style="font-size: 16px">بزرگترين سايت طراحي و گرافيک</span>
</div>
</div>
<div id="wrapper">
<div id="wrapper-sidebar">
<div class="bg-side">
<div class="col-side"><div class="txt-col-side">عنوان بلاک</div></div>
<div class="txt-side">
<ul class="list-side">
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
</ul>
</div>
</div>
<div class="bg-side">
<div class="col-side"><div class="txt-col-side">عنوان بلاک</div></div>
<div class="txt-side">
<ul class="list-side">
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
</ul>
</div>
</div>
<div class="bg-side">
<div class="col-side"><div class="txt-col-side">عنوان بلاک</div></div>
<div class="txt-side">
<ul class="list-side">
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
</ul>
</div>
</div>
</div>
<div id="wrapper-content">
<div class="bg-content">
<div class="col-content"><div class="txt-col-content">عنوان بلاک</div></div>
<div class="wrapper-txt">
<div class="txt-content">
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
</div>
</div>
</div>
<div class="bg-content">
<div class="col-content"><div class="txt-col-content">عنوان بلاک</div></div>
<div class="wrapper-txt">
<div class="txt-content">
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان </p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
</div>
</div>
</div>
<div class="bg-content">
<div class="col-content"><div class="txt-col-content">عنوان بلاک</div></div>
<div class="wrapper-txt">
<div class="txt-content">
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان</p>
<p>به نام خداوند بخشنده ي مهربان </p>
</div>
</div>
</div>
</div>
<div id="wrapper-side-left">
<div class="bg-side">
<div class="col-side"><div class="txt-col-side">عنوان بلاک</div></div>
<div class="txt-side">
<ul class="list-side">
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
</ul>
</div>
</div>
<div class="bg-side">
<div class="col-side"><div class="txt-col-side">عنوان بلاک</div></div>
<div class="txt-side">
<ul class="list-side">
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
</ul>
</div>
</div>
<div class="bg-side">
<div class="col-side"><div class="txt-col-side">عنوان بلاک</div></div>
<div class="txt-side">
<ul class="list-side">
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
<a href="#"><li>موضوعات مطالب</li></a>
</ul>
</div>
</div></div>
</div>
<div id="footer"><div id="txt-footer"></div></div>
</div>
</body>
</html>
حمایت شدهThanks :
