How can I past bottom image into my forum code without ruin it ?
2 posters
Page 1 of 1
How can I past bottom image into my forum code without ruin it ?
Hi
This is my forum: www.l2support.com
Look at the bottom image:
https://i.servimg.com/u/f21/14/71/02/97/down_f12.png (980x200 pix)
I want to replace it with my new image:
https://i.servimg.com/u/f21/14/71/02/97/down_f14.jpg (1280x400 pix)
This is the code at my CSS for bottom image:
https://i.servimg.com/u/f21/14/71/02/97/wrong10.jpg
Here is the code that Ive use to get that effect:
https://i.servimg.com/u/f21/14/71/02/97/correc10.jpg
Any ideas ?
This is my forum: www.l2support.com
Look at the bottom image:
https://i.servimg.com/u/f21/14/71/02/97/down_f12.png (980x200 pix)
I want to replace it with my new image:
https://i.servimg.com/u/f21/14/71/02/97/down_f14.jpg (1280x400 pix)
This is the code at my CSS for bottom image:
- Code:
#pun-foot {
background-image: url('http://i21.servimg.com/u/f21/14/71/02/97/down_f12.png');
background-repeat: no-repeat;
background-color: #ffffff;
margin-left: -18px;
width: 980px;
height: 200px;
background-position: center bottom;
}
https://i.servimg.com/u/f21/14/71/02/97/wrong10.jpg
Here is the code that Ive use to get that effect:
- Code:
#pun-foot {
background-image: url('http://i21.servimg.com/u/f21/14/71/02/97/down_f14.jpg');
background-repeat: no-repeat;
background-color: #ffffff;
margin-left: -168px;
width: 1280px;
height: 400px;
background-position: center bottom;
}
https://i.servimg.com/u/f21/14/71/02/97/correc10.jpg
Any ideas ?
Last edited by ave20 on June 13th 2011, 4:19 pm; edited 1 time in total
ave20- Forumember
- Posts : 108
Reputation : 0
Language : Polski
Re: How can I past bottom image into my forum code without ruin it ?
Hi Ave,
How are you?
Save your present properties in notebook if this doesn't work so you can put them back.
Replace your pun-foot with mine and pun-about with mine.
This should be your resault http://i.imm.io/6pH4.png
How are you?
Save your present properties in notebook if this doesn't work so you can put them back.
Replace your pun-foot with mine and pun-about with mine.
- Code:
#pun-foot {
background-color: #FFFFFF;
background-image: url("http://i21.servimg.com/u/f21/14/71/02/97/down_f14.jpg");
background-position: center bottom;
background-repeat: no-repeat;
height: 400px;
margin-left: -128px;
width: 1200px;
}
- Code:
#pun-about {
background-color: transparent;
border-color: #DDDDDD;
border-style: solid;
border-width: 0;
font-size: 8px;
line-height: 150%;
margin-left: 140px;
padding: 0.6em 1em;
width: 900px;
}
This should be your resault http://i.imm.io/6pH4.png
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: How can I past bottom image into my forum code without ruin it ?
Hi Nera. ! Nice to see You again ! :*
So, I did like You told me. The "Jump to" (or "Go to") option is at correct place now, but the description is still at wrong place. Look:
https://i.servimg.com/u/f21/14/71/02/97/wro10.jpg
So, I did like You told me. The "Jump to" (or "Go to") option is at correct place now, but the description is still at wrong place. Look:
https://i.servimg.com/u/f21/14/71/02/97/wro10.jpg
ave20- Forumember
- Posts : 108
Reputation : 0
Language : Polski
Re: How can I past bottom image into my forum code without ruin it ?
Try adding this to CSS
- Code:
#pun-about {
width: 950px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: How can I past bottom image into my forum code without ruin it ?
Oh my dear, I didnt added the "width" into #pun-about at first time Sorry...Nera. wrote:Try adding this to CSS
- Code:
#pun-about {
width: 950px;
}
Its working like a charm now ! Nera. You helped me out once again ! A big hug for You
Thank you Nera. ! :*
ave20- Forumember
- Posts : 108
Reputation : 0
Language : Polski
Re: How can I past bottom image into my forum code without ruin it ?
Hugs Ave, by
~ Solved - Locked
~ Solved - Locked
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Similar topics
» Past usernames hover code?
» Code For Making a Gif Image Appear on Forum
» Simple CSS code to remove Forum Image?
» image code for forum bread crumb link
» The header image, middle image, and footer image Code for PunBB
» Code For Making a Gif Image Appear on Forum
» Simple CSS code to remove Forum Image?
» image code for forum bread crumb link
» The header image, middle image, and footer image Code for PunBB
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum