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.

Navigation Bar Question

View previous topic View next topic Go down

Solved Navigation Bar Question

Post by Aphery on March 2nd 2015, 11:56 pm

Hello everyone,

If possible, I would want to know if someone cast take a look at the bar in this link and tell me some tips on how to achieve to get a similar look, I would be grateful. Here is the link:http://bleachexecution.forumotion.com/

Aphery
New Member

Male Posts : 16
Reputation : 1
Language : English

http://academiaveil.bosforum.net/

Back to top Go down

Solved Re: Navigation Bar Question

Post by brandon_g on March 3rd 2015, 12:12 am

Your link is broken

brandon_g
Support Moderator
Support Moderator

Male Posts : 5357
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Navigation Bar Question

Post by Aphery on March 3rd 2015, 9:36 am

Hm... It seems to work fine for me. I'll try using this:link

Aphery
New Member

Male Posts : 16
Reputation : 1
Language : English

http://academiaveil.bosforum.net/

Back to top Go down

Solved Re: Navigation Bar Question

Post by brandon_g on March 4th 2015, 1:43 pm

What I meant by broken is that I could not click it (I use a tablet most times so copying and pasting does not work to well). Any how that navigation bar is possiblr (because it is a forumotion forum, I must personally say that it a nice nav bar). I personally would not know how to achieve this other then to tell you the nav bar is handled in ACP(Advanced mode)-->Display-->Pictures and Colors-->Pic Management-->General/Explore.
Maybe someone else knows preciselly how to achieve that particular navigation bar or something close to it.
-Brandon

brandon_g
Support Moderator
Support Moderator

Male Posts : 5357
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Navigation Bar Question

Post by _Twisted_Mods_ on March 4th 2015, 11:31 pm

acp>display>colors>css

add the code below and save

Code:

.navbar .navlinks {

    height: 76px!important;

    background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%) repeat scroll 0% 0% transparent!important;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 6px rgba(0, 0, 0, 0.4) inset!important;
    border-radius: 4px!important;
    position: relative!important;
    border: 0px none!important;
}
.navbar .navlinks a {
    font-family: "Fjalla One",sans-serif;
    color: #FFF;
       line-height: 73px!important;
    font-size: 11pt;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    padding: 25px 12px 32px;
    margin: 0px;
}
.navbar .navlinks a:hover {
background: black;
background: rgba(0, 0, 0, 0.37);
color: white;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Navigation Bar Question

Post by Aphery on March 6th 2015, 4:22 pm

That does not seem to do anything @twistedmod

Aphery
New Member

Male Posts : 16
Reputation : 1
Language : English

http://academiaveil.bosforum.net/

Back to top Go down

Solved Re: Navigation Bar Question

Post by _Twisted_Mods_ on March 6th 2015, 5:43 pm

because your forum version in your profile is wrong and you filled out the simple form instead of the advanced one so makes it bit hard to help with issues when all the information needed is not provided


but anyways

acp>display>colors>css

add the code below and save
Code:
.mainmenu img {
background: rgba(0, 0, 0, 0.37);
        padding: 15px 5px 15px;
        margin-bottom: 10px;
    }
    .mainmenu img:hover {
    background: rgba(0, 0, 0, 0.70);
    }

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Navigation Bar Question

Post by Aphery on March 6th 2015, 7:30 pm

My humblest apologies! Is there any way for me to move the whole bar up where the banner is like in the forum that I linked?

Aphery
New Member

Male Posts : 16
Reputation : 1
Language : English

http://academiaveil.bosforum.net/

Back to top Go down

Solved Re: Navigation Bar Question

Post by _Twisted_Mods_ on March 6th 2015, 10:48 pm

Code:
.mainmenu img{margin-top:-90px;margin-bottom:80px}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Navigation Bar Question

Post by Aphery on March 6th 2015, 11:30 pm

Thanks! You can lock this now!

Aphery
New Member

Male Posts : 16
Reputation : 1
Language : English

http://academiaveil.bosforum.net/

Back to top Go down

Solved Re: Navigation Bar Question

Post by _Twisted_Mods_ on March 7th 2015, 12:07 am

Topic solved and archived

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

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