MyBB Community Forums

Hi everyone Smile

Please take a look at my photo in attachment:
I want to change my last post column to be like that
I got the photo from http://vuisong.org/diendan/
The box of which border is dash is where it shows the amount of Threads & Posts (Threads in the left, ports in the right) ~
and that was in Vietnamese! I'd love to have this column in my forums in English Big Grin

_____editing______
It also shows the last post, when was the last post and by whom. And if possible, please make the username displays as their setting in group (color,icon,..)

Can someone please show me how to do this??
Thanks!

Go to: ACP > Templates > Forumbit Templates > forumbit_depth2_forum > and find;

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}

add the following code just after that;

<br/>
<div class="indextp">{$lang->forumbit_threads}:
{$threads}{$unapproved['unapproved_threads']}&nbsp;&nbsp;|&nbsp;&nbsp;{$lang->forumbit_posts}:
{$posts}{$unapproved['unapproved_posts']}

Now find and remove the following;

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

Save the template.

Now go to: ACP > Templates > Forumbit Templates > forumbit_depth1_cat > and find the following and remove;

<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>

Save template.

Now go to: ACP > Themes > Your Theme > global.css > Open in Advanced Mode > and add the following code at the bottom of all code there;

.indextp {
	background: #EBEBEB;
	border: 1px solid #F8A613;
	padding: 3px;
	text-align: center;
	font-size: 9px;
}

Save stylesheet.

Now should result into this;

Thanks! it works for me!
But still greedy to do some decoration.
I want the Threads and Posts are to have Bgcolor ang border like this . What should i change?
ok the image is not HQ so u can visit http://jen_vuongyen.freevnn.com/forums/index.php to see Smile

And there is problem with the sub forums

Why don't you read the whole post ? Undecided

(2010-12-28, 04:23 PM)Yaldaram Wrote: [ -> ]Now go to: ACP > Templates > Forumbit Templates > forumbit_depth1_cat > and find the following and remove;
<td class="tcat" width="85" align="center" style="white-space: nowrap">{$lang->forumbit_threads}</td>
<td class="tcat" width="85" align="center" style="white-space: nowrap">{$lang->forumbit_posts}</td>
Save template.

For colors, you can adjust them yourself. Don't be lazy please.

I really think I already đi that ~ well in fact my template was kind of different from yours. So I just figured it out according to the {$lang->forumbit_threads} and {$lang->forumbit_posts} (I removed the 2 codes that contained those)

Now my forumbit_depth1_cat is like

<div class="cat_cen"></div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat">
<td class="tcat" width="50%"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="40%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

</td>

</tr>
{$sub_forums}
</tbody>
</table>

~> So please tell me whats wrong with it?

I'll do the color myself! Yep i shouldnt be lazy :"> but any hints for the dash (i mean the border)

Thanks for ur help !

Code is fine, just needs to "save" the template.

And for colors, replace;

.indextp {
    background: #EBEBEB;
    border: 1px solid #F8A613;
    padding: 3px;
    text-align: center;
    font-size: 9px;
}

with this;

.indextp {
	background: #EBEBEB;
	border: 1px solid #F8A613;
        border-style: dashed;
	padding: 3px;
	text-align: center;
	font-size: 9px;
}

I'm sorry it didnt work properly T_T Could you please help me one more time?
I'll let you see my template, they r like:
Forumbit_post1_cat

<div class="cat_cen"></div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat"></td>

</tr>
{$sub_forums}
</tbody>
</table>

~> I wonder if I have to edit the forumbit_depth1_cat_subforum?

Forumbit_depth2_forum

<tr>
<td class="{$bgcolor}" align="center" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}
<br/>

<div class="indextp">{$lang->forumbit_threads}:

{$threads}{$unapproved['unapproved_threads']}&nbsp;&nbsp;|&nbsp;&nbsp;{$lang->forumbit_posts}:

{$posts}{$unapproved['unapproved_posts']}
</tr>

And the Global.css if neccessary

Quote:body
{
background: orange url(styles/rainbow/rbbg.gif);
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

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

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

a:hover, a:active {
color: #ff8c00;
text-decoration: none;
}

#container {
background: #fff;
color: #000000;
padding: 0px 20px 10px 20px;
text-align: left; /* IE 5 fix */
}

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

.menu ul {
color: #000000;
font-weight: bold;
text-align: right;
padding: 4px;
}

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

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

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

