تغییر موضع موقعیت

[PIANIST]

ایا در عکسی که در زیر گذاشتم میتونیم جای موقعیت left رو کمی به طرف چپ انتقال بدیم به طوری که با banner در یک راستا قرار بگیرند یا حداقل کمی اونطرفتر باشه.

[img width=640 height=358]http://up.iranblog.ir/4/1259310977.jpg[/img]

[مهدی.]

سلام

بله، کار نشد نداره دوست عزیز!

برای اینکار یا قالب رو جایی آنلاین کنید یا باید خودتون به html , css آشنایی داشته باشید تا بتونید padding و table و div رو استفاده کنید.

پاییزتان پر مهر

[PIANIST]

[quote author=مهدی. link=topic=22564.msg118321#msg118321 date=1259271367]
سلام

بله، کار نشد نداره دوست عزیز!

برای اینکار یا قالب رو جایی آنلاین کنید یا باید خودتون به html , css آشنایی داشته باشید تا بتونید padding و table و div رو استفاده کنید.

پاییزتان پر مهر
[/quote]


با اموزشهایی که تو سایت هست یه چیزایی یاد گرفتم و می تونم تغییر اعمال بدم شما بفرمایید بنده باید چیکار کنم اگر نتونستم قالب رو انلاین خواهم کرد.



با تشکر

[firoozmandan]

سلام

در سایت آموزشی در رابطه با HTML و یا CSS نیست

برای انجام این کار همانطور که در پست قبل گفته شد نیاز به تسلط شما به HTML - CSS هست .

شما برای اینکار از Padding میتونید استفاده کنید
اگر مشکلتون با این جمله حل نمیشه قابل رو اینجا قرار بدید تا بعد از بررسی امکان پاسخ دقیق وجود داشته باشه
یا علی

[PIANIST]

[quote author=فیروزمندان link=topic=22564.msg118383#msg118383 date=1259386589]
سلام

در سایت آموزشی در رابطه با HTML و یا CSS نیست

برای انجام این کار همانطور که در پست قبل گفته شد نیاز به تسلط شما به HTML - CSS هست .

شما برای اینکار از Padding میتونید استفاده کنید
اگر مشکلتون با این جمله حل نمیشه قابل رو اینجا قرار بدید تا بعد از بررسی امکان پاسخ دقیق وجود داشته باشه
یا علی
[/quote]



سلام اقای فیروزمندان

ببخشید منظور بنده ویکی بود : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] و [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]



با تغییرات در قسمت Rrightmain در leftside در CSS قالب تونستم موقعیت left رو با بنر در یک راستا قرار بدم ولی موقعیت right رو نتونستم. اگر زحمتی نیست بفرمایید چطور می تونم این موقعیت رو هم عوض کنم.


فایل css قالب بنده :

#clr {
clear:both;
}
.bg_main {
background-color: #333333;
padding
background:#fff;
: 0;
margin : 0px;
text-align : center;
vertical-align : top;
}

/* ******************************************* main container */
#header {
margin: 0;
padding:0;
background:url(../images/top_index.gif) no-repeat;
width: 842px !important;
height:26px;
}

#bottom {
margin: 0;
padding:0;
background:url(../images/bottom_index.gif) no-repeat;
width: 842px !important;
height:26px;
}

.out_container {
background: url(../images/bg_index.gif) repeat-y;
margin: 0;
padding:0px;
}

.main_container {
margin: 0;
padding:0px;
border:1px solid #333333;
}

.bottom_container {
border-bottom:1px solid #D2AD75;
border-left:1px solid #D2AD75;
border-right:1px solid #D2AD75;
border-top:0px;
}

/* ******************************************* leftside */
#leftside {
padding:0px;
text-align: center;
width: 165px !important;
}

#rightside {
padding:0px;
text-align: center;
width: 165px !important;

}

#rightmain {
padding:10px 85px 0px 0px;
width: 157px !important;
margin: 0px 0px 0px 0px;
}

#leftmain {
padding:10px 0px 0px 0px;
text-align: right;
width: 157px !important;
margin: 0px 0px 0px 0px;
}


#leftmain table.moduletable th, #rightmain table.moduletable th {
height:25px;
background:url(../images/bg_title.gif) repeat-x;
font-family : Times New Roman,Times New Roman, Times New Roman, Times New Roman ;
font-size: 17px;
font-weight: normal;
color: #FFFFFF;
text-align: right;
text-indent: 4px;
padding: 0px;
margin: 0px;
border: 0;
line-height:25px;
}

