3 مشکل در فارسی کردن قالب
سلام . عکس زیر رو ببینید :
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
مشکل 1 : عکس های فلش باید سمت راس بیاید ولی سمت چپ میاد
مشکل 2 : نوشته های وسط صفحه راست چین نیست
مشکل 3 : ادامه متن و بعضی متن ها وسط صفحه از چپ به راست هست ... و عکس اونا سمت چپشون هست بجای اینکه راستشون باشه .
کمکم کنید .
کد سی اس اس :
کد:
body{
margin:0;
padding:0;
text-align:center;
font-family:tahoma, verdana, arial, sans-serif;
background:#6d9fce url(../images/bg.gif) repeat-x top;
font-size:11px;
color:#4c597c;
}
a{
text-decoration:none;
font-weight:normal;
border:none;
}
a:hover{
text-decoration:none;
color:#5e80a2;
border:none;
}
/* structure */
#pagewidth{
width:960px;
text-align:right;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}
#header{
width:960px;
height:227px;
}
#headertop{
width:960px;
height:50px;
background:#6d9fce url(../images/headertop.gif);
}
#search {
width:155px;
height:50px;
padding-right:30px;
padding-left:3px;
float:right;
background:transparent;
}
#search .inputbox {
width:110px;
margin-top:28px;
height:18px !important;
height:17px;
font-size:10px;
color:#567594 !important;
text-align:center;
border-top::thick;
border-top-color:#6d9fce;
border-left::thick;
border-left-color:#6d9fce;
border-right::thick;
border-right-color:#6d9fce;
border-bottom:none;
background:#b1cce4;
}
#search .button {
margin:0px;
padding:0px;
height:12px;
font-size:10px;
background:transparent;
border:none;
line-height:10px;
}
#search form {
margin: 0px;
padding: 0px;
}
#topmenu{
height:50px;
float:right;
width:700px;
background:transparent;
}
#headercenter{
width:960px;
height:155px;
background:#6d9fce url(../images/headercenter.jpg);
}
#headerbottom{
width:960px;
height:22px;
background:#6d9fce url(../images/headerbottom.gif);
}
#pathway{
width:440px;
height:17px;
font-size:10px;
padding-top:5px;
padding-left:75px;
text-align:right;
float:right;
background:transparent;
}
#datetime{
width:230px;
height:17px;
font-size:10px;
color:#567594;
padding-top:5px;
float: left;
text-align:right;
background:transparent;
}
#main{
width:960px;
background: url(../images/main_bg.gif) repeat-y;
}
#modleft{
width:190px;
float:left;
position:relative;
margin-top:2px;
}
#modright{
width:190px;
float:left;
position:relative;
margin-top:-27px;
}
#maincontent {
float:left;
width:572px;
padding-left:4px;
padding-right:4px;
}
#maincontentwide {
float:left;
width:695px;
padding-left:4px;
}
#footer{
width:960px;
height:50px;
background:url(../images/footer_bg.gif);
font-size:9px;
color:#567594;
line-height:14px;
}
#bannerouter {
width:100%;
height:60px;
background:#ffffff;
margin-top:10px;
margin-bottom:5px;
}
#banner {
width:468px;
height:60px;
margin-left:50px;
padding-left:1px;
padding-top:1px;
border:0px solid #6d9fce;
color:#6d9fce;
}
.clr {
clear:both;
}
.content {
padding:0px 0px 0px 0px;
font-size:11px;
line-height:18px;
}
/* mods */
#modleft div.module {
width:190px;
background:transparent url(../images/modleft_m.gif) left repeat-y;
margin-bottom:8px;
}
#modleft div.module div {
width:190px;
background:transparent url(../images/modleft_t.gif) top left no-repeat;
}
#modleft div.module div div {
width:190px;
background:transparent url(../images/modleft_b.gif) bottom left no-repeat;
}
#modright div.module {
width:190px;
background:transparent url(../images/modright_m.gif) left repeat-y;
margin-bottom:8px;
}
#modright div.module div {
width:190px;
background:transparent url(../images/modright_t.gif) top left no-repeat;
}
#modright div.module div div {
width:190px;
background:transparent url(../images/modright_b.gif) bottom left no-repeat;
}
#modleft div.module div div div, #modright div.module div div div {
width:174px;
padding-left:3px;
padding-top:10px;
background:transparent;
padding-bottom:10px;
font-size:11px;
text-align:center;
}
#modleft div.module div div div div {
width:174px;
padding:0px;
margin:0px;
}
#modright div.module div div div div {
width:174px;
padding:0px;
margin:0px;
}
div.module h3 {
font-size:11px;
width:178px;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:5px;
color:#4c597c;
border-bottom:1px solid #4c597c;
text-align:center;
text-transform:uppercase;
}
#user1 {
margin-top:10px;
float:right;
width:49%;
}
#user2 {
margin-top:10px;
float:right;
width:49%;
margin-left:6px;
}
#user5 {
float:right;
width:49%;
}
#user6 {
float:right;
width:49%;
margin-left:6px;
}
#user0 {
width:99%;
}
#user1 ul, #user2 ul, #user5 ul, #user6 ul, #user0 ul {
list-style:url(../images/ul.gif);
font-size:11px;
margin:0px;
padding:0px;
padding-left:15px;
margin-left:5px;
margin-bottom:5px;
margin-top:2px;
}
#maincontent div.moduletable, #maincontentwide div.moduletable {
width:100%;
margin-bottom:10px;
border:0px solid #6d9fce;
background:transparent;
}
#maincontent div.moduletable h3, #maincontentwide div.moduletable h3 {
font-size: 11px;
font-weight: bold;
margin:0px;
margin-left:4px;
padding:0px;
line-height:20px;
color:#4c597c;
width:190px;
border-bottom:1px solid #4c597c;
text-align:right;
text-indent:5px;
background: url(../images/user_head_bg.gif) repeat-x;
}
/* top menu */
ul#mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}
ul#mainlevel-nav li {
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 10px;
height:20px !important;
height:19px;
line-height: 19px;
white-space: nowrap;
margin-right: 10px;
background: #8fb5d9;
border-top: 1px solid #6d9fce;
border-left: 1px solid #6d9fce;
margin-top:5px !important;
margin-top:5px;
}
ul#mainlevel-nav li a {
font-weight: normal;
height:20px !important;
height:17px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #4c597c;
margin-left: 5px;
white-space: nowrap;
background: #8fb5d9;
border-right: 1px solid #6d9fce;
}
ul#mainlevel-nav li:hover, ul#mainlevel-nav li.ohover {
background: #5e80a2;
}
ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.ohover a {
color: #c2ddf6;
text-decoration: overline;
background: #5e80a2;
}
/* main menu */
a.mainlevel {
font-size:11px;
padding-left:3px;
padding-right:4px;
display:block;
line-height:19px;
margin-bottom:3px;
text-decoration:none;
text-align:right;
border-right:4px solid #6d9fce;
font-weight:lighter;
width:155px;
color:#4c597c;
}
html>body a.mainlevel {
width:166px;
}
a.mainlevel:hover, a.mainlevel#active_menu {
border-right:4px solid #6d9fce;
background:#b2cde5;
color:#5e80a2;
text-decoration:none;
font-style:oblique;
}
a.sublevel {
padding:0px;
margin:0px;
font-size:10px;
margin-left:5px;
padding-left:4px;
display:block;
line-height:19px;
margin-bottom:3px;
text-decoration:none;
text-align:right;
border-right:4px solid #6d9fce;
font-weight:normal;
width:157px;
color:#4c597c;
}
html>body a.sublevel {
width:157px;
}
a.sublevel:hover, a.sublevel#active_menu {
background: #b2cde5 url(../images/submenu_bg.gif) center no-repeat;
width:152px !important;
color:#5e80a2;
text-decoration: none;
font-style:italic;
border-right:4px solid #6d9fce;
}
html>body a.sublevel:hover, a.sublevel#active_menu {
width: 157px;
}
/* syndication */
#modleft div.module div div div div.syndicate {
background: transparent;
width: 160px;
margin: 0px;
padding: 0px;
}
#modleft div.module div div div div.syndicate div {
background: transparent;
width: 160px;
margin: 0px;
padding: 0px;
}
/* general */
a, #search .inputbox, #search .button{
color: #4c597c;
}
.pathway {
color:#567594;
font-size:10px;
text-decoration:none;
font-weight:bold;
}
.pathway a {
color:#567594;
text-decoration:none;
font-weight:normal;
}
hr {
width: 90%;
}
hr.separator {
width: 40%;
}
#headerouter {
position: absolute -2000px -2000px;
display: none;
}
#bodyouter {
position: absolute -2000px -1000px;
display: none;
}
.small {
font-size: 10px;
color: #567594;
line-height: 10px;
}
.smalldark {
font-size: 10px;
color: #567594;
height: 10px;
line-height: 10px;
text-align: right;
}
.sectiontableentry1 {
text-align: right;
background: #b3cde5;
font-size: 10px;
padding: 2px;
}
.sectiontableentry2 {
text-align: right;
background: #B0CCE4;
font-size: 10px;
padding: 2px;
}
.button {
border: 1px solid #4c597c;
background-color: #b1cce4;
color: #4c597c;
font-family:tahoma, verdana, arial, sans-serif;
font-size:11px;
margin-top:5px;
}
.inputbox {
border: 1px solid #4c597c;
color: #567594;
font-family:tahoma, verdana, arial, sans-serif;
font-size:11px;
margin-top:5px;
}
.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 10px;
text-decoration: none;
line-height: 15px;
border: 0px solid #EEEEEE;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
color:#4c597c;
font-weight: normal;
}
.blog_more {
font-size: 11px;
color: #4c597c;
font-family:tahoma, verdana, arial, sans-serif;
text-decoration: underline;
}
a.readon:hover {
background: url(../images/readon.gif) no-repeat left;
text-decoration:none;
color:#5e80a2;
}
.blog {
width: 100%;
}
.contentheading {
width: 98%;
font-weight: bold;
font-size: 12px;
height: 21px;
line-height: 20px;
border-bottom: 1px solid #0b1d50;
font-family:tahoma, verdana, arial, sans-serif;
color: #4c597c;
}
.contentpaneopen {
text-align:right;
background:transparent;
font-size:11px;
line-height:16px;
width: 98%;
color:#4c597c;
}
table.contentpane td.contentheading {
width: 98%;
font-weight: bold;
font-size: 11px;
height: 21px;
line-height: 20px;
font-family:tahoma, verdana, arial, sans-serif;
border: none;
color: #4c597c;
}
table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
color:#4c597c;
}
table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
background: url(../images_blue/readon3.gif) no-repeat left top;
}
.contentdescription {
font-size:11px;
line-height:16px;
color:#4c597c;
}
.contentpagetitle, .category {
font-size:11px;
font-weight:bold;
padding-left:0px;
color:#4c597c;
}
.sectiontableheader {
font-weight:bold;
font-size:11px;
height:21px;
line-height:20px;
color:#4c597c;
}
.categorytitle {
font-weight:bold;
font-size:11px;
height:21px;
line-height:20px;
font-family:tahoma, verdana, arial, sans-serif;
color:#4c597c;
}
.componentheading {
width:99%;
font-weight:bold;
font-size:11px;
height:21px;
line-height:20px;
font-family:tahoma, verdana, arial, sans-serif;
border-bottom:1px solid #4c597c;
color:#4c597c;
margin-bottom:5px;
}
a.category {
text-decoration: underline;
}
a.category:hover {
text-decoration: underline;
}
table.moduletable {
width: 100%;
font-size: 80%;
}
table.moduletable th {
font-size: 80%;
}
table.moduletable td {
}
.poll {
font-size: 10px;
text-align:right;
}
table.poll {
width: 100%;
}
table.pollstableborder {
border: 1px solid #4c597c;
}
.back_button a {
font-family:tahoma, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
}
.blogsection {
font-size: 11px;
}
.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
background: url(../images_blue/readon.gif) no-repeat left;
}
table.contenttoc {
border: 1px solid #ababab;
padding: 3px;
}
table.contenttoc th{
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid #ababab;
}
.content_rating {
font-size:10px;
padding-left:2px;
color:#567594;
margin:0;
}
Re: 3 مشکل در فارسی کردن قالب
توی قسمت body اینو اضافه کن:
اگه تغییر نکرد قالبتو بفرست برات درستش کنم.
این رو هم ببین:
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
Re: 3 مشکل در فارسی کردن قالب
آقا رادمهر درست میگن احتمالا با اون کار درست میشه
البته فکر کنم جای منو های چپ و راستتونم تغییر کنه که اونم میشه با تغییر در index.php درستش کرد.(یا موقعیت ماژول ها رو تغییر داد.)
Re: 3 مشکل در فارسی کردن قالب
دوست عزیز تنها راه تغییر در هر دو فایل CSS و Index هست. بنحوی که نه موقعیت ها بهم بریزن و مشکل شما هم حل بشه.
Re: 3 مشکل در فارسی کردن قالب
به نظر من تمام تيبل هاي Index رو rtl كن و توي فايل css تمام left & right ها رو عوض كن.
شايد بعدش هم مجبور بشي چند تا از عكس ها رو هم تغيير بدي.
ولي اينجوري قالب كاملاً فارسي ميشه.
Re: 3 مشکل در فارسی کردن قالب
مشکل شماره یک : برای درست شدن مشکل شماره یک کلاس های UL و IL رو ویرایش کن. ( باید بک گراند رو راست چین کنی )
مشکل شماره دو : در فایل index.php دایرکشن table که mainbody رو داخلش قرار دادی رو RTL کن.
مشکل شماره سه : با برطرف کردن مشکل شماره دو خودش به خودی خود درست میشه و فقط میخواد بک گراندش رو به سمت راست منتقل کنی.
Re: 3 مشکل در فارسی کردن قالب
ممنون از کمک های همه دوستان ...
همه مشکلات گذشته حل شد ..
2 تا مشکل کوچیک دیگه دارم .
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
1 . نوشته d f y و در کنارش ساعت رو نشون می ده :
الف : چطوری میشه بجای این حروف بنویسیم " ساعت "
ب : چطوری میشه اینو جذف کرد ؟؟
2 . متن داخل ماژول نظر سنجی خیلی سمت راست چسبیده ... اینو چطوری ببریم کمی به سمت چپ ؟؟؟
منتظر کمک دوستان هستم .
Re: 3 مشکل در فارسی کردن قالب
سلام
خیلی از سوال ها قبلا در انجمن پرسیده شده و جواب داده شده اند کمی جستجو کنید سریعتر به جواب می رسید
جواب سوال اول [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
یاعلی/خداحافظ
Re: 3 مشکل در فارسی کردن قالب
سلام . مرسی
منتظر جواب سوال دوم هستم .. دوستان کمک کنید
Re: 3 مشکل در فارسی کردن قالب
[quote author=dardesar link=topic=1696.msg9671#msg9671 date=1153893477]
دوستان کسی مورد دوم در شکل بالا رو راهنمایی نمی کنه ؟؟؟
[/quote]
شما در فایل css قالبت قسمتی هست به نام poll. که توی اون میتونی این تغییر رو بدی، مثلا:
کد:
.poll {
font-size: 10px;
text-align: right;
padding-right: 10px;
}
عدد جلوی padding-right رو باید عوض کنی تا مقدار دلخواهت بدست بیاد.
پاسخ : 3 مشکل در فارسی کردن قالب
[quote author=رادمهر link=topic=1696.msg9450#msg9450 date=1153661238]
توی قسمت body اینو اضافه کن:
جسارتاً اون بالایی باید این باشه:
direction: rtl;