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.

Image Background to the navbar

View previous topic View next topic Go down

Image Background to the navbar

Post by IdaTR on Wed 17 Jul - 3:47

Hey! how do I make an Image background, to the navbar?

www.nionevrien.forumq.net

Want it to be as in www.vie-la-mort.forum-motion.com

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Re: Image Background to the navbar

Post by levy on Wed 17 Jul - 3:51

This is easy , I gonna show you a simple example

Code:
#page-header .navbar{
background-image: url(http://iceimg.com/i/b3/96/f7226d4f58.png);
}

replace this : http://iceimg.com/i/b3/96/f7226d4f58.png with your own image and it is done Smile

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: Image Background to the navbar

Post by IdaTR on Wed 17 Jul - 3:57

THANKS SOLVED Very Happy

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Re: Image Background to the navbar

Post by candy_fear_not_in_staff on Wed 17 Jul - 3:58

@IdaTR wrote:THANKS SOLVED Very Happy
Glad I could help. Razz

candy_fear_not_in_staff
Forumember

Posts : 25
Reputation : 1
Language : candy_fear_banned

Back to top Go down

Re: Image Background to the navbar

Post by Paradise on Fri 19 Jul - 16:42

candy_fear wrote:This is easy , I gonna show you a simple example

Code:
#page-header .navbar{
background-image: url(http://iceimg.com/i/b3/96/f7226d4f58.png);
}

replace this : http://iceimg.com/i/b3/96/f7226d4f58.png with your own image and it is done Smile


Candy I have tried out this code but not work. I wanted to use the code below not nothing happened so can you help me


Code:
#page-header .navbar {
    background: url("http://i43.servimg.com/u/f43/14/63/83/43/cat_to10.png") repeat-x scroll left top transparent;
    height: 40px;
    left: -8px;
    padding: 0;
    position: relative;
    width: 1016px;
}
#page-header .navbar .linklist {
    border: medium none;
}
#page-header .navbar .linklist > li > a {
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Tahoma,Geneva,Sans-Serif;
    font-size: 15px;
    font-weight: normal;
    height: 31px;
    margin: 0 3px;
    padding: 2px 10px 0;
    position: relative;
    text-shadow: 1px 1px 1px #2B6591 !important;
    border-top: 1px solid #2b6591;
    line-height: 30px;
    text-transform: uppercase;
}

#search-box {
    display: none;
}

#page-header .navbar .linklist > li > a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.18);
    color: #FFFFFF;
    border-top: 1px solid #2b6591;
}
#page-header .navbar .linklist > li > a img {
    display: none;
}
#page-header .navbar .corners-top {
    background: url("http://i42.servimg.com/u/f42/14/52/65/41/r_crn_10.png") no-repeat scroll 0 0 transparent;
    bottom: -7px;
    height: 47px;
    left: 3px;
    position: absolute;
    width: 7px;
}
#page-header .navbar .corners-bottom {
    background: url("http://i52.tinypic.com/17ppch.png") no-repeat transparent;
    bottom: -7px;
    height: 47px;
    position: absolute;
    right: 3px;
    width: 7px;
}


my forum http://www.favouriteforum.com

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

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