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.

Moving Navbar Postion Using CSS?

View previous topic View next topic Go down

Solved Moving Navbar Postion Using CSS?

Post by Ace700 on August 17th 2013, 2:38 am

Alright Hi! I had a question about moving navbar imgs using CSS. I'm trying to move it up a little more so I can get it right below the banner. And Another thing is this: How do i get it so my css only make my banner popout? Right now It popouts the navbar and banner. And that looks horrible!


Link:
Spoiler:
active-codez.forumotion.com

Ace700
Forumember

Male Posts : 123
Reputation : 2
Language : English

http://Dont_use_one_anymore_just_helps.forumotion.com

Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by Ange Tuteur on August 17th 2013, 3:49 am

Hello Ace700,

To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:
Code:
a img:hover
Now to have only your banner pop out add this code after removing the one above.
Code:
img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}
To modify the positioning of your navbar try this code:
Code:
.mainmenu{
position:relative;
top:-10px;
}
If the position isn't to your liking modify the pixels of 'top' to move its positioning.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by Ace700 on August 17th 2013, 4:03 am

SethC1995 wrote:Hello Ace700,

To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:
Code:
a img:hover
Now to have only your banner pop out add this code after removing the one above.
Code:
img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}
To modify the positioning of your navbar try this code:
Code:
.mainmenu{
position:relative;
top:-10px;
}
If the position isn't to your liking modify the pixels of 'top' to move its positioning.
Problem solved! Thanks again. I did have .mainmenu already added but it was at 65px. So thanks again!!!pirat

Ace700
Forumember

Male Posts : 123
Reputation : 2
Language : English

http://Dont_use_one_anymore_just_helps.forumotion.com

Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by Ange Tuteur on August 17th 2013, 4:06 am

You're welcome, good luck with your forum. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by SLGray on August 17th 2013, 6:14 am

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 : 35620
Reputation : 2372
Language : English
Location : United States

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