IP.Board Tutorials

[IPB 4]How to make Menu transparent and rounded edges

Submitted by Admin, , Thread ID: 6907

Thread Closed
Admin
Novice
Level:
0
Reputation:
3
Posts:
41
Likes:
3
Credits:
5
11-07-2015, 06:51 AM
#1
This will let you make your menu transparent and add rounded edges to menu header and active listed item corners

example:

[Image: NSI8qVJ.png]


Go to ACP -> Customization -> Theme -> click button </> to edit html & CSS

Go to CSS tab and find Custom.css and add the following

Code:
#elSearchNavContainer{
background:rgba(0,0,0,0.5);
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#ipsLayout_header nav a.ipsNavActive {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

Save & it should now look like the above picture.

RE: [IPB 4]How to make Menu transparent and rounded edges

skins20
Novice
Level:
0
Reputation:
0
Posts:
35
Likes:
1
Credits:
3
29-07-2015, 04:36 PM
#2
tnk
hwo to replase color

RE: [IPB 4]How to make Menu transparent and rounded edges

PsYcHo_RaGE
Junior Member
Level:
0
Reputation:
0
Posts:
87
Likes:
68
Credits:
2.06K
16-07-2019, 03:39 PM
#3
29-07-2015, 04:36 PM
skins20 Wrote:
tnk
hwo to replase color
of what you want to replace the color?

Users browsing this thread: 1 Guest(s)