نمایش مطالب و مدل ها دربلاک

[topoloo]

سلام
آیا راهی برای نمایش مدل های سمت چپ و راست در بلاک جداگانه هست؟
مثلا هر قسمت رو بشه در یک بلاک جدا نمایش داد
و همچنین قسمت پست ها
لطفا راهنمایی کنید.

[radmehr]

بله امکانش هست .. شما کاری که میخواین بکنید رو با تصویر نشون بدید تا بهتر بشه راهنمایی کرد.

[topoloo]

[quote author=رادمهر link=topic=4891.msg30071#msg30071 date=1172314312]
بله امکانش هست .. شما کاری که میخواین بکنید رو با تصویر نشون بدید تا بهتر بشه راهنمایی کرد.
[/quote]


سلام


همونطوری که می بینید همه قسمتها به جای اینکه هرکدوم به صورت جدا دربلاک مخصوص به خود قرار بگیرند همه توی یک بلاک قرار گرفتند :'(
مثلا من میخوام حاضرین درسایت رو در بلاکی جدا نشون بدم و همچنین ورود و خروج
لطفا راهنمایی کنید .

برای فونت هم آموزش رو خوندم اما بازم فونت ها H3 موندن
برای اینم بگید لطفا.

[abtin]

خوب این مشکل از css هستش .. شما برای اینکه راه بیافتی css قالب md_macphoria رو نگاه کن ( سرچ کن ) تو این قالب همه قسمتها به صورت جدا دربلاک مخصوص به خود قرار دارن..

برای فونت هم آموزش رو خوندم اما بازم فونت ها H3 موندن

بیشتر توضیح بدین این مشکلتون رو

[topoloo]

[quote author=آبتين link=topic=4891.msg30073#msg30073 date=1172317170]
خوب این مشکل از css هستش .. شما برای اینکه راه بیافتی css قالب md_macphoria رو نگاه کن ( سرچ کن ) تو این قالب همه قسمتها به صورت جدا دربلاک مخصوص به خود قرار دارن..

برای فونت هم آموزش رو خوندم اما بازم فونت ها H3 موندن

بیشتر توضیح بدین این مشکلتون رو
[/quote]
میشه این قالبی که گفتید رو بگید از کجا میتونم پیدا کنم
اگه لطف کنید توضیح روهم یه کم بیشتر کنید ممنون میشم.


در مورد بزرگ بودن فونت هم اون دو تا تاپیک که گفته بودند دوستان باید در فایل css باید h3 به h1 تبدیل بشه اصلا پیداش نکردم

/* ---------------------
basic layout
--------------------- */

* {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.waterbody {
background:#CCCCCC url(../images/bg_body.jpg) repeat-x left top;
margin:0;
color:#333333;
}

div,
td,
p {
font-size:8pt;
line-height:18px;
color:#333333;
}

a,
a:link,
a:active,
a:visited {
text-decoration:underline;
color:#000000;
padding-right: 4px;
}

a:hover {
text-decoration:underline;
color:#3973AC;
padding-right: 5px;
}

ul {
margin: 5px;
padding: 5px;
list-style: none;
}

li {
line-height: 18px;
padding-left: 4px;
padding-top: 0px;
padding-right: 5px;
list-style-type: square;
list-style-position: inside;
}

/** clear the banner to make it sit in the bottom **/
.clear {
clear:both;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
width:900px;
margin: 55px auto;
padding:0;
text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
position:relative;
width: 900px;
background:transparent url(../images/bg_inside.jpg) repeat-y left top;
float:left;
top:0;
left:0;
}

#outerleft {
position:relative;
float:right;
clear:right;
width:730px;

}

#outerright {
position:relative;
width:170px;
float:left;
clear:left;
}

#logo {
position:relative;
width:100%;
height:74px;
float:left;
background:#FFFFFF url(../images/bg_header.jpg) no-repeat right top;
}

/** div container for top menu. position:top **/
#topmenu {
position:relative;
float:left;
clear:left;
direction: rtl;
background-color:#000000;
width: 100%;
}

/** div container for image header **/
#imgheader {
position:relative;
float:left;
clear:left;
width:100%;
height:99px;
background-color: #000000;
}

#container_inner {
position:relative;
float:left;
clear:left;
width:730px;
}

/** div container for left column **/
#leftcol {
position:relative;
float:right;
clear:right;
width:172px;
direction: rtl;
background:transparent url(../images/bg_leftcol.jpg) repeat-y right top;
}

/** div wrapper for user2 & user3 **/
#content_top_wrapper {
position:relative;
float:center;
clear:center;
width:540px;
display:inline;
margin: 8px 2px 2px 10px;
direction: rtl;
}

/** div container for position:user2 **/
#content_top1 {
position:relative;
float:right;
clear:left;
width:268px;
}

/** div container for position:user3 **/
#content_top2 {
position:relative;
float:left;
clear:left;
width:268px;
}