#leftmain table.moduletable td {
font-family : Times New Roman, Times New Roman,Times New Roman;
font-size: 12px;
color : #FFFFFF;
line-height : 30px;
text-align : right;
padding : 2px 0px 2px 0px;
}


/* ******************************************* main body */
#main_body {
width: 100%;
margin: 0px;
padding:0px;
border: 0;
text-align: center;
}

#main_area {
width: 98%;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border: 0;
text-align: right;
}


/* ******************************************* pathway*/
#can_pathway {
width : 796px !important;
height : 22px !important;
padding : 0px;
text-indent : 1em;
text-align : right;
font-family : Tahoma,Tahoma, Tahoma, Tahoma, Tahoma;
font-size: 11px;
color : #000000;
background-color:#7fc603;
line-height :20px;
}

#can_pathway img {
margin:0px 1px 0px 1px;
}

.pathway {
padding : 0px;
margin : 10px 0px 0px 0px;
border : 0;
line-height :22px;
}

a.pathway:link, a.pathway:visited {
color : #000000;
font-size: 11px;
line-height :25px;
}
a.pathway:hover {
color : #fcff00;
line-height :25px;
}

/* ******************************************* SEARCH*/
.searchbox {
font : normal 10px Times New Roman, Times New Roman, Times New Roman, Times New

Roman;
color : #FFFFFF;
border : 0px;
background-color:#FFFFFF;
}

/* ******************************************* flashnews and blocks */
#newsflash {
width : 97%;
margin : 0px 0px 0px 0px;
text-align : center;
}

#newsflash table.moduletable {
width : 100%;
padding : 0px;
margin : 0px 0px 0px 0px;
border : 0;
}

#newsflash table.moduletable th {
font : normal 11px Times New Roman, Times New Roman, Times New Roman, Times New Roman;
color : #3f900c;
line-height : 24px;
text-align : right;
background:url(../images/bg_title.gif) repeat-x;
text-indent : 5px;
}

#newsflash table.moduletable td {
font-family : Times New Roman, Times New Roman, Times New Roman;
font-size: 11px;
color : #000000;
line-height : 16px;
text-align : right;
padding:0px;
}

#blocks table.moduletable th {
font : normal 11px Times New Roman, Times New Roman, Times New Roman, Times New Roman;
color : #3f900c;
line-height : 24px;
text-align : right;
background:url(../images/bg_title.gif) repeat-x;
text-indent : 5px;
}

#blocks table.moduletable td {
font-family : Times New Roman,Times New Roman, Times New Roman, Times New Roman, Times New Roman;
font-size: 11px;
color : #000000;
line-height : 16px;
text-align : right;
padding:0p 2px 4px 2px;
direction: rtl;

}

#blocks .moduletable a:link, #blocks .moduletable a:visited {
font-size: 11px;
color : #465950;
text-decoration : none;
line-height:17px;
font-weight:normal;
}

#blocks .moduletable a:hover {
font-size: 11px;
color : #52ac1a;
text-decoration : underline;
}

#botnavi table.moduletable {
width : 100%;
padding : 0px;
margin : 0px 0px 0px 0px;
border : 0;
}

/* ******************************************* Footer */
#footer {
padding : 4px 0px 0px 0px;
margin : 0;
width : 100%;
text-align : right;
vertical-align : middle;
font : normal 11px Times New Roman, Times New Roman, Times New Roman, Times New

Roman;
color : #52ac1a;
line-height :18px;
}
#footer div {
}
#footer a, #footer a:link, #footer a:visited {
color : #D4522D;
text-decoration :underline;
}

#footer a, #footer a:hover {
color :#3f900c;
text-decoration :none;
}

/* ******************************************* General CSS Styles */

body {
background : #ffeeca;
direction: rtl;
font-family:Times New Roman,Times New Roman,Times New Roman,Times New Roman, Times New Roman, Times New

Roman;
padding : 0;
margin : 0;
vertical-align : top;
scrollbar-face-color: #9A907A;
scrollbar-shadow-color: #9A907A;
scrollbar-darkshadow-color: #9A907A;
scrollbar-highlight-color: #9A907A;
scrollbar-3dlight-color: #9A907A;
scrollbar-track-color: #9bdf4f;
scrollbar-arrow-color: #9bdf4f;
}

td, div, p {
color:#000000;
font-family:Times New Roman,Times New Roman,Times New Roman,Times New Roman, Times New Roman, Times New

Roman;
font-size: 11px;
line-height : 16px;
}


