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.

Cant change colour of my Navigation Bar

View previous topic View next topic Go down

Solved Cant change colour of my Navigation Bar

Post by Dafgarus on October 1st 2014, 3:06 pm

Hi all,

I tried to change the color of my Navigation bar which currently is green but should be Blue as the others.

This is my Forum:

http://crusherclan.forumotion.co.uk/

This is the coding scribt...:
Scribt:
ul.topiclist { background:none; }

li.header {
    background:#046;
    border:1px solid #068;
    -webkit-box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    -moz-box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    box-shadow:0 16px 6px rgba(255,255,255,0.1) inset;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:8px 0 4px 0;
}


.forabg, .forumbg, .headerbar{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #6d8245;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}

#wrap {
width : 900px;
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('https://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}

li.row {background-image: url('https://i66.servimg.com/u/f66/13/46/75/82/lirowb10.png');}

div#page-header div.navbar ul.linklist li a{
padding-top: 11px;
padding-bottom: 10px;
padding-right: 3px;
padding-left: 4px;
color: #ffffff;}

div#page-header div.navbar ul.linklist li a:hover{
color: #efefef;
}

ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;}


div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('https://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png') repeat-x #B14A00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

#search{
display:none;
}

.icon-home{
background: url(https://i66.servimg.com/u/f66/13/46/75/82/212.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

.icon-home:hover{
background: url(https://i66.servimg.com/u/f66/13/46/75/82/113.png) no-repeat top;
color: transparent;}

.forumbg {
background: url(https://i66.servimg.com/u/f66/13/46/75/82/forumb18.png) repeat-x;
background-color: #383838;
color:yellow;}

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('https://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
text-align: center;
padding: 24px 0;}

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('https://i66.servimg.com/u/f66/13/46/75/82/msgico10.png');
text-align: CENTER;
padding: 24px 0;}

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: white;
background-image: url(https://i66.servimg.com/u/f66/13/46/75/82/forumb18.png);}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: white;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.buttons img{
background: url('https://i66.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;}

.buttons img:hover{
background: url('https://i66.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;
background-position:  0px -25px;}

ul.navlinks span.new-message {
font-weight: bold;
color: #d5ffae;
padding-right: 1.7em;
background: transparent url('http://illiweb.com/fa/email.gif') no-repeat top right;}



div#page-footer {
background-image: ;
background-position: bottom right;
background-repeat: no-repeat;
padding: 15px;}

#tabs a {
background-color: #ffffff;
background-image: url('https://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
border-bottom: 1px solid #ffffff;
font-color: #ffffff;}

#tabs .activetab a {
background: url('https://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png');
background-repeat: repeat-x;
background-color: #ffffff;
font-color: #333333;}

body.chatbox {
   background-color: transparent;}

blockquote blockquote {
background-color: black;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('https://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
background-repeat: no-repeat;
background-position: top center;
border-bottom: 0px solid #FFFFFF;
color: #c6e616;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #c6e616;}


profile-icon{
background: url('https://i66.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;}

profile-icon:hover{
background: url('https://i66.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;
background-position:  0px -25px;}

***************

.renklibar {
color : #000000;
background : #E8EDF0
url(http://i45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px
 solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
 : x-small;
line-height : 1.4em;
}

.resize_process
.resizebox  {
display : none;
margin-left : 15px;
}
.resizebox
 div {
font-weight : normal;
font-style : normal;
margin : 0;
}
.resizebox.enlarged
 a.enlarge {
display : none;
}
.resizebox.enlarged a.resize {
display
 : inline-block;
}
.resizebox a.resize {
display : none;
}
.resizebox
 {
background : #FFF9BF url("http://i43.tinypic.com/af9egz.gif")
no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor
 : default;
font-weight : normal;
font-style : normal;
margin :
 0;
text-align : center;
display : inline-block;
}
.resizebox
 .resize_border {
border : 1px solid #BDBDBD;
display : block;
}
 

.eklentiler {
color : #000000;
background : #ffffff;
border
 : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
 : x-small;
line-height : 1.4em;
}

******************************




input,input.liteoption,input.mainoption
{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
8px;
background-image :
url('https://i14.servimg.com/u/f14/13/64/37/51/158.png');
border:1px solid
#858585;
}

*********************


a:link {
   color: blue;
   text-decoration:none;
}

a:visited {
   color: #ffffff;
   text-decoration:none;
}

a:active {
   background-color: yellow;
   text-decoration:none;
}

a:hover {
   color:red;
   text-decoration:none;
}

*******************

h2 #left-box {
#345435 
}

Can someone help me get that blue too?

Would be very thankful.

Regards
Oliver

Dafgarus
New Member

Posts : 4
Reputation : 1
Language : English

http://cc-thealliance.forumotion.com

Back to top Go down

Solved Re: Cant change colour of my Navigation Bar

Post by Ange Tuteur on October 1st 2014, 5:30 pm

Hello Dafgarus,

Add this rule to your CSS :
Administration Panel > Display > Colors > CSS stylesheet
Code:
div#page-header div.navbar {
  background:#046 !important;
  box-shadow: 0px 16px 6px rgba(255, 255, 255, 0.1) inset;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Cant change colour of my Navigation Bar

Post by Soul on October 1st 2014, 5:31 pm

Hello Dafgarus,
The color will not change because it isn't a color to begin with. This is a background image and here is the link to it.

https://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png

If you wish to get the color chagned to blue, you might want to do a graphic request here at ForuMotion to get it changed from a green to the blue that you would like. Then you get the image URL and replace the one above in the CSS with the new blue one that you got make. This will change the color from green to blue like what you want.

Hope this answers your question!

-Jad

Soul
Forumember

Male Posts : 673
Reputation : 79
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

Solved Re: Cant change colour of my Navigation Bar

Post by Dafgarus on October 1st 2014, 5:54 pm

Thanks a lot, was able to change it with help of the info.

Not yet what I want but getting there:-)

Thanks

Dafgarus
New Member

Posts : 4
Reputation : 1
Language : English

http://cc-thealliance.forumotion.com

Back to top Go down

Solved Re: Cant change colour of my Navigation Bar

Post by Ange Tuteur on October 1st 2014, 6:07 pm

Topic archived

If you have anymore questions don't hesitate to open a new topic. Have a good day Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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