کمک در طراحی قالب

[mmfallah 67]

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

چند تا مشکل دارم

مشکل اول قسمت منوهام هست که نمی دونم چرا اینجوری نوشته می شه. (توی عکس مشخصه)

http://jupload.ir/uploads/joomlaforum.ir_13548882021.png

مشکل دوم

من برای قسمت main باید چطورback ground تعریف کنم. منظورم رنگشه. جوری که با اضافه شدن مطلب بیاد پایین.

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

مشکل سوم

توی موقعیت های right , left ماژول هام را نمایش میده و ولی با اینکه نمایش عنوان: را روی بله قرار میدهم باز هم نام ماژول را نمایش نمی دهد.

با تشکر

[mdchicho 11]

سلام راستش یکم سرم شلوغه الان هم کار دارم باید برم ولی سوالاتتون رو از آخر دونه دونه جواب میدم .

مشکل سوم

توی موقعیت های right , left ماژول هام را نمایش میده و ولی با اینکه نمایش عنوان: را روی بله قرار میدهم باز هم نام ماژول را نمایش نمی دهد.

کد قرار دادن ماژول رو با استایل xhtml بگزارید اینطوری :

<jdoc:include type="modules" name="contact" style="xhtml" />

برای سوال اول و دوم هم اگر css قالب رو بگزارید بهتر میتونم کمکتون کنم.

موفق باشید.(فردا برمیگردم)

[mmfallah 67]

با تشکر

مشکل سوم حل شد.

کد css را گذاشتم لطفا بررسی کنید.

با تشکر

@charset "utf-8";

@import url(reset.css);
@import url(joomla.css);


body {

font-family:Tahoma, Geneva, sans-serif;
line-height:20px;
font-size:12px;
	background-color: #74ae03;
	width:999px;
	margin:0 auto;
	text-align:right;


}
h1, h2, h3, h4 {
       font-weight                     : normal;
       line-height                     : 1.2em;
       color                           : #000;
       margin                          : 0 0 1em;
}

h1 {
       font-size                       : 28px;
}
h2 {
       font-size                       : 24px;
}
h3 {
       font-size                       : 20px;
}
h4 {
       font-size                       : 16px;
}

p {
       margin                          : 0 0 1em;
       line-height                     : 1.35em;
}
#daryaweb {
width:999px;
}

#head{
width: 999px;
height:344px;

background-image:url(../images/header.png);
background-repeat:no-repeat;
background-position:center;


}
#head1{
width:600px;
height:55px;
background-image:url(../images/fff.png);
background-repeat:no-repeat;
background-position:center;
top:40px;
left:23px;
position:relative;
}
#flash{

width:300px;
height:27px;
position:relative;

top:15px;
left:5px;
margin-right:20px;
position:relative;

}
#login{
width:250px;
height:40px;

top:3px;
left:325px;
position:absolute;

}
#menu{
background-image:url(../images/menu.png);
background-repeat:no-repeat;
background-position:center;	
position:relative;
top:35px;
left:480px;
width:284px;
height:30px;
}
#head1b{
background-image:url(../images/headb.png);
background-repeat:no-repeat;
background-position:center;	
position:relative;
top:10px;
left:20px;
width:462px;
height:14px;
}

#search1{

background-image:url(../images/searchh.png);
background-position:center;
background-repeat:no-repeat;
position:relative;
left:20px;
bottom:150px;
width:222px;
height:38px;		

}
#search{
width:175px;
height:25px;
position:absolute;
top:8px;
left:7px;
text-align:right;
direction:rtl;
}


div.search > input#mod_search_searchword.inputbox{
color:#0F0;
}

#slide{
width:599;
height:188px;
position:relative;
background-image:url(../images/slideshow.png);
background-repeat:no-repeat;
background-position:right;
top:18px;
right:240px;

}
#slideshow{
width:430px;

height:170px;
position:relative;
top:10px;
left:550px;

}
#main{
width:970px;
background-color:#CCC;
background-repeat:repeat-x;
background-position:center;



width:999px;

}


#footer{
background-image:url(../images/footer.png);
background-repeat:no-repeat;
background-position:center;
width:999px;
height:276px;
clear:both;
}
#left{

width:215px;
background-color:#cfcfcf;
border-radius:10px;
margin-left:20px;

float:left;

}
#left1{