a, a:link, a:visited {
color : #3f900c;
text-decoration : none;
}
a:hover {color: #FFA100; text-decoration:none}

h1 {font: normal 9px Georgia, "Tahoma", Times, serif; color: #333; margin: 0px; padding: 0px;}
h2 {font: normal 9px Georgia, "Tahoma", Times, serif; color: #333; margin: 0px; padding: 0px;}
h3 {font: normal 9px Georgia, "Tahoma", Times, serif; color: #333; margin: 0px; padding: 0px;}
h4 {font: normal 9px Georgia, "Tahoma", Times, serif; color: #333; margin: 0px; padding: 0px;}

ol {list-style: decimal outside; }
ul {
margin: 0;
padding: 0;
list-style: none;
}

li {
line-height: 15px;
padding-right: 15px;
padding-top: 0px;
background-image: url(../images/ul.gif) ;
background-repeat: no-repeat;
background-position:right;
}
blockquote {
margin : 10px;
margin-left : 30px;
padding : 0 20px 0 10px;
border-left : 5px solid #ccc;
}

form {
margin : 0;
padding : 0;
}
select {
font-size: 11px;
font-weight : normal;
color : #333;
}
input {
padding : 0;
margin : 0;
}

th.pagenav_prev, th.pagenav_next, a.pagenav_next:link, a.pagenav_next:visited {
font-size: 11px;
color : #ffffff;
background-color:#FFFFFF;
font-weight : normal;
}
a.pagenav_next:hover {
font-size: 11px;
color : #2A95FA;
text-decoration : none;
}


/* ******************************************* MODULES */
table.moduletable {
width : 100%;
padding : 0px;
margin : 0px 0px 0px 0px;
border : 0;
}
table.moduletable th {
height:28px;
background:url(../images/bg_lefttitle.png) no-repeat;
font-family : Times New Roman, Times New Roman, Times New Roman, Times New Roman ;
font-size: 11px;
font-weight : normal;
color: #FFF5E5;
text-indent : 2em;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px;
border: 0;
line-height:28px;
}
table.moduletable td {
font : Times New Roman, Times New Roman, Times New Roman;
color : #666666;
text-align : right;
padding : 2px 0px 2px 0px;
margin : 0px;
border : 0;
}

table.pollstableborder td {
padding: 2px;
}

.moduletable a:link {
color : #EEEEEE;
font-weight:normal;
font-size : 11px;
font-family : Times New Roman,Times New Roman, Times New Roman, Times New Roman ;
text-decoration : none;
}
.moduletable a:visited{
color : #8C8170;
font-weight:normal;
font-size : 11px;
font-family : Times New Roman,Times New Roman, Times New Roman, Times New Roman ;
text-decoration : none;
}
.moduletable a:hover {
color : #3f900c;
text-decoration : underline overline;
}
table.moduletable ul {
padding : 0;
margin : 0 0 0 3px;
}

.button {
font : Times New Roman,normal 11px Times New Roman, Times New Roman, Times New

Roman;
padding-top : 2px 2px 0px 2px;
color : #3f900c;
border : 1px solid #3f900c;
background-color:#FFEECA;
}
.inputbox, .search {
font : Times New Roman, Times New Roman, Times New Roman, Times New Roman;
color : #FFFFFF;
border : 2px solid #AAAAAA;
background-color:#FFF5E5;
}
.poll {
font : Times New Roman, Times New Roman, Times New Roman;
color : #666666;
font-weight : normal;
border : 0;
padding : 0;
}

/* ******************************************* CONTENT STYLES */
.contentpane, .contentpaneopen, .contentdescription {
width : 100%;
text-align : right;
color : #FFFFFF;
padding :0px;
font : Times New Roman, Times New Roman, Times New Roman, Times New Roman;


}
.contentpane td, .contentpaneopen td, .contentdescription td {
padding : 0px;
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
color : #666666;
text-decoration : none
}
a.contentpane:hover, a.contentpaneopen:hover {
color : #2A95FA;
text-decoration : underline;
}

.contentheading, .componentheading {
width:100%;
font : normal 11px Times New Roman, Times New Roman, Times New Roman, Times New Roman;
color : #4c6056;
font-size: 11px;
line-height : 21px;
text-align : right;
text-indent : 5px;
background-color:#e1fdc2;
}

.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
color : #234;
}
a.contentpagetitle:hover {
color : #567;

}
.buttonheading {
font : normal 10px Georgia, "Tahoma", Times, serif;
white-space : nowrap;
}

.content_rating, .content_vote {
font-size: 11px;
color : #345;
text-decoration : none;
font-weight : normal;
vertical-align : middle;
margin : 0 6px;
padding : 0;
}

.back_button {
float:right;
width:45px;
font-size: 11px;
color : #A86500;
text-decoration : none;
font-weight : normal;
test-align:right;
vertical-align : middle;
margin : 0 6px;
padding : 1px 4px 1px 4px;
background-color:#F6EAC7;
border:1px solid #DEC298;
}

.small {
font-size: 11px;
color : #2cce00;
text-decoration : none;
font-weight : normal;
line-height:15px;
}
.smalldark {
font-size: 11px;
color : #003;
text-decoration : none;
font-weight : normal;
}
.createdate, .modifydate {
font-family:Tahoma,Tahoma, Times New Roman, Times New Roman;

font-size: 11px;
font-weight : normal;
color : #777777;
}
a.readon:link, a.readon:visited {
font-family : Tahoma, Times New Roman, Times New Roman,Times New Roman;
font-size: 11px;
font-weight : normal;
color : #259b11;
}
a.readon:hover {
color : #259b11;
text-decoration : underline overline;
}

.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
font-size: 11px;
font-weight : normal;
color : #333;
}
a.fase4rdf:hover {
font-weight : normal;
color : #2A95FA;
}

a.blogsection:link, a.blogsection:visited {
font-size: 11px;
color : #259b11;
text-decoration : none;
font-weight : normal;
font-weight : normaler;
}
a.blogsection:hover {
font-size: 11px;
color : #259b11;
text-decoration : underline overline;
font-weight : normal;
}

.ontab {
color : #345;
padding : 2px 10px 2px 10px;
border-top : 2px solid #345;
border-right : 2px solid #345;
border-bottom : 0;
border-left : 2px solid #345;
font-weight : normal;
}
.offtab {
color : #666;
padding : 2px 10px 2px 10px;
border-top : 1px solid #666;
border-right : 1px solid #666;
border-bottom : 3px solid #345;
border-left : 1px solid #666;
cursor : default;
}
.tabpadding {
border-bottom : 3px solid #345;
}

table.searchintro {
background : #fff;
margin : 0 5px;
width : 100%;
border-bottom : 1px solid #fff;
}
table.searchintro td {
padding : 5px;
border : 0;
border-bottom : 1px solid #fff;
}

.blog {
margin : 0px;
padding : 0px;
width :100%;
}

.blog_more {
padding : 18px 8px;
margin : 0px;
font-size: 11px;
font-weight : normal;
color : #333;
}
.blog_more ul {
padding : 0px;
margin : 0px;
}

table.contenttoc {
border : 1px solid #DEC298;
padding : 1px;
margin-left : 7px;
margin-bottom : 2px;
}
table.contenttoc th {
color : #fff;
text-align : right;
padding : 4px;
font-weight : normal;
font-size: 11px;
text-transform : uppercase;
background : #DEC298;
}
table.contenttoc td {
font-size: 11px;
}


/* ******************************************* STYLES CONTACT PAGE */
table.contact {
background : transparent;
}
table.contact td.icons {
background : #89a;
}
table.contact td.details {
background : #F4E8CF;
margin : 5px;
padding : 5px;
border : 1px dotted #ccc;
}
.contact_email {
background : #F4E8CF;
margin : 5px;
padding : 5px;
border : 1px dotted #ccc;
}

/* ******************************************* MAIN AND SUB MENU SYSTEM */
.mainlevel {
font : normal 11px Times New Roman, Times New Roman, Times New Roman, Times New Roman;
line-height:20px;
}
a.mainlevel:link, a.mainlevel:visited {
font : normal normal 11px Times New Roman, Times New Roman, Times New Roman, Times New

Roman;
display: block;
color : #F4E8CF;
background-color: #259b11;
text-decoration : none;
padding : 0px 0px;
text-indent : 5px;
border : 0;
height:20px;
line-height:20px;
}
a.mainlevel:hover {
font-weight : normal;
color : #F4E8CF;
background-color: #73b53b;
text-decoration : none;
padding : 0px 0px;
}
#active_menu {
border : 0;
background-color: #84ba1c;
color : #F4E8CF;
}

.sublevel {
width:94%;
color : #975B00;
padding : 0px 0px;
text-indent : 5px;
border : 0;
height:18px;
background : url(../images/bg_snavi.gif) repeat-y;
background-position:right bottom;
line-height:20px;
text-decoration : none;
}
a.sublevel:link, a.sublevel:visited {
color : #FF7A00;
text-decoration : none;
background-color:#F4E8CF;
}
a.sublevel:hover {
color : #B89200;
text-decoration : none;
}
a.sublevel#active_menu {
border : 0;
color : #F4E8CF;
text-decoration : none;
}

/* ******************************************* TOP MENU SYSTEM */
ul#mainlevel-nav {
font : normal 10px Times New Roman, Times New Roman, Times New Roman, Times New

Roman;
list-style : none;
padding : 0;
margin : 0;

}

