Problems with navigation bar
Page 1 of 1 • Share •
Problems with navigation bar
Thanks, Problem Solved
Last edited by ,dArkRay on September 21st 2013, 7:43 pm; edited 1 time in total
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
Do you have any more CSS, because what you posted would not remove the other buttons? Can you see them after you log in? If yes, then you have it set where quests can not see those buttons.

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

Re: Problems with navigation bar
Hey, that's my entire css, when I login I can only see the logout.@SLGray wrote:Do you have any more CSS, because what you posted would not remove the other buttons? Can you see them after you log in? If yes, then you have it set where quests can not see those buttons.
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
I dont know what your exact problem is because you haven't explained how your forum head should be.
Would be anything like that?

If this is what you want, this is the CSS
Would be anything like that?

If this is what you want, this is the CSS
- Code:
#pun-navlinks li {
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
border-bottom: 20px solid transparent;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
font-weight: 700;
height: 50px;
left: 0;
position: relative; /**** changed ***/
right: 0;
text-align: center;
top: 0;
z-index: 99;
}
#pun-navlinks li a {
color: #FFFFFF;
line-height: 65px;
padding: 15px 7px; /* changed */
}
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
No, It's similar to this: http://www.prowrestlingtuga.com/Mr.Bond wrote:I dont know what your exact problem is because you haven't explained how your forum head should be.
Would be anything like that?
If this is what you want, this is the CSS
- Code:
#pun-navlinks li {
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
border-bottom: 20px solid transparent;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
font-weight: 700;
height: 50px;
left: 0;
position: relative; /**** changed ***/
right: 0;
text-align: center;
top: 0;
z-index: 99;
}
#pun-navlinks li a {
color: #FFFFFF;
line-height: 65px;
padding: 15px 7px; /* changed */
}
I really appreciated your help
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
Ok, I see clearer now.
I think that you only should change de element in your CSS.
Find this in your CSS:
I think that you only should change de element in your CSS.
Find this in your CSS:
And chage it for this. It is only the element but I think that you'll like the result.#pun-navlinks li {
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
border-bottom: 20px solid transparent;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
font-weight: 700;
height: 50px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 99;
}
- Code:
#pun-navlinks ul {
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
border-bottom: 20px solid transparent;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
font-weight: 700;
height: 50px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 99;
}
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
Thank You! You can see the result here: http://grappy.forumeiros.com/
There are still somethings I want to change, I'm going to sleep, I post them tomorrow
There are still somethings I want to change, I'm going to sleep, I post them tomorrow
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
Hey! I'm Finally here, so I need to remove the dark red line immediately below the menu (Inicio, Membros, Login....), is it possible? If yes, what must I do?
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
With your new navigation bar you don't need this CSS:
And you should revise this CSS#pun-head #pun-navlinks {
background-color: #AB1118;
border-color: #DDDDDD;
padding: 0.5em 1.1em 0.6em;
}
#pun-intro {
background-color: #AB1118; /* you don't need this */
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png"); /* you don't need this */
background-repeat: repeat-x; /* you don't need this */
border-bottom: 1px solid #AB1118; /* you don't need this */
margin: 0;
padding: 1.5em 1em 1em;
text-align: left;
}
Last edited by Mr.Bond on September 21st 2013, 5:35 pm; edited 2 times in total
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
Thanks, Problem Solved
Last edited by ,dArkRay on September 21st 2013, 7:45 pm; edited 1 time in total
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
Your problem isn't the CSS for your new navigation bar, the problem is your old head (forum title, description, ...) is behind of your navitagion bar.Mr.Bond wrote:With your new navigation bar you don't need this CSS:And you should revise this CSS#pun-head #pun-navlinks {
background-color: #AB1118;
border-color: #DDDDDD;
padding: 0.5em 1.1em 0.6em;
}#pun-intro {
background-color: #AB1118; /* you don't need this */
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png"); /* you don't need this */
background-repeat: repeat-x; /* you don't need this */
border-bottom: 1px solid #AB1118; /* you don't need this */
margin: 0;
padding: 1.5em 1em 1em;
text-align: left;
}
You have to revise your CSS and erase the CSS that you don't need.
Find the CSS that I write above and erase the first one and erase the properties marked in the second one or erase the second one completely.
When you do that you'll see your navigation bar as you want.
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
Thanks, Problem Solved
Last edited by ,dArkRay on September 21st 2013, 7:44 pm; edited 1 time in total
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
No problem, try with this CSS. Add this CSS and I think it will be enough
- Code:
#pun-head #pun-navlinks,
#pun-intro {
background: none repeat scroll 0 0 transparent;
padding: 0;
border: medium none;
}
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
Thanks, Problem Solved
Last edited by ,dArkRay on September 21st 2013, 7:44 pm; edited 1 time in total
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
If your forum looks as you want, the CSS is correct.
When you'll have a error in CSS, that propertie will be annuled and you will not be able to see the effect in the forum.
When you'll have a error in CSS, that propertie will be annuled and you will not be able to see the effect in the forum.
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
Thanks, Problem Solved
Last edited by ,dArkRay on September 21st 2013, 7:44 pm; edited 1 time in total
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: Problems with navigation bar
This forum is in English and we have to respect the other members.
In any case, your topic is already solved, isn't it?
I think it's better that if you have any other question you can open a new topic.
Or if you want to talk with me in spanish about other things you can use PM. I will be pleased in talk with you.
In any case, your topic is already solved, isn't it?
I think it's better that if you have any other question you can open a new topic.
Or if you want to talk with me in spanish about other things you can use PM. I will be pleased in talk with you.
Sr.Smith- Forumember
- Posts : 90
Reputation : 11
Language : Spanish
Re: Problems with navigation bar
Topic Solved & Locked

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum