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.

Make Forum Header Like This

View previous topic View next topic Go down

Solved Make Forum Header Like This

Post by Kite Trojan on April 9th 2014, 2:27 am



My forum is: http://galacticda.forumotion.com/ My Verison Is PHPBB2 and I would like to make the top of each forum like in the image above.

 
This is how it looks on my forum.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make Forum Header Like This

Post by Ange Tuteur on April 9th 2014, 5:08 am

Hello Kite Trojan,

Your forum version is phpbb3.

Add this to your CSS :
Code:
ul.topiclist { background:none; }

li.header {
    background:#046;
    border:1px solid #068;
    -webkit-box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    -moz-box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:8px 0 4px 0;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Make Forum Header Like This

Post by Kite Trojan on April 9th 2014, 11:38 pm

Anyway to remove the roundness in the bottom?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make Forum Header Like This

Post by Ange Tuteur on April 9th 2014, 11:44 pm

Replace your CSS by :
Code:
ul.topiclist { background:none; }

li.header {
    background:#046;
    border:1px solid #068;
    -webkit-box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
      -moz-box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
            box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    -webkit-border-radius:4px 4px 0 0;
      -moz-border-radius:4px 4px 0 0;
            border-radius:4px 4px 0 0;
    padding:8px 0 4px 0;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Make Forum Header Like This

Post by Kite Trojan on April 9th 2014, 11:49 pm

Thanks Ange.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make Forum Header Like This

Post by Ange Tuteur on April 10th 2014, 10:11 am

You're welcome :rose:

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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