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.

Background in header.

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Background in header.

Post by Kite Trojan on February 28th 2014, 5:24 am

So youknow where the navigation bar is right? i want to add like a background over i. how can i proceed with this

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by SLGray on February 28th 2014, 6:16 am

Please post your forum's link as this exactly is an appearance question, not a script question.


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


SLGray
Administrator
Administrator

Male Posts : 35674
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on February 28th 2014, 6:25 am


Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by masesm on February 28th 2014, 8:49 pm

Use this in CSS. Access that from ACP > Display > Colors > Css Stylesheet


Code:
div#page-header div.navbar {


background-image: url('IMG URL HERE' );}



Change IMG URL HERE to your background link.

Cheers.

masesm
Forumember

Male Posts : 67
Reputation : 5
Language : English, Java, JavaScript, HTML, CSS.
Location : United States

http://sicktier.forumotion.com/

Back to top Go down

Re: Background in header.

Post by SLGray on February 28th 2014, 8:51 pm

Moved to the Correct Section


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


SLGray
Administrator
Administrator

Male Posts : 35674
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 1st 2014, 11:09 pm

@masesm wrote:Use this in CSS. Access that from ACP > Display > Colors > Css Stylesheet


Code:
div#page-header div.navbar {


background-image: url('IMG URL HERE' );}



Change IMG URL HERE to your background link.

Cheers.

not working

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by SLGray on March 1st 2014, 11:15 pm

Add it to the top of the styelsheet:
Code:
div#page-header div.navbar {
    background-image: url('IMG URL HERE' );
}
Or add !important to it.


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


SLGray
Administrator
Administrator

Male Posts : 35674
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 1st 2014, 11:24 pm

not working still

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by JScript on March 2nd 2014, 2:55 pm

@Kite Trojan

Hi, use this CSS:
Code:

.bodyline table:nth-child(2) {
  background-image: url("http://i.imgur.com/Ovzqzni.jpg");
}
.mainmenu {
  bottom: 0 !important;
}
Change "http://i.imgur.com/Ovzqzni.jpg" for the image you want!

Result:


So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 2nd 2014, 4:01 pm

I need it in the header not the menu. Header is the very top of the forum

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by JScript on March 2nd 2014, 4:19 pm

@Kite Trojan

You were not as specific as now!

I see only 3 possibilities, check out them:

1- http://i.imgur.com/vVuuLCO.png
2- http://i.imgur.com/W1Byuyo.png
3- http://i.imgur.com/FBF2KpY.png

Show us where is your "header"!

So long,

JS


JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Background in header.

Post by SLGray on March 2nd 2014, 4:40 pm

Are you referring to the logo/banner area?


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


SLGray
Administrator
Administrator

Male Posts : 35674
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Background in header.

Post by JScript on March 2nd 2014, 4:52 pm

@SLGray wrote:Are you referring to the logo/banner area?
Perhaps he want an image upon of the menu, for example:


If so, here is a sample code:
Code:

.bodyline table:nth-child(2):before {
 content: url("http://i.imgur.com/MJOeQT3.jpg");
 margin-bottom: 10px;
}

So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 2nd 2014, 9:07 pm

i need it above where it says Galactic Duel Academy

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by SLGray on March 2nd 2014, 9:12 pm

So you want it above that and under the forum's banner/logo?


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


SLGray
Administrator
Administrator

Male Posts : 35674
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 2nd 2014, 9:33 pm


Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by JScript on March 2nd 2014, 9:51 pm

@Kite Trojan
Finally, after 12 posts you told us what really want!!!

See if that's the way you want:


If yes, just add the following CSS:
Code:

.bodylinewidth td.bodyline div.maintitle:before {
 content: url("http://i.imgur.com/MJOeQT3.jpg");
 display: block;
}
Change "http://i.imgur.com/MJOeQT3.jpg" for the image you want!

So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 2nd 2014, 9:59 pm

http://prntscr.com/2xaz1x its working good but i need like a part of it on the header.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Pizza Boi on March 2nd 2014, 11:20 pm

Hi Very Happy

Try adding top/bottom on it and add a value with px. If it doesn't move, change block to float/fixed/absolute <-- any of those 3.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 3rd 2014, 1:52 am

Tried that and nothing

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Pizza Boi on March 3rd 2014, 1:29 pm

Hi Very Happy

Try this:

Code:

    .bodylinewidth td.bodyline div.maintitle:before {
      content: url("http://i.imgur.com/MJOeQT3.jpg");
      display: block;
position: absolute/fixed/float;
top: 200px;
    }

Adjust the above.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 4th 2014, 12:35 am

Nothing happened.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Pizza Boi on March 4th 2014, 1:52 am


Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 4th 2014, 2:26 am

that only moved my menu(home, faq etc) did nothing to my banner as in the header

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Pizza Boi on March 4th 2014, 2:53 am

Hi Very Happy

This worked fine with me:

Code:
    .bodylinewidth td.bodyline div.maintitle:before {
      content: url("http://i.imgur.com/MJOeQT3.jpg");
      display: block;
  position: absolute;
  top: 300px;
  left: 300px;
    }

Adjust top and left. Also, if you want it to overlap, just add z-index: # in negative (-) value + px;.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 4th 2014, 4:14 am

How can I make it overlap. My brain can't understand!!

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Pizza Boi on March 4th 2014, 10:45 am

Hi Very Happy

Code:

.bodylinewidth td.bodyline div.maintitle:before {
      content: url("http://i.imgur.com/MJOeQT3.jpg");
      display: block;
      position: absolute;
      top: 300px;
      left: 300px;
      z-index: -1;
        }

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 5th 2014, 5:40 am

Code:
  .bodylinewidth td.bodyline div.maintitle:before {
  content: url("http://i57.servimg.com/u/f57/13/06/81/38/header11.png");
      display: block;
      position:absolute/fixed/float;
      top: 300px;
      left: 300px;
      z-index: -1;
}


I moified the code to be like that, because hte code you provied me didn't do anything. Currently, I need it to fit a whole canvas.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: Background in header.

Post by Pizza Boi on March 5th 2014, 12:22 pm

Hi Very Happy

I tested it in my test forum and the one I provided worked perfectly. Maybe it's your properties or whatever.

Anyway, you want to resize the picture? Just add max-width: #px; and max-height: #px; in it.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Background in header.

Post by Kite Trojan on March 7th 2014, 12:00 am

http://duelingcity2.betaboard.net/ here is another example

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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