table {
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

.tborder {
background: #f1f1f1;
width: 100%;
color: #000000;
}

.thead {
background: #82ba00 url(styles/rainbow/thead_bg.gif) top repeat-x;
color: #ffffff;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

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

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

.thead a:hover, .thead a:active {
color: #FFFF66;
text-decoration: none;
}

.tcat {
background: #fed227 url(styles/rainbow/tcat_bg.jpg) repeat-x top;
color: #000000;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 4px;
}

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

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

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

.trow1 {
background: #ffffff;
}

.trow2 {
background: #ffffff;
}

.trow_shaded {
background: #ffdde0;
}

.trow_selected td {
background: #FFFBD9;
}

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

.tfoot {
background: #ffe69e url(styles/rainbow/foot_bg.gif) top left repeat-x;
color: #cc0000;
}

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

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

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

.bottommenu {
background: #fffaec;
color: #000000;
border: 1px dashed orange;
padding: 6px;
}

.navigation {
color: #000000;
font-size: 13px;
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: #000000;
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: Verdana, Arial, Sans-Serif;
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-left: 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-left: 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-left: 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;
}

.expcolimage {
float: right;
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;
}

#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;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
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 {
margin: 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: left;
margin-right: 10px;
}

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

.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;
}

.menu_control
{
background: #82ba00 url(styles/rainbow/thead_bg.gif) repeat-x top left;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.menu_control a:link, .menu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}
.menu_control a:visited, .menu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.menu_control a:hover, .menu_control a:active, .menu_control_ahover
{
color: #FFFF00;
text-decoration: underline;
}

.box1
{
background: #fffaec;
border: 1px dashed orange;
padding: 6px;
}

.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.foot_l
{
background: url(styles/rainbow/foot_l.gif) no-repeat top left;
height: 11px;
}
.foot_r
{
background: url(styles/rainbow/foot_r.gif) no-repeat top right;
height: 11px;
}
.foot_c
{
background: url(styles/rainbow/foot_c.gif) repeat-x top;
height: 11px;
}

.cat_cen
{
background: url(styles/rainbow/cat_cen.gif) no-repeat center;
width: 730px;
height: 50px;
}
.cat_foot
{
background: url(styles/rainbow/cat_foot.gif) no-repeat center;
width: 730px;
height: 27px;
}
.cat_top
{
background: url(styles/rainbow/cat_top.gif) no-repeat center;
width: 730px;
height: 21px;
}
.cat_bg
{
background: url(styles/rainbow/cat_bg.gif) repeat-y center;
width: 730px;
}

.foot_rb
{
background: url(styles/rainbow/foot_rb.gif) no-repeat center bottom;
}

.indextp {

    background: #EBEBEB url(images/daruslam/tcat_bg.gif);

    border: 1px solid #F8A613;

        border-style: dashed;

    padding: 3px;

    text-align: center;

    font-size: 9px;

}

and My site here
______
P/S. could u please look at my attached photo??
And sorry, I forgot to say Thank You!
Thanks so much!

Both Templates are fine, just in global.css file, there is an error of too many  

.indextp {

&nbsp;&nbsp;&nbsp;&nbsp;background: #EBEBEB url;

&nbsp;&nbsp;&nbsp;&nbsp;border: 1px solid #F8A613;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-style: dashed;

&nbsp;&nbsp;&nbsp;&nbsp;padding: 3px;

&nbsp;&nbsp;&nbsp;&nbsp;text-align: center;

&nbsp;&nbsp;&nbsp;&nbsp;font-size: 9px;

}

This should be like this;

Quote:.indextp {
background: #EBEBEB;
border: 1px solid #F8A613;
border-style: dashed;
padding: 3px;
text-align: center;
font-size: 9px;
}

I'm sorry~ if the problem is with the Global.css, so I have no clue because I've edited it as you told me too ~~ and ALL the problems are still here with me ~
I wonder if you have time to visit my site? I'll provide Admin ID and Password

Usually I don't ask any one to give me admin id or password because might someone claims to be something goes wrong.

Ask any support team member here to help you for such. I'm sorry but..

Jen_Vuongyen

Yaldaram

Jen_Vuongyen

Yaldaram

Jen_Vuongyen

Yaldaram

Jen_Vuongyen

Yaldaram

Jen_Vuongyen

Yaldaram