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 my forum like this? (punBB)

Go down

How to make my forum like this? (punBB)

Post by Guest on January 13th 2014, 2:48 pm

Hi! I've been trying to change the appearance of my forum from this

Spoiler:

To this: (i edited this one)

Spoiler:

I'm trying to do it out on my templates but I cannot figure it out. Sad

Here's my forum and the version I'm using is punBB.


Last edited by fxg on January 25th 2014, 7:08 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Re: How to make my forum like this? (punBB)

Post by Guest on January 14th 2014, 8:01 pm

BUMP

Guest
Guest


Back to top Go down

Re: How to make my forum like this? (punBB)

Post by Guest on January 18th 2014, 8:57 pm

BUMP

anyone?

Guest
Guest


Back to top Go down

Re: How to make my forum like this? (punBB)

Post by Luffy on January 18th 2014, 9:03 pm

Go to:

Admin Panel >> Display >> Templates (General) >> index_box

Search for this:
Code:
{catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
And change it to this:
Code:
<div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <div class="subforums"><span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span></div>

Then go to:

Admin Panel >> Display >> Colors and Pics >> Colors >> CSS Stylesheet

and add this in you CSS:
Code:
a.forumlink {
margin-left:60px;
}
.subforums {
margin-left:60px;
}
 
.descript {
margin-top:5px;
margin-left:60px;
}
 
.descript img {
margin-top:-20px;
margin-left:-60px;
}
 
.forumline .row1 {
padding-top:12px;
}
 
.dersuj{
display:none
}
 
.forumtitle {
margin-left:60px;
}



avatar
Luffy
Manager
Manager

Male Posts : 5263
Reputation : 565
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Re: How to make my forum like this? (punBB)

Post by Guest on January 18th 2014, 10:08 pm

Thank you so much it works!

However, how can I put the forum's title lower than it is now? Same with the description? It looks like this now: http://i58.servimg.com/u/f58/18/70/43/19/screen10.png

This is my current code for the css that you gave me:
Code:
a.forumlink {
margin-left:60px;
}
.subforums {
margin-left:60px;
}
 
.descript {
margin-top:5px;
margin-left:60px;
}
 
.descript img {
margin-top:-20px;
margin-left:-60px;
}
 
.forumline .row1 {
padding-top:50px;
}
 
.dersuj{
display:none
}
 
.forumtitle {
margin-left:165px;
}

Also, how can to put a link into the forum image to go to its forum?

I'm so sorry for the trouble!

Guest
Guest


Back to top Go down

Re: How to make my forum like this? (punBB)

Post by Luffy on January 18th 2014, 10:31 pm

The better solution instead of moving the name and description is to move the category picture. Now about the image link i am not sure but i could try it...



avatar
Luffy
Manager
Manager

Male Posts : 5263
Reputation : 565
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Re: How to make my forum like this? (punBB)

Post by Guest on January 25th 2014, 7:06 pm

I see. Thanks for the help then! Smile

Guest
Guest


Back to top Go down

Back to top


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