-
مشکل قالب سایت
سلام ... قالبی رو فارسی کردم ....
ولی طبق عکس قسمتی از مطالب بلاک بندی شده میره زیر قسمت سمت راست ...
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
اینم فایل های CSS قالب من :
فایل layout.css
کد:
/* layout and positioning */
#p1wrapper {
width: 970px;
margin: 0 auto 0 auto;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
}
#wrapper {
width: 970px;
text-align: right;
margin: 0 auto 0 auto;
background-color : #FEFEFE;
}
#pathway
{
padding-top : 3px;
padding-bottom : 3px;
}
#header
{
padding-top : 0px;
padding-bottom : 0px;
}
#sitelogo
{
float : left;
}
#topBarMenu
{
}
#verticalMenu
{
padding-left : 114px;
padding-top : 30px;
text-align: right;
}
#headerImg {
background : url(../images/header-1.jpg) repeat;
height : 124px;
width : 970px;
overflow : hidden;
float: center;
}
#searchAndMenu
{
background : #fff url(../images/search-and-menubar.png) repeat;
background-position : 0px 0px;
height : 41px;
width : 970px;
float : left;
}
#leftNav
{
width : 155px;
float : right;
padding-left : 10px;
padding-top : 10px;
padding-right : 5px;
direction:rtl;
}
#mainContent
{
padding-left : 0px;
padding-right : 5px;
padding-left : 5px;
padding-top : 10px;
width : 614px;
float : center;
font-family : Tahoma;
font-size : 11px;
direction : rtl;
text-align : right;
}
#rightnav
{
width : 155px;
float : left;
padding-left : 10px;
padding-right : 5px;
padding-top : 10px;
direction:rtl;
}
#wNavContent
{
width : 970px;
background : url(../images/main-content-bg.png) repeat-y;
float : center;
padding-right : 0px;
}
#footerBorder
{
height : 50px;
width : 970px;
float : center;
background : #fff url(../images/footer-separator.png) repeat;
}
#copyRight
{
float : center;
width : 970px;
text-align : center;
background-color : white;
height : 20px;
}
#bottomMenu
{
float : right;
width : 970px;
margin-top : 15px;
}
.brclear {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0px;
}
#searchBox
{
padding-left : 20px;
padding-top : 10px;
float : left;
width : 221px;
}
#topMenuBox
{
}
/* Clear fix */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
فایل template_css
کد:
body {
margin : 0;
padding : 0;
color : #000000;
font-family: tahoma;
font-size: 11px;
text-align : right;
background : #333333 url(../images/body-bg.png);
}
h1 {
font-size : 1.7em;
}
h2 {
margin : 10px 0;
font-size : 1.45em;
}
h3, h4 {
margin : 10px 0;
font-size : 1.2em;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, a.readon, .blog_more, .back_button, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc {
font-size : 85%;
}
.pagenav_prev a, .pagenav_next a {
color : #666666;
font-size : 0.9em;
background-color : transparent;
}
form {
padding : 0;
margin : 0;
}
.clr {
clear : both;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
li {
line-height : 15px;
padding-right : 12px;
padding-top : 0;
background-image : url(../images/arrow.png);
background-repeat : no-repeat;
background-position : right;
}
a:link, a:visited, a:active {
color : #6b6b6b;
font-size : 11px;
text-decoration : none;
}
a.latestnews:link, a.latestnews:visited, a.mostread:link, a.mostread:visited {
color : #ffffff;
font-size : 11px;
}
a:hover {
text-decoration : underline;
}
#copyright a:link, #copyright a:visited,#copyright a:active {
color : #ffffff;
font-size : 11px;
text-decoration : underline;
}
#copyright a:hover {
text-decoration : none;
}
#leftNav div.moduletable h3, #contentbottom div.moduletable h3 {
/*background-image: url(../images/bac_mod.jpg);*/
font-family : tahoma;
font-weight : bold;
margin : 0;
margin-bottom : 5px;
color : #536F82;
text-transform : uppercase;
padding-bottom : 0px;
padding-top : 5px;
background-position : 0 0px;
padding-left : 5px;
direction: rtl;
text-align: right;
border-bottom : 1px dotted #8C8C8C;
border-top : 1px dotted #8C8C8C;
border-right : 1px dotted #8C8C8C;
border-left : 1px dotted #8C8C8C;
}
#rightnav div.moduletable h3, #contentbottom div.moduletable h3 {
/*background-image: url(../images/bac_mod.jpg);*/
font-family : tahoma;
font-weight : bold;
margin : 0;
margin-bottom : 5px;
color : #536F82;
text-transform : uppercase;
padding-bottom : 0px;
padding-top : 5px;
background-position : 0 0px;
padding-left : 5px;
direction: rtl;
text-align: right;
border-bottom : 1px dotted #8C8C8C;
border-top : 1px dotted #8C8C8C;
border-right : 1px dotted #8C8C8C;
border-left : 1px dotted #8C8C8C;
}
#leftNav div.moduletable { !important
padding-bottom :25px;
margin-bottom : 0px;
color : #6b6b6b;
font-size : 11px;
text-align: right;
}
#rightnav div.moduletable { !important
padding-bottom :25px;
margin-bottom : 0px;
color : #6b6b6b;
font-size : 11px;
text-align: right;
}
#leftNav div.moduletable td, #contentbottom div.moduletable td, #contentbottom div.moduletable ul {
padding-left : 10px;
padding-right : 10px;
text-align: right;
}
#rightnav div.moduletable td, #contentbottom div.moduletable td, #contentbottom div.moduletable ul {
padding-left : 10px;
padding-right : 10px;
text-align: right;
}
#contentbottom div.moduletable {
background : url(../images/module-bottom.png) repeat-x;
background-position : center bottom;
padding-bottom : 9px;
margin-bottom : 5px;
color : #6b6b6b;
font-size : 11px;
text-align: right;
}
#leftNav div.moduletable table.pollstableborder td {
padding-left : 30px;
padding-right : 20px;
text-align: right;
}
#rightnav div.moduletable table.pollstableborder td {
padding-left : 30px;
padding-right : 20px;
text-align: right;
}
#leftNav div.moduletable table.pollstableborder .sectiontableentry1, #leftNav div.moduletable table.pollstableborder .sectiontableentry2 {
text-align : right;
vertical-align:middle;
padding : 0;
}
#rightnav div.moduletable table.pollstableborder .sectiontableentry1, #right div.moduletable table.pollstableborder .sectiontableentry2 {
text-align : right;
vertical-align:middle;
padding : 0;
direction:rtl;
}
#leftNav a:visited, #contentbottom a:visited, #contentbottom a:link, #leftNav a:link {
color : #333333;
text-decoration : none;
font-size : 11px;
text-align: right;
border-bottom : 1px dotted #537DA3; !important
}
#rightnav a:visited, #contentbottom a:visited, #contentbottom a:link, #rightnav a:link {
color : #333333;
text-decoration : none;
font-size : 11px;
text-align: right;
border-bottom : 1px dotted #537DA3; !important
}
#leftNav a:hover, #contentbottom a:hover {
text-decoration : underline;
text-align: center;
}
#rightnav a:hover, #contentbottom a:hover {
text-decoration : underline;
text-align: center;
}
#leftNav a.mainlevel, #leftNav a.mainlevel:link, #leftNav a.mainlevel:visited, #leftNav a.mainlevel:active {
font-size : 12px;
font-weight : normal;
color : #022B50;
margin : 0;
text-decoration:none;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
line-height : 18px;
text-align: right;
}
#rightnav a.mainlevel, #rightnav a.mainlevel:link, #rightnav a.mainlevel:visited, #rightnav a.mainlevel:active {
font-size : 12px;
font-weight : normal;
color : #022B50;
margin-bottom:200px;
text-decoration:none;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
line-height : 18px;
text-align: right;
}
#leftNav a.mainlevel:hover {
font-weight : normal;
color:#6D3001;
margin : 0;
text-decoration : none;
text-align: right;
}
#rightnav a.mainlevel:hover {
font-weight : normal;
color:#6D3001;
margin : 0;
text-decoration : none;
text-align: right;
}
#leftNav a.sublevel, #leftNav a.sublevel:link #leftNav a.sublevel:active {
font-size : 11px;
font-weight : normal;
margin : 0;
color : #f9eaab;
text-decoration : none;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
text-align: right;
}
#rightnav a.sublevel, #rightnav a.sublevel:link #rightnav a.sublevel:active {
font-size : 11px;
font-weight : normal;
margin : 0;
color : #f9eaab;
text-decoration : none;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
text-align: right;
}
#leftNav a.sublevel:visited {
font-size : 11px;
font-weight : normal;
margin : 0;
color : #f9eaab;
text-align: right;
}
#rightnav a.sublevel:visited {
font-size : 11px;
font-weight : normal;
margin : 0;
color : #f9eaab;
text-align: right;
}
#leftNav a.sublevel:hover {
font-size : 11px;
font-weight : normal;
margin : 0;
text-decoration : none;
text-align: right;
}
#rightnav a.sublevel:hover {
font-size : 11px;
font-weight : normal;
margin : 0;
text-decoration : none;
text-align: right;
}
table.contentpane table {
margin-right : 2px;
margin-left : 11px;
text-align: right;
border-bottom-style:
}
.sectiontableheader {
font-weight : bold;
font-size : 1.1em;
color : #14508e;
border-bottom : 1px dotted #8C8C8C;
border-right : 1px dotted #8C8C8C;
border-left : 1px dotted #8C8C8C;
border-top : 1px dotted #8C8C8C;
}
.sectiontableentry1 {
background-color : #FEFEFE;
padding-top : 3px;
}
.sectiontableentry2 {
background-color : #FEFEFE;
padding-top : 3px;
}
a.readon {
text-decoration : underline;
color : #536F82;
}
.componentheading {
color : #fff;
font-size : 1.3em;
font-family : tahoma;
color : #536F82;
font-weight : bold;
text-align: right;
}
.contentheading {
font-family : tahoma;
font-size : 1.3em;
color : #536F82;
font-weight : bold;
text-align: right;
}
.small, .createdate {
color : #185b99;
}
.contentpaneopen {
text-align : right;
background : transparent;
padding-top : 0;
padding-left : 0;
padding-bottom : 0;
padding-right : 0;
margin-top : 0;
margin-left : 0;
margin-bottom : 0;
margin-right : 0;
vertical-align : top;
width : 100%;
line-height : 15px;
}
.sectiontableheader {
background : url(../images/topmenu-bg.png) repeat-x;
font-size : 10px;
padding-top : 3px;
padding-bottom : 3px;
}
table.contenttoc th {
background : url(../images/topmenu-bg.png) repeat-x;
height : 12px;
padding-top : 2px;
padding-bottom : 2px;
text-align : left;
padding-left : 2px;
}
table.contenttoc {!important
border : 1px solid #333333;
}
table.contenttoc td {
padding : 0 2px;
}
.pathway, .pathway a:link, .pathway a:visited {
font-size : 10px;
color : #000;
}
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
background-image : none;
padding-left : 0;
padding-right : 0;
float : left;
margin : 0;
font-size : 11px;
line-height : 21px;
white-space : nowrap;
height : 39px;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 20px;
padding-right : 20px;
padding-top : 9px;
padding-bottom : 6px;
margin-left : 2px;
margin-right : 1px;
margin-top : 2px;
margin-bottom : 1px;
text-decoration : none;
color : #7B838A;
text-transform : uppercase;
font-size : 1em;
font-weight : bold;
}
#menubox > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
color : #585F66;
background-color : #ffffff;
}
ul#mainlevel-plain {
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-plain li {
background-image : none;
padding-left : 0;
padding-right : 0;
float : left;
margin : 0;
font-size : 11px;
line-height : 21px;
white-space : nowrap;
height : 39px;
}
ul#mainlevel-plain li a {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-bottom : 6px;
margin-right : 1px;
margin-top : 2px;
margin-bottom : 1px;
text-decoration : none;
color : #536F82;
text-transform : uppercase;
font-size : 0.9em;
font-weight : bold;
}
#menubox > ul#mainlevel-plain li a {
width : auto;
}
ul#mainlevel-plain li a:hover {
text-decoration : underline;
}
.mainlevel-plain {
padding-left : 5px;
padding-right : 5px;
line-height : 30px;
}
form {
margin : 0;
padding : 0;
}
input {
font : 11px Tahoma, Arial, sans-serif;
margin : 1px 2px 1px 0;
text-align: right;
direction: rtl;
}
select {
font : 11px Tahoma, Arial, sans-serif;
}
textarea {
border : 1px dotted #cccccc;
padding-left : 2px;
font : 11px/1.3em Tahoma, Arial, sans-serif;
}
.button {
padding-left : 5px;
padding-right : 5px;
background-color : #536F82;
border-left : 1px solid #c4db86;
border-top : 1px solid #c4db86;
border-right : 1px solid #3c4d0d;
border-bottom : 1px solid #3c4d0d;
color : #ffffff;
}
.inputbox {
padding-left : 1px;
border-top : 1px dotted #999999;
border-right : 1px dotted #999999;
border-bottom : 1px dotted #999999;
border-left : 1px dotted #999999;
background : #ffffff;
text-align: right;
direction: rtl;
}
.clr {
clear : both;
}
فایل verticalmenu
کد:
/* top menu */
#menuContainer
{
width : 158px;
padding-top : 0px;
padding-top : 2px !important;
}
#menuContainer ul
{
margin: 0;
padding : 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#menuContainer a
{
font-family : tahoma;
display : block;
width : 133px;
text-decoration : none;
height : 14px !important;
height : 12px;
padding-top : 9px;
background : url(../images/vertical-menu-bg-normal.png) no-repeat;
background-position : 0px -2px;
font-size : 11px;
font-weight : bold;
color : #50667B;
padding-left : 30px;
vertical-align : middle;
}
#menuContainer a:link , #navlist a:visited
{
text-decoration: none;
}
#menuContainer a:hover
{
background : url(../images/vertical-menu-bg-hover.png) no-repeat;
background-position : 0px -2px;
}
#menuList li
{
background-image : none;
padding-left : 0px;
padding-top : 0px;
}
کمکم کنید ... ممنون
-
پاسخ : مشکل قالب سایت
لطفا سورس کامل رو بزارید تا دوستان کمک کنند