Jump to the post that solved this thread.
Solved: 5 Years, 2 Weeks ago change color background to image background in header
#1
Solved: 5 Years, 2 Weeks ago
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


[Image: 5555555555555555555555.jpg]
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
Reply
#2
Solved: 5 Years, 2 Weeks ago
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
[Image: ziuma.jpg]    
Reply
#3
Solved: 5 Years, 2 Weeks ago
(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


[Image: 5555555555555555555555.jpg]
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


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;
}
Reply
#4
Solved: 5 Years, 2 Weeks ago
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

[Image: 55555555555555555555555555.jpg]

and this is vb

i need to replace with this

[Image: arabseedag_02.jpg]

another request

i need to make my background Height 150 and width 984

hot to do this to fix my logo

see my forum

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

[Image: FFFFFFFFFFFFFFFFFFF.jpg]

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
Reply
#5
Solved: 5 Years, 2 Weeks ago
   

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
Reply
#6
Solved: 5 Years, 2 Weeks ago
(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
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)