how to make forum like this?

Go down

Solved how to make forum like this?

Post by akoe.akbar on Sat Jan 14, 2012 3:15 am

hello, please help me,
how to make forum like this?

my forum is PunBB www.tarsiusforum.forumid.net
thanks Very Happy


Last edited by akoe.akbar on Fri Jan 20, 2012 3:38 am; edited 1 time in total

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by Guest on Sat Jan 14, 2012 3:18 am

Can you provide your forum url? Wink

Guest
Guest


Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on Sat Jan 14, 2012 3:20 am

Gassy wrote:Can you provide your forum url? Wink
sure Very Happy
www.tarsiusforum.forumid.net

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by Guest on Sat Jan 14, 2012 3:50 am

Try to add this to your CSS Stylesheet:
Code:
td.tc2 span, td.tc3 span{
padding: 17px 17px 17px 17px !important;
background: #0088FF !important;
border: 1px solid #22AAFF !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
Replace #0088FF by a background color code and #22AAFF by border color. Wink
Then replace from index_box template this:
Code:
<td class="tc2">{catrow.forumrow.TOPICS}</td>
                                          <td class="tc3">{catrow.forumrow.POSTS}</td>
to this:
Code:
<td class="tc2"><span>{catrow.forumrow.TOPICS}</span></td>
                                          <td class="tc3"><span>{catrow.forumrow.POSTS}</span></td>
Save and publish. Wink

Guest
Guest


Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on Sat Jan 14, 2012 4:06 am

i don't find the code

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by Guest on Sat Jan 14, 2012 4:51 am

Can you provide me an test account? Smile

Guest
Guest


Back to top Go down

Solved Re: how to make forum like this?

Post by Guest on Sat Jan 14, 2012 6:37 am

Where certain you want to add that CSS effect from that image? I see you have another categories and forums structure. Can you please make a screenshot and to show in screenshot where you want to add that effect?

Guest
Guest


Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on Sat Jan 14, 2012 6:42 am

Gassy wrote:Where certain you want to add that CSS effect from that image? I see you have another categories and forums structure. Can you please make a screenshot and to show in screenshot where you want to add that effect?

i don't understand

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on Fri Jan 20, 2012 3:38 am

bump

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on Sat Jan 21, 2012 5:21 pm

bump

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by boswell3782 on Mon Jan 23, 2012 11:23 am

is this possible in phpbb2 looks very nice

boswell3782
Forumember

Male Posts : 58
Reputation : 0
Language : English
Location : England

Back to top Go down

Solved Re: how to make forum like this?

Post by Nera. on Mon Jan 23, 2012 2:50 pm

@akoe.akbar wrote:bump

Please change the topic title to something related to your problem.

Take Matt's index_box template
https://help.forumotion.com/t100732-punbb-nice-blue
and paste it in yours and than add this CSS:

Code:
.for_topics {
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat scroll left top transparent;
    color: #0E2C3E;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    line-height: normal;
    margin-left: 13px;
    padding-top: 3px;
    text-align: center;
    width: 74px;
}
.for_topics span {
    color: #105289;
    display: block;
    font-size: 10px;
}
.for_posts {
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat scroll left top transparent;
    color: #0E2C3E;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    line-height: normal;
    margin-left: 13px;
    padding-top: 3px;
    text-align: center;
    width: 74px;
}
.for_posts span {
    color: #105289;
    display: block;
    font-size: 10px;
}

@boswell3782 wrote:is this possible in phpbb2 looks very nice

Please open your own topic.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on Thu Jan 26, 2012 6:13 am

thanks Very Happy
its solved now Very Happy

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Solved Re: how to make forum like this?

Post by Shadow on Thu Jan 26, 2012 7:22 am

Topic Solved & Locked
avatar
Shadow
Administrator
Administrator

Male Posts : 15965
Reputation : 1729
Language : French, English

https://help.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum