The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Forum Navbar Design?

2 posters

Go down

In progress Forum Navbar Design?

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

In progress Re: Forum Navbar Design?

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

Your forum's link.


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest November 8th 2014, 1:33 am

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


Back to top Go down

In progress Re: Forum Navbar Design?

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

So you want to remove the side bar navigation menu?


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest November 8th 2014, 1:39 am

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


Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray 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.


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest November 8th 2014, 1:58 am

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


Back to top Go down

In progress Re: Forum Navbar Design?

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

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


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest 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?
avatar
Guest
Guest


Back to top Go down

In progress Re: Forum Navbar Design?

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

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


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

In progress Re: Forum Navbar Design?

Post by SLGray 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://2img.net/i/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.


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest November 8th 2014, 2:35 am

DAMN! NOTHING EVEN HAPPENED! Sad
avatar
Guest
Guest


Back to top Go down

In progress Re: Forum Navbar Design?

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

Please watch your language.

It must be in your templates.


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest November 8th 2014, 2:41 am

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


Back to top Go down

In progress Re: Forum Navbar Design?

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

I believe in the overall_header template.


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Guest November 8th 2014, 3:14 am

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


Back to top Go down

In progress Re: Forum Navbar Design?

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

I will be sending you a pm now.


Forum Navbar Design? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Forum Navbar Design?

Post by Mati 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
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum