HomeCant change colour of my Navigation Bar
2 posters
Page 1 of 1
Cant change colour of my Navigation Bar
by Dafgarus 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...:
Can someone help me get that blue too?
Would be very thankful.
Regards
Oliver
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://i.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}
li.row {background-image: url('https://i.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://i.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://i.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://i.servimg.com/u/f66/13/46/75/82/113.png) no-repeat top;
color: transparent;}
.forumbg {
background: url(https://i.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://i.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://i.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://i.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(https://2img.net/i/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}
.buttons img{
background: url('https://i.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;}
.buttons img:hover{
background: url('https://i.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('https://2img.net/i/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://i.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://i.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://i.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://i.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;}
profile-icon:hover{
background: url('https://i.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;
background-position: 0px -25px;}
***************
.renklibar {
color : #000000;
background : #E8EDF0
url(https://2img.net/h/oi45.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("https://2img.net/h/oi43.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://i.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 -
Re: Cant change colour of my Navigation Bar
by Ange Tuteur October 1st 2014, 5:30 pm
Hello Dafgarus,
Add this rule to your CSS :
Administration Panel > Display > Colors > CSS stylesheet
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
-
Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania -
Re: Cant change colour of my Navigation Bar
by Guest 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://i.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
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://i.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
Guest- Guest
Re: Cant change colour of my Navigation Bar
by Dafgarus 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
Not yet what I want but getting there:-)
Thanks
Dafgarus- New Member
- Posts : 4
Reputation : 1
Language : English -
Re: Cant change colour of my Navigation Bar
by Ange Tuteur 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
If you have anymore questions don't hesitate to open a new topic. Have a good day
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania -
Similar topics» Change of colour please
» Colour Change
» Colour change
» change of banner colour please
» How to change the topic name colour
» Colour Change
» Colour change
» change of banner colour please
» How to change the topic name colour
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
