آموزش ستونی کردن زیر انجمن ها

[Cancer9003]

آقا مهدي بيا مارو درياب
نوشته زير انجمنها سمت چپه چيكار كنم بياد سمت راست؟ قالبم هم محصول ماي بي بي ايرانه و از همينجا گرفتمش

[AR@KST@R]

کد زیر را در تمپلیت forumbit_subforums قرار دهید (جایگزین کنید) :

کد:

<br />{$lang->subforums}<br />{$sub_forums}

[Cancer9003]

مرسي درست شد

[MohammadRN]

آقارضا اول به این آدرس برو :
پیکربندی-->تنظیمات
Forum Home Options
Subforums to show on Index listing
در این قسمت تعداد زیرانجمنهایی که داری وارد کن البته پیشفرض 2تاست اما شما اون تعدادی که میخوای نشون داده بشه رو وارد کن مثلا واسه انجمن شما که نگاه کردم حداکثر 3 تا زیر انجمن داری!!
بعدش طبق آموزشی که دوست عزیز داده به خصوص قسمت آخرش دوباره انجام بده ان شاء الله مشکلت حل بشه

اگه شما مشکلی مثل این تصویر دارید

کافیه مراحل را انجام دهید

درود
شیوه دیگر که در لود سریع تر است:
کنترل پنل مدیریت > قالب ها و پوسته ها > قالب ها > قالب مورد نظر > Forum Bit Templates > در forumbit_depth3

کد زیر را جایگزین کد قبلی کنید:

کد php:

<div class="mysubforum1">{$statusicon} <a href="{$forum_url}" title="{$forum_viewers_text}">{$forum['name']}</a></div> 


سپس به مسیر زیر بروید:
کنترل پنل مدیریت > قالب ها و پوسته ها > پوسته ها > پوسته مورد نظر > global.css > ویرایش پیشرفته > کد زیر رو به آخر کد ها اضافه کنید:

کد php:

.mysubforum1{
    float:left;
    width:50%;
    overflow:hidden;
} 


توجه float:right به float:left تغییر دهید البته فرقی نداره نکردین هم نکردین
سپس به مسیر زیر بروید
کنترل پنل مدیریت > قالب ها و پوسته ها > قالب ها > قالب مورد نظر > Forum Bit Templates >
و در forumbit_subforums
کد زیر را جایگزین کد قبلی کنید:

کد php:

<br/>{$lang->subforums}<br /><ul class="alt_forumlar">{$sub_forums}</ul> 


برای من که درست شد این کد توی پوسته MI CB-L جواب داده

من طبق گفته شما عمل کردم ولی زیر انجمن ها تک ستونی شده. چطور می تونم دو ستونی کنمش؟
www.fishfa.gigfa.com

[jafari52]

width این قسمت رو روی 50درصد گذاشتی؟!!

.mysubforum1{
float:right;
width:50%;
overflow:hidden;
}

اگه 50 هستش و اینطوری شده بذارش 25 ببین درست میشه!!

[MohammadRN]

border: 0px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: right;
.mysubforum1{
float:right;
width:50%;
overflow:hidden;
}

الان کدش اینوجوری هست. تغییراتی که گفتید رو اعمال کردم و انجمن کلاً نابود شد. خودتون ببینید. خواهش می کنم بگید باید چیکار کنم
www.fishfa.gigfa.com

[jafari52]

border: 0px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: right;
.mysubforum1{
float:right;
width:50%;
overflow:hidden;
}

الان کدش اینوجوری هست. تغییراتی که گفتید رو اعمال کردم و انجمن کلاً نابود شد. خودتون ببینید. خواهش می کنم بگید باید چیکار کنم
www.fishfa.gigfa.com

ببخشیدشما این کدها رو کجا گذاشتین؟!!! باید بروید به قسمت ویرایش پوسته --> بخش global.css --> حالت پیشرفته و به انتهای کدها، این کد رو اضافه کنید.

mysubforum1{
float:right;
width:50%;
overflow:hidden;
}