width:215px;
background-color:#cfcfcf;
border-radius:10px;
margin-left:20px;
	float:left;

}
#bread{
width:507px;
height:32px;
background-image:url(../images/bread1.png);
background-position:center;
   background-repeat:no-repeat;
float:left;
position:relative;
	margin-left:25px;
}
#bread1{
width:500px;
height:30px;
position:relative;
right:30px;
top:4px;
}
#content{

width:506px;
float:left;
background-color:#dedede;
margin-left:25px;

}


#right{
width:215px;
background-color:#cfcfcf;
border-radius:10px;
margin-right:10px;
float:right;
padding-top:5px;
top:-32px;
position:relative;


}


table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.contentheading{

background-image:url(../images/contanthead.png);
background-position:center;
background-repeat:no-repeat;

}
#left  p{
 margin-right:15px;

}

#bottom{
 background-image:url(../images/botom1.png);
 background-position:center;
 background-repeat:no-repeat;
 float:right;
 position:
 relative;
width:514px;
height:214px;
right:230px;



}
#bottom1{
 width:470px;
height:130px;
position:relative;
top:30px;
left:20px;
 }





html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.buttonheading > a > img{
	right:50px;
	float:left;

}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.buttonheading{
	float:right;
}
div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td > div.art-postcontent > div.art-article > p{
 padding-right:10px;
 padding-left:10px;

}

html > body > div#daryaweb > div#head > div#menu > table > tbody > tr > td > a.mainlevel{
 margin-right:25px;
 padding-top:5px;

}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td > p{

 direction:rtl;
 margin-right:10px;
 margin-left:10px;
}

#left ul{
margin-right:15px;

}

#right ul{
margin-right:15px;

}
html > body > div#daryaweb > div#head > div#menu > table > tbody > tr > td > a.mainlevel{margin-right:13px;}

#menu ul{
margin-right:15px;

}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.contentheading{
text-align:right;
}
.contentpaneopen p{
 text-align:right;
}
.contentpaneopen > tbody > tr > td{
 text-align:right;
}
div#main > div#right > form > table.poll > thead > tr > td{
 text-align:right;
 padding-right:10px;
}
div#content > table.contentpaneopen > tbody > tr > td.contentheading{
 background-image:url(../images/contanthead.png);
background-position:center;
background-repeat:no-repeat;}

div#daryaweb > div#main > div#content > form#poll > div.componentheading{
 margin-top:15px;
 margin-right:15px;
}
div#daryaweb > div#main > div#content > form#poll > div.contentpane > table.pollstableborder > tbody > tr.sectiontableentry1 > td{
text-align:right;
	margin-right:10px;
	margin-left:10px;

}
div#daryaweb > div#main > div#content > form#poll > div.contentpane > table.pollstableborder > tbody > tr.sectiontableentry0 > td{
text-align:right;
	margin-right:10px;
	margin-left:10px;

}
html > body > div#daryaweb > div#main > div#content > form#poll > div.contentpane > table > tbody > tr > td.smalldark{

text-align:right;
	margin-right:10px;
	margin-left:10px;

}
html > body > div#daryaweb > div#main > div#content > form#poll > div.contentpane{

text-align:right;
direction:rtl;
margin-right:10px;
		margin-left:10px;
		margin-bottom:10px;

}
html > body > div#daryaweb > div#main > div#content > form#poll > div.contentpane > table.pollstableborder > thead > tr > th.sectiontableheader{
text-align:right;
}

html > body > div#daryaweb > div#main > div#content > table.contentpaneopen > tbody > tr > td{

direction:rtl;
}
#footer1{
position:relative;
top:210px;
	text-align:center;

}
#footer2{
position:relative;
top:210px;
text-align:center;
}
div#left > div#left1 > ul.menu > li > a {
background-color:#FFF;
width:200px;
height:15px;

}

html > body > div#daryaweb > div#main > div#content > table.contentpaneopen > tbody > tr > td > p{
margin-right:10px;
margin-left:10px;
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > ul > li{

direction:rtl;
text-align:right;

}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > ul > li > span.small{
float:left;
margin-left:15px;

}
html > body > div#daryaweb > div#main > div#content > div.componentheading{
margin-right:15px;
}
form > table.poll > tbody > tr > td > table.pollstableborder > tbody > tr > td{text-align:right;
}
form > table.poll > tbody > tr > td > table.pollstableborder > tbody > tr > td.sectiontableentry1{
 direction:ltr;

}
a.readon:link, a.readon:visited, a.readon:active,
.pagenavbar a:link, .pagenavbar a:visited, .pagenavbar a:active{
display: block;
width:14%; height:20px;
font-size: 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0em;
padding: 0px 10px;
margin-top: 20px;
background-color: #323232; line-height:14px;
margin-left:5px;
direction:rtl;
}