/** div container for mainbody **/
#content_main {
position:relative;
float:left;
width:535px;
margin: 6px 0px 0 7px;
background-color:#FFFFFF;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
float:right;
clear:right;
width:168px;
direction: rtl;
margin:0 1px 0 0px;
display:inline;
}

/** div container for right column position:header **/
#rightcol_top {
height:70px;
min-height:70px;
background:transparent url(../images/bg_topright.jpg) no-repeat center top;
}

/** div container for banner position:banner **/
#banner {
position:relative;
clear:left;
float:left;
width:515px;
height:65px;
min-height:65px;
color:#FFFFFF;
font-size:8pt;
padding: 20px 0 0 215px;
}

#blackline {
position:relative;
clear:left;
float:left;
width:730px;
height:15px;
min-height:10px;
background-color: #000000;
color:#FFFFFF;
font-size:8pt;
}

/** copyright **/

#copyright {
position:relative;
width:900px;
display:block;
clear:both;
float:left;
}

#copyright div {
color:#666666;
font-size:8pt;
font-weight:bold;
display:block!important;
width:900px;
float:left;
clear:left;
margin:-5px 0 0 0;
text-align:left;
}



/* ---------------------
mambo content layout
--------------------- */

/** pathway block **/
span.pathway {
display:block;
text-align:right;
direction: rtl;
color:#000000;
font-size:8pt;
font-weight:bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E5E5E5;
height:20px;
margin-bottom:10px;
}

/** content title **/
.componentheading {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-size: 8pt;
padding: 5px 0 0px 0;
display:block;
text-align: right;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#3973AC;
font-weight: bold;
padding-top: 25px;
background-color:inherit;
display:block;
text-align: right;
}

.buttonheading {
width: 16px;
text-align:right;
}

.sectiontableheader {
font-weight: bold;
}

.category, .categorytitle {
font-weight: bold;
color:#3973AC;
background-color:inherit;
}

.sectiontableentry1 {
background-color: #EFEFEF;
padding: 2px;
color:#333333;
}

.sectiontableentry2 {
background-color: #FFFFFF;
padding: 2px;
color:#333333;
}

/** blog Styles **/
.blogsection {
color:#3973AC;
background-color:inherit;
}

.blog_more {
font-weight: bold;
line-height: 25px;
padding-top: 20px;
color: #3973AC;
border-bottom: 1px solid #E5E5E5;
background-color:inherit;
}

/** small text in content **/
.small {
color:#999999;
font-size:8pt;
font-weight: bold;
background-color:inherit;
}

/** date info in content **/
#content_main .createdate {
color:#4A87C4;
font-size:8pt;
padding: 0 0 15px 0;
line-height:8px;
background-color:inherit;
}

#content_main .modifydate {
color:#999999;
font-size:8pt;
padding: 0;
background-color:inherit;
}

/** toc page navigation **/
.pagenav_prev,
.pagenav_next {
font-size:11px;
font-family: Tahoma, Arial, Helvetica, sans-serif;

}


/** content item navigation **/
.pagenavbar {
display:block;
font-family: Tahoma, Arial, Helvetica, sans-serif;
width:100%;
background-color:inherit;
height:20px;
line-height:25px;
text-align:right;
letter-spacing:1px;
color:#999999!important;
clear:both;
font-size: 11px!important;
margin-top: 10px;
}

.pagenav {
height:20px;
line-height:25px;
text-align:right;
color:#999999;
clear:both;
font-size: 11px;
margin-left: 0;
margin-right: 0;
background-color:inherit;
}

.back_button {
display:block;
text-align:right;
font-weight:bold;
font-size:10px;
width:100%;
margin-bottom:10px;
direction: rtl;
}

/** highlight word search result **/
.highlight {
font-weight:bold;
background-color: #FFFF00;
padding: 2px 0 2px 0;

}

/** table of content layout **/
table.contenttoc {
border:1px solid #000000;
padding:1px;
display:block;
width:130px;
margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
color:#FFFFFF;
background-color:#666666;
font-size:11px;
display:block;
width:124px;
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
line-height: 18px;
font-size:11px;
font-weight:bold;
list-style-type: none;
list-style-position: outside;
}


/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
width:100%!important;
}


/* ---------------------
Links
--------------------- */

/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited {
color:#FFFFFF;
}

a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
text-decoration:none;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
color:#666666;
font-weight:bold;
text-align:left;
margin-top:10px;
font-size:10px;
text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
color:#3973AC;
text-decoration:none;
}

/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
color:#FFFFFF;
text-decoration:none;
font-size:11px;
line-height: 28px;
padding-right: 5px;
direction:rtl;
text-align:right;
font-family:tahoma;
}

/** generic menu item link on mouseover **/
a.mainlevel:hover,
#leftcol a.mainlevel:hover {
background-color:#484848;
color:#FFFFFF!important;
text-decoration:none!important;
padding-right: 5px;
}