ظاهرا شما این کدها رو در حالت ساده گذاشتین نه پیشرفته

[MohammadRN]

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

الان اینطوری هست تو پیشرفته

body {
background: #9BCFFF url(images/MIBlue/bg.gif);
color: #000;
text-align: center;
line-height: 1.4;

padding: 30px 40 40 40;
margin: auto;
font-family: Tahoma;
font-size: 12px;
}

a:link {
color: #026CB1;
text-decoration: none;
}

a:visited {
color: #026CB1;
text-decoration: none;
}

a:hover, a:active {
color: #ff6600;
text-decoration: underline;
}

#container {
background: #ffffff url(images/MIBlue/back.gif);
border: 0px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: right;
}


}


}

color: #000000;
width: 50%;
}


}


}


}


}


}


}


}


}


}


}

#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}

.menu ul {
background: #c8edfe;
width: 952px;
color: #000000;
text-align: right;
padding: 4px;
}

.menu ul a:link {
color: #5b8ebd;
text-decoration: none;
}

.menu ul a:visited {
color: #5b8ebd;
text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
color: #ff6600;
text-decoration: none;
}

#panel {
background: #DFF4FF;
color: #000000;
border: 1px solid #9FDBFF;
padding: 3px;
font-size: 11px;
margin-top: 3px;
-moz-border-radius: 7px;
}

table {
color: #000000;
font-size: 12px;
}

.tborder {
background: #ffffff;
width: 100%;
margin: auto auto;
border: 1px solid #40b5f8;
}

.thead {
background: #3daceb url(images/MIBlue/thead_bg.gif) top left repeat-x;
color: #ffffff;
}

.thead a:link {
color: #ffffff;
text-decoration: none;
}

.thead a:visited {
color: #ffffff;
text-decoration: none;
}

.thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}

.tcat {
background: #73BEF6 url(images/MIBlue/tcat_bg.gif);
color: #666;
font-size: 12px;
}

.tcat a:link {
color: #006699;
}

.tcat a:visited {
color: #006699;
}

.tcat a:hover, .tcat a:active {
color: #ff6600;
}

.trow1 {
background: #ffffff url(images/MIBlue/trow.gif);
}

.trow2 {
background: #ffffff url(images/MIBlue/trow2.gif);
}

.trow_shaded {
background: #ffdde0;
}

.trow_selected td {
background: #FFFBD9;
}

.trow_sep {
background: #e5e5e5;
color: #000;
font-size: 12px;
font-weight: bold;
}

.tfoot {
background: #9ddaff url(images/MIBlue/tfoot.gif);
color: #ffffff;
}

.tfoot a:link {
color: #ffffff;
text-decoration: none;
}

.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}

.bottommenu {
background: #F9F9F9;
color: #000000;
border: 1px solid #E1E1E1;
padding: 8px;
-moz-border-radius:7px;
}

.navigation {
color: #000000;
font-size: 12px;
font-weight: bold;
}

.navigation a:link {
text-decoration: none;
}

.navigation a:visited {
text-decoration: none;
}

.navigation a:hover, .navigation a:active {
text-decoration: none;
}

.navigation .active {
color: #000;
font-size: small;
font-weight: bold;
}

.smalltext {
font-size: 11px;
}

.largetext {
font-size: 16px;
font-weight: bold;
}

input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 1px;
}

textarea {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
font-family: Tahoma;
line-height: 1.4;
font-size: 13px;
}

select {
background: #ffffff;
border: 1px solid #0f5c8e;
}

.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}

.editor_control_bar {
background: #fff;
border: 1px solid #0f5c8e;
}

.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}

.autocomplete_selected {
background: #adcee7;
color: #000;
}

.popup_menu {
background: #ccc;
border: 1px solid #000;
}

.popup_menu .popup_item {
background: #fff;
color: #000;
}

.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}

.trow_reputation_positive {
background: #ccffcc;
}

.trow_reputation_negative {
background: #ffcccc;
}

.reputation_positive {
color: green;
}

