MyBB Community Forums

hello every one

this is my first topic

I have a question Is it possible to change color background to image background

And how to do

Example

I need to change the yellow color to background image not logo of website
Thank you both help me
Sorry if My language bad Because i am Arabic man Big Grin

this is your colour images background
http://www.mazikaat.eb2a.com/forums/imag...header.png

if you want to change this colour

make image colour 1x100 pixels (width 1 pixels and height 100 pixels
save as "sun_header.png"

and upload to that ...../forums/images/colors/sun_header.png

(2016-10-01, 01:51 AM)magdydl Wrote: [ -> ]
hello every one

this is my first topic

I have a question Is it possible to change color background to image background

And how to do

Example

I need to change the yellow color to background image not logo of website
Thank you both help me
Sorry if My language bad Because i am Arabic man

I assume you mean you want it to look like this?
[Image: nldjq9.png]

You can simply change logo as follows:

[Image: qz520m.jpg]

Now if you were trying to figure out how to change the current bg image to an image of your own...

Find

#logo {   
  background: #ffdd4d url('images/colors/sun_header.png') top left repeat-x;   
  border-bottom: 1px solid #111;
}

And replace

#logo {   
  background: #ffdd4d url('images/YourImage.png') top left repeat-x;   
  border-bottom: 1px solid #111;
}

i need to make pic image not 1x100 px Because i want to make this pic about us and have logo name of my website like this

and this is vb

i need to replace with this

another request

i need to make my background Height 150 and width 984

hot to do this to fix my logo

see my forum

http://www.mazikaat.eb2a.com/forums/

it's work by this code

#logo {
	background: #ffdd4d url(images/arabseedag_02.jpg) top left repeat-x;
	border-bottom: 1px solid #111;
	height: 175px;
}

but i have Problem with headerlinks_sprite

example

Thank you so much for all who helped me

I found the correct way for (top_links)

it's in (global.css)

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: 90px 5px 0 0;
}

modify 90px

for new position

i found this way by testing Big Grin

Thnx For all who trying to help me Angel

[attachment=37509]

Something like this you are looking for?

Ohhh, in the meantime you have found some of the css.

About the sprite, why not place is as I did in the pic? Looking more clean

(2016-10-01, 04:04 PM)BaggerHD Wrote: [ -> ]Something like this you are looking for?

Ohhh, in the meantime you have found some of the css.

About the sprite, why not place is as I did in the pic? Looking more clean

tell me how to do

notice

you can do this if you not use second style by add this code in global.css

search for

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: 90px 5px 0 0;
}

and add this underneath

#logo {
	background: #FFFFFF url(images/image name.jpg) top center repeat-x;
	border-bottom: 1px solid #111;
	height: 175px;
}

edit with u want

that all from my test maybe i am wrong and i just add my notes to all can benefits from test

i love PHP Programming Toungue

and my English bad Toungue

magdydl

ziuma

User 6029

magdydl

BaggerHD

magdydl