The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

how to make forum like this?

Go down

Solved how to make forum like this?

Post by akoe.akbar on January 14th 2012, 10: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 January 20th 2012, 10: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 January 14th 2012, 10: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 January 14th 2012, 10: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 January 14th 2012, 10: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 January 14th 2012, 11: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 January 14th 2012, 11: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 January 14th 2012, 1:37 pm

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 January 14th 2012, 1:42 pm

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 January 20th 2012, 10: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 January 22nd 2012, 12:21 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 boswell3782 on January 23rd 2012, 6:23 pm

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 January 23rd 2012, 9:50 pm

@akoe.akbar wrote:bump

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

Take Matt's index_box template
http://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 : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: how to make forum like this?

Post by akoe.akbar on January 26th 2012, 1:13 pm

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 January 26th 2012, 2:22 pm

Topic Solved & Locked
avatar
Shadow
Administrator
Administrator

Female Posts : 15864
Reputation : 1696
Language : French, English

http://help.forumotion.com

Back to top Go down

Back to top


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