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.

Problems with navigation bar

View previous topic View next topic Go down

Solved Problems with navigation bar

Post by ,dArkRay on September 19th 2013, 12:55 am

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by SLGray on September 19th 2013, 1:57 am

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.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 20th 2013, 4:03 pm

@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.
Hey, that's my entire css, when I login I can only see the logout.

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 20th 2013, 7:44 pm

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 */
}

Sr.Smith
Forumember

Posts : 90
Reputation : 11
Language : Spanish

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 20th 2013, 9:52 pm

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 */
}
No, It's similar to this:http://www.prowrestlingtuga.com/

I really appreciated your help

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 20th 2013, 11:28 pm

Ok, I see clearer now.
I think that you only should change de element in your CSS.

Find this in your CSS:
#pun-navlinks li {
background-image: url("https://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;
}
And chage it for this. It is only the element but I think that you'll like the result.

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 21st 2013, 1:11 am

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

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 21st 2013, 10:49 am

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 21st 2013, 1:46 pm

With your new navigation bar you don't need this CSS:

#pun-head #pun-navlinks {
background-color: #AB1118;
border-color: #DDDDDD;
padding: 0.5em 1.1em 0.6em;
}
And you should revise this CSS

#pun-intro {
background-color: #AB1118; /* you don't need this */
background-image: url("https://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

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 21st 2013, 3:54 pm

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 21st 2013, 5:33 pm

Mr.Bond wrote:With your new navigation bar you don't need this CSS:

#pun-head #pun-navlinks {
background-color: #AB1118;
border-color: #DDDDDD;
padding: 0.5em 1.1em 0.6em;
}
And you should revise this CSS

#pun-intro {
background-color: #AB1118; /* you don't need this */
background-image: url("https://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;
}
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.
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

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 21st 2013, 6:46 pm

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 21st 2013, 6:53 pm

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 21st 2013, 6:58 pm

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 21st 2013, 7:13 pm

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.

Sr.Smith
Forumember

Posts : 90
Reputation : 11
Language : Spanish

Back to top Go down

Solved Re: Problems with navigation bar

Post by ,dArkRay on September 21st 2013, 7:16 pm

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

Back to top Go down

Solved Re: Problems with navigation bar

Post by Sr.Smith on September 21st 2013, 7:29 pm

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.

Sr.Smith
Forumember

Posts : 90
Reputation : 11
Language : Spanish

Back to top Go down

Solved Re: Problems with navigation bar

Post by SLGray on September 21st 2013, 9:35 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.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