/** specific top right column menu item link **/
a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
color:#000000;
text-decoration:none;
font-size:11px;
padding-right: 5px;
direction:rtl;
text-align:right;
font-family:tahoma;
}

/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover {
background-color:#CCCCCC;
text-decoration:none;
padding-right: 5px;
}


/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
color:#999999;
text-decoration:none;
direction:rtl;

}

/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
color:#3973AC;
font-size:11px;
padding:2px 10px 2px 10px;
display:block;
text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited {
letter-spacing:2px;
color:#000000;
font-size: 11px;
text-decoration: none;
}

.pagenavbar a:hover {
color:#3973AC;
}

/** latestnews and popular **/
.latestnews,
.mostread {
color:#000000;
}

a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
color:#000000;
text-decoration:underline;
}

/** underline on hover **/
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel:hover,
a.sublevel-right:hover,
a.blogsection:hover,
a.readon:hover,
a.pagenav:hover ,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.latestnews:hover {
text-decoration:underline;
color:#3973AC;
background-color:inherit;
}

#leftcol a:hover {
color: #93B7DB;
text-decoration:underline;
}


/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
width:100%;
float:right;
clear:right;
padding-right:5px;
}

/** general module table **/
#rightcol table,
#leftcol table td {
font-size:11px !important;
color:#CCCCCC;
}

#rightcol table,
#rightcol table td {
font-size:11px !important;
color:#030303;
}

/** general module title **/
table.moduletable th,
table.moduletable-bgimg th,
table.moduletable-right th {
border: 1px solid #000000;
color:#FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
background-color:#484848;
height:25px;
text-align:right;
padding-right: 5px;
font-weight:normal;
}

/** specific module td table for content top 1 and 2.
position:user2 an user3 **/
#content_top1 table.moduletable td,
#content_top2 table.moduletable td {
background:transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;
height:100px;
min-height:100px;
vertical-align:top;
}

/** right column module td **/
#rightcol table.moduletable td {
padding:5px;
}

/** generic menu item **/
.mainlevel {
display:block;
height:25px;
line-height:25px;
padding-left:15px;
padding-right: 5px;
background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
font-weight:bold;
text-decoration:none;
}

/** specific left column form **/
#leftcol form {
margin-left:15px;
}

/** specific left column form **/
#leftcol .button {
font-size:11px;
color:#FFFFFF;
background-color:#585858;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
width:140px;
margin-right: 7px;
}


/** specific left column form **/
#leftcol .inputbox {
font-size:11px;
font-weight: bold;
margin-right: 7px;
}

/** module styles in #leftcol **/
#leftcol table.moduletable td {
color:#DADADA;
font-size:11px;
}

/** search div in top right column. position:user4 **/
div.search {
margin-left:10px;
}

/** search field in search div **/
.search .inputbox {
width:150px;
border: 1px solid #000000;
font-size: 10px;
font-weight: bold;
}

/* ---------------------
mambo form layout
--------------------- */

/** left column input form **/
#leftcol .inputbox {
font-size:11px;
/*border: 1px solid #000000;*/
margin-bottom:2px;
}

/** input button html tag **/
.button,
#rightcol .button {
font-size:11px;
text-transform:uppercase;
color:#666666;
font-weight:bold;
background-color:#CCCCCC;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #FFFFFF;
margin-right: 7px;
}

#rightcol .button {
background-color:#E5E5E5;
}

.search {
margin-top:30px;
}



/*
mambo top menu layout
you need to add menu class suffix: -nav
*/

/** unordered list top menu **/
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
display: block;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
width: auto !important;
font-size: 11px;
line-height: 23px;
white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
background: #535353;
text-decoration:none;
}


/*
specific right column menu item. position:right
you need to add menu class suffix: right
*/
.mainlevel-right {
display:block;
height:25px;
line-height:25px;
padding-left:15px;
background:#EEF0F0 url(../images/bg_mainlevel_right.gif) repeat-x center top;
font-weight:bold;
}

/**
moduletable specific with background image
you need to add modules class suffix: -bgimg
**/
table.moduletable-bgimg {
background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
float:left;
clear:left;
width:100%;
}

table.moduletable-bgimg td {
padding: 5px ;
font-size:11px;
}

table.moduletable-bgimg td td {
padding: 0!important;
}

/** for polls **/
.poll {
font-size:11px;
line-height: 12px;
direction: rtl;
}

table.pollstableborder .sectiontableentry2 {
background-color:transparent;
text-align:right;
}
table.pollstableborder .sectiontableentry1 {
background-color:#F5F5F5;
text-align:right;
}

.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
background-color:transparent!important;
text-align:left!important;
}


#bottompadding {
position:relative;
width:900px;
display:block;
height:0px;
margin-top:-100px;
}

اینم کد css

[abtin]

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

سرچ میکردین پیدا میشد .. آموزش ساخت قالب در سایت رو بخونین .. یکم به css آشنا باشین کار دستتون میاد.

برای اون فونت ها هم تگ table.moduletable th رو در css ویرایش کنین .