سلام ... قالبی رو فارسی کردم ....
ولی طبق عکس قسمتی از مطالب بلاک بندی شده میره زیر قسمت سمت راست ...
اینم فایل های 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
فایل verticalmenuکد: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; }
کمکم کنید ... ممنونکد:/* 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; }





علاقه مندی ها (Bookmarks)