ul#mainlevel-nav li
{
display : block;
background : transparent;
padding : 0;
margin : 0;
float : left;

white-space : nowrap;
border-right : 2px solid #F6EAC7;
}

ul#mainlevel-nav li a {
display : block;
height : 14px !important;
height : 17px;
padding : 1px 1px 1px 4px;
margin : 0;
width : 75px !important;
width : 80px;
text-decoration : none;
color : #BF7300;
background : #FFF5E5;

}

ul#mainlevel-nav li a:hover
{
color: #BF7300;
background: #DEC298;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
color : #7B7261;
}

a.mainlevel-nav:hover {
color : #3f900c;
}

/* ******************************************* CATEGORY (text format and links) */
.category {
color : #5A3600;
font-size : 11px;
font-weight : normal;
text-decoration : none;
font-family:Times New Roman,Times New Roman, Times New Roman, Times New Roman;

}
a.category:link, a.category:visited {
color : #5A3600;
font-weight : normal;
font-family:Times New Roman,Times New Roman, Times New Roman, Times New Roman;

}
a.category:hover {
color : #C7A621;
}

/* ******************************************* STYLES LISTING CONTENT PAGE */
td.sectiontableheader, td.sectiontablefooter {
background-color: #9bdf4f;
color : #FFEECA;
font-weight : normal;
font-size : 11px;
padding : 2px 3px 4px 2px;
}
.sectiontableentry1 {
background-color: #cef6a1;
color : #4C6056;
font-weight : normal;
padding : 2px 0px 2px 2px;
}
.sectiontableentry2 {
background : #e1fdc2;
color : #4C6056;
font-weight : normal;
padding : 2px 0px 2px 2px;
}