a.readon:hover, .pagenavbar a:hover{
color: #191919;
text-decoration: none;
background-color:#7ECB3D;
}
div.blog_more{
text-align:right;
direction:rtl;
background-color:#9F0;
padding-right:15px;
}

}
table.blog{
text-align:right;
direction:rtl;
background-color:#FF0;

}
table.blog > tbody > tr > td > span.pagenav{
text-align:right;
direction:rtl;
background-color:#9F0;
padding-right:15px;
}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > a.pagenav{
	text-align:right;
direction:rtl;
background-color:#9F0;
padding-right:15px;}
form > table > tbody > tr.sectiontableentry2  > td{
text-align:right;

}
table.contentpane > tbody > tr > td > form > table > tbody > tr.sectiontableentry1 > td{
 	text-align:right;

}
table.contentpane > tbody > tr > td > form > table > tbody > tr > td.sectiontableheader{
text-align:center;
}
table.contentpane > tbody > tr > td.contentdescription{
text-align:right;
direction:rtl;
}



html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > form {
text-align:right;
direction:rtl
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > form > table > tbody > tr.sectiontableentry1 > td{
background-color:#3F9;
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > form > table > tbody > tr.sectiontableentry2 > td{
background-color:#3FF;

}
html > body > div#daryaweb > div#main > div#content > ul > li{
direction:rtl;
}
html > body > div#daryaweb > div#main > div#content > form#searchForm{
text-align:right;
direction:rtl;
padding-right:15px;

}
html > body > div#daryaweb > div#main > div#content > form#searchForm > table.searchintro > tbody > tr > td{

text-align:right;

}
html > body > div#daryaweb > div#main > div#content > table.contentpaneopen > tbody > tr > td > fieldset > div{
padding-right:15px;
padding-left:15px;
padding-bottom:15px;
}

html > body > div#daryaweb > div#main > div#content > form#josForm.form-validate{
	text-align:center;
	direction:rtl;
}

div.moduletable > h3{
background-image:url(../images/h3.png);
background-position:center;
background-repeat:no-repeat;
width:200px;
text-align:center;
height:55px;
color:#FFF;
padding-top:10px;
}

 

کد index.php

<div id="daryaweb">
<div id="head">
<div id="head1">
<div id="flash"><jdoc:include type="modules" name="flashnews" style="xhtml" /></div>
<div id="login"><jdoc:include type="modules" name="login" style="xhtml" /></div>
</div><!--end of head1-->
<div id="menu"><jdoc:include type="modules" name="menu" style="xhtml" /></div>
<div id="head1b"></div>
<div id="slide"><div id="slideshow"><jdoc:include type="modules" name="slideshow" style="xhtml" /></div></div>
<div id="ss">
<div id="search1"><div id="search"><jdoc:include type="modules" name="search" style="xhtml" /></div></div>
</div>



</div><!--end of head-->

<div id="main">
<div id="left"><div id="left1"><jdoc:include type="modules" name="left" style="xhtml" /></div></div>
<div id="bread"><div id="bread1"><jdoc:include type="modules" name="breadcrumb" style="xhtml" /></div></div>
<div id="content"><jdoc:include type="component" />  </div>

<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>


<div id="bottom"><div id="bottom1"><jdoc:include type="modules" name="bottom" style="xhtml" /></div></div>




</div><!--end of main-->




<div id="footer"><div id="footer1">طراح گرافیک:  عابدینی</div>
<div id="footer2">کدنویسی: دریا وب دیزاین</div>
</div>

 

[mdchicho 11]

سلام

سوال دوم :

#main{
width:970px;
background-color:#CCC;
background-repeat:repeat-x;
background-position:center;



width:999px;

}

خوب در این دایو فقط کد زیر رو بنویس(البته خوب منظورتون رو متوجه نشدم چون دیدم با اظافه شدن مطلب داره رنگ میاد پایین .توی عکسی که گذاشتید.)

#main{
width:970px;
background-color:#CCC;	
}

[mdchicho 11]

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

فعلا این به ذهنم میرسه البته اگر قالب رو بگذارید شاید بشه درستش کنم.

موفق باشید