.reputation_neutral {
color: #444;
}

.reputation_negative {
color: red;
}

.invalid_field {
border: 1px solid #f30;
color: #f30;
}

.valid_field {
border: 1px solid #0c0;
}

.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-right: 22px;
}

.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-right: 22px;
}

.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-right: 22px;
}

/* Additional CSS (Master) */
img {
border: none;
}

.clear {
clear: both;
}

.hidden {
display: none;
float: none;
width: 1%;
}

.float_left {
float: left;
}

.float_right {
float: right;
}

.menu ul {
list-style: none;
margin: 0;
}

.menu li {
display: inline;
padding-left: 5px;
}

.menu img {
padding-right: 5px;
vertical-align: top;
}

#panel .links {
margin: 0;
float: left;
}

.expcolimage {
float: left;
width: auto;
vertical-align: middle;
margin-top: 3px;
}

img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}

hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}

#copyright {
margin: 0;
padding: 10px 0 0 0;
padding-left: 10px;
padding-top: 10px;
text-align: center;
}

#debug {
float: right;
text-align: right;
margin-top: 0;
}

blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 4px;
}

blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}

blockquote cite span {
float: right;
font-weight: normal;
}

.codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}

.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}

.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
max-width: 875px;
display: block;
direction: ltr;
text-align: left;

font-family: Tahoma;
font-size: 13px;
}

.subforumicon {
border: 0;
vertical-align: middle;
}

.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}

form {
margin: 0;
padding: 0;
}

.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}

.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}

.popup_menu a.popup_item:hover {
text-decoration: none;
}

.autocomplete {
text-align: left;
}

.subject_new {
font-weight: bold;
}

.highlight {
background: #FFFFCC;
padding: 3px;
}

.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}

.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}

.high_warning {
color: #CC0000;
}

.moderate_warning {
color: #F3611B;
}

.low_warning {
color: #AE5700;
}

div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}

div.error p {
margin: 0;
color: #000;
font-weight: normal;
}

div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
margin-left: 24px;
}

.online {
color: #15A018;
}

.offline {
color: #C7C7C7;
}

.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}

.pagination .pages {
font-weight: bold;
}

.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}

.pagination a {
border: 1px solid #81A2C4;
}

.pagination .pagination_current {
background: #F5F5F5;
border: 1px solid #81A2C4;
font-weight: bold;
}

.pagination a:hover {
background: #F5F5F5;
text-decoration: none;
}

.thread_legend, .thread_legend dd {
m?rgin: 0;
padding: 0;
}

.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}

.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}

.forum_legend dd {
float: right;
margin-left: 10px;
}

.forum_legend dt {
margin-left: 10px;
float: right;
}

.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.post_body {
padding: 5px;
}

.post_content {
padding: 5px 10px;
}

.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}

.postbox {
border-left: 2px dashed #1dabcc;
border-right: 2px dashed #1dabcc;
border-top: 0px dashed #D4D4D4;
border-bottom: 0px dashed #D4D4D4;
padding: 2px;
}

.foot {
background: #ffffff url(images/MIBlue/back.gif);
width: 952px;
color: #0000;
padding: 4px;
}

.foot a:link {
color: #026CB1;
text-decoration: none;
}

.foot a:visited {
color: #026CB1;
text-decoration: none;
}

.foot a:hover, .menu ul a:active {
color: #ff6600;
text-decoration: none;
}

.mysubforum1{
float:left;
width:50%;
overflow:hidden;
}


و تو ساده هم اینطوری

border: 0px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: right;

[jafari52]

عرض قالب ربطی به این کد نداره، شما توی همون حالت پیشرفته ببین container رو پیدا کن و گزینه width رو افزایش بده

[MohammadRN]

با کنتاینر بازی کردم تغییر کرد ولی خوب نشد. کلا از تو پوسته ها اون پسوته سایت رو حذف کردم و یک بار دیگر فایل php رو آپ کردم و قالب پیش فرضش کردم و همه چی درست شد.

ممنون