.pagenavbar {
text-align : center;
vertical-align : middle;
padding : 2px;
width : 100%;
}
.pagenav {
color : #FFEECA;
font-size: 11px;
font-weight : normal;
text-decoration : none;
marging : 0;
padding : 0 2px;
border : 0;
}
a.pagenav:link, a.pagenav:visited {
color : #A86500;
background-color: transparent;
}
a.pagenav:hover {
color : #5A3600;
background : transparent;
text-decoration : underline;
}


hr {
background : transparent;
height : 1px;
border : 1px solid #DEC298;
width : 100%;
}




تصویر موقعیت بعد از تغییر:

[img width=640 height=353]http://up.iranblog.ir/4/1259456513.gif[/img]



با تشکر.

[firoozmandan]

سلام
دو لینکی که شما به عنوان آموزش اشاره کردید تنها تعریفی برای درک بهتر از CSS & HTML است ، نه آموزش ایندو

خواهش میکنم آموزش های زیر را دنبال کنید :

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

یا علی

[PIANIST]

بله درسته حق با شماست. تشکر بابت معرفی لینکها حتما مطالعه خواهم کرد.


در مورد تغییر دادن جای موقعیت right لطف می کنید بگید چکار باید کرد چون نتونستم مثل موقعیت left اونرو تغییر بدم.


با تشکر.

[mhadaily]

باید خود قالب رو هم آنلاین کنید تا دقیق بشه بگید

تا اینجا که من css بالا رو بررسی کردم به همین راحتی نیست احتمالا قالب table طراحی شده است در این صورت باید از فایل index.php این کار رو انجام بدید اگر DIV باشه احتمالا با یک float مشکل حل میشه مگر اینکه در در قالب کد نویسی شده باشه و به صورت پارامتری باشه و یا اینکه با کد نویسی تغییر موقعیت داده شود .

خلاصه اینکه تغییر موقعیت هم راحته میتونه باشه هم سخت که کاملا بستگی به قالب شما داره

[PIANIST]

[quote author=مجید link=topic=22564.msg118492#msg118492 date=1259487029]
باید خود قالب رو هم آنلاین کنید تا دقیق بشه بگید


[/quote]

یعنی منظورتون اینه که من فایلها رو روی هاست انتقال بدم تا قالب انلاین بشه یا راه دیگه ای هم هست چون هاست ریست شده و میخام هر وقت کار طراحی تموم شد به هاست انتقال بدم. :-\

[mhadaily]

ببنید وقتی قالب رو نشه بررسی کرد نمیشه جواب دقیق هم داد