Make Forum Header Like This

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.
avatar
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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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?
avatar
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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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.
avatar
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
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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