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.

Forum Navbar Design?

View previous topic View next topic Go down

In progress Forum Navbar Design?

Post by Zuke on November 8th 2014, 1:15 am

Hey guys, here is a request so I can make my Navbar look like my friends which looks epic! I want it to look the same because mines looking boring at the moment.

Does anyone know a CSS code or something to make it look like this!?!? http://prntscr.com/543ya1


If so please tell me how to! Very Happy

Thanks!

-Luke

Hello

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 1:32 am

Your forum's link.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 1:33 am

@SLGray wrote:Your forum's link.
spike.forums.fm

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 1:37 am

So you want to remove the side bar navigation menu?


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 1:39 am

Yeah, and make it on the top across like the black one I showed you.

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 1:51 am

Sorry for double post, but please help, I don't want this topic to get lost lol, I just want my navigation bar on the top of the forum looking like this http://prntscr.com/543ya1

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 1:56 am

Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead!



Please wait patiently until someone who knows how to reply.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 1:58 am

Sorry, I just didn't want my post to get lost.

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 2:01 am

Is this how the theme looked after you installed it from Hitskins?


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 2:04 am

Yeah it did, I want the navigation bar across the top rather than on the right, how do I change it?

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 2:06 am

Could you post what is in your CSS stylesheet using the code tags?


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 2:20 am

Here, please can you try find it then try find how to make it like the image I showed you.


Code:
 Taken off in case of copyright.


Last edited by Luke Spike on November 8th 2014, 2:31 am; edited 1 time in total

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 2:28 am

Code:
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: transparent;
border-color: transparent;
float: right;
color: #333333;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
font-size: 0.9em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #333333;
padding: 10px;
width: 150px;
line-height: 9px;
background-color: #ededed;
position:absolute;
right: -180px;
top: 0px;
z-index:0;
background-image: url(http://illiweb.com/fa/empty.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#pun-navlinks li {
display: list-item;
font-size: 0.9em;
border-bottom: 1px solid #dad8d8;
padding: 10px;
font-weight: bold;
}
#pun-navlinks li a {
margin: 0 0.0em 0 0;
color: #333333;
}
#pun-navlinks a, #pun-navlinks a:visited {

/*color: #fff;
*/
text-decoration: none;
}
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
color: #333333;
/*color: #fff;
*/
}
Copy and paste this part in a same place, then delete it from your CSS stylesheet.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 2:35 am

DAMN! NOTHING EVEN HAPPENED! Sad

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 2:40 am

Please watch your language.

It must be in your templates.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 2:41 am

I'm sorry, also what part of the Templates?

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 2:57 am

I believe in the overall_header template.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Zuke on November 8th 2014, 3:14 am

Nothing still not working, I love my forum design but it sucks for editing. Sad

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray on November 8th 2014, 3:23 am

I will be sending you a pm now.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Mati on November 8th 2014, 11:29 am

Hello,

Try this

Code:
#pun-head #pun-navlinks {
    background-color: #525252;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
    font-size: 13px;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

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