Widget Background, Effect Button, ..
2 posters
Page 1 of 1
Widget Background, Effect Button, ..
Hello everybody,
i am pretty new to HTML and all those other web codes so keep it cool
Would like to add a background image into one of my Widget but I couldn't find the right code for it.
It's about to have it behind all my buttons and texts.
Tried many HTML codes but somehow noone worked
So if someone here could help me out with the code, i would be very glad!
Thanks in Advice,
Powha
ps. just found forumotion on google and it's a really nice offer, ty for everything
i am pretty new to HTML and all those other web codes so keep it cool
Would like to add a background image into one of my Widget but I couldn't find the right code for it.
It's about to have it behind all my buttons and texts.
Tried many HTML codes but somehow noone worked
So if someone here could help me out with the code, i would be very glad!
Thanks in Advice,
Powha
ps. just found forumotion on google and it's a really nice offer, ty for everything
Last edited by Powha on April 10th 2009, 5:32 pm; edited 1 time in total
Powha- New Member
- Posts : 6
Reputation : 0
Language : german
Location : Germany
Re: Widget Background, Effect Button, ..
- Code:
<style type="text/css">
<!--
body {
background-image: url(http://i39.tinypic.com/2qxz6z7.png);
background-repeat: repeat;
}
-->
</style>
Don't know exactly what you are creating in the widget, however here is a code which i used to add a background image to my intro page. Just change the background image url.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Widget Background, Effect Button, ..
Thank you,Sanket wrote:
- Code:
<style type="text/css">
<!--
body {
background-image: url(http://i39.tinypic.com/2qxz6z7.png);
background-repeat: repeat;
}
-->
</style>
Don't know exactly what you are creating in the widget, however here is a code which i used to add a background image to my intro page. Just change the background image url.
well if I add the code + my background url in my widget, i just get it as usual background of the whole page but not for the widget.
It's for my Menu Widget to fill the space between my buttons. Without background it looks too empty.
Greetings,
Powha
Powha- New Member
- Posts : 6
Reputation : 0
Language : german
Location : Germany
Re: Widget Background, Effect Button, ..
I think, you can't add a background image to a widget. Over that background image provide other links etc. Because a background image, the code which i gave will only work when creating a html page. Anyone can correct me if i am mistaken.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Widget Background, Effect Button, ..
Okay thanks for help.Sanket wrote:I think, you can't add a background image to a widget. Over that background image provide other links etc. Because a background image, the code which i gave will only work when creating a html page. Anyone can correct me if i am mistaken.
Another question, about buttons.
I got 2 button images and would like to make them get an effect like that.
Usual, when ur mouse isn't over it.
When you have ur mouse over it.
Example:
It should change to the picture with the blue lightning if you just move over it with the mouse, not by click.
Possible to manage that with a HTML code?
Best Regards,
Powha
Powha- New Member
- Posts : 6
Reputation : 0
Language : german
Location : Germany
Re: Widget Background, Effect Button, ..
- Code:
<!-- STEP ONE: Insert this code into the HEAD section of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://i82.servimg.com/u/f82/13/62/06/90/news210.gif";
staticImage1 = new Image();
staticImage1.src = "http://i82.servimg.com/u/f82/13/62/06/90/news112.jpg";
// End -->
</script>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<a href="ADD THE NEWS URL" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://i82.servimg.com/u/f82/13/62/06/90/news112.jpg" border=0></a>
This too will work only in an html page. Also change the URL of the NEWS. So that when you click it redirects to some link.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Widget Background, Effect Button, ..
Sanket wrote:
- Code:
<!-- STEP ONE: Insert this code into the HEAD section of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://i82.servimg.com/u/f82/13/62/06/90/news210.gif";
staticImage1 = new Image();
staticImage1.src = "http://i82.servimg.com/u/f82/13/62/06/90/news112.jpg";
// End -->
</script>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<a href="ADD THE NEWS URL" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://i82.servimg.com/u/f82/13/62/06/90/news112.jpg" border=0></a>
This too will work only in an html page. Also change the URL of the NEWS. So that when you click it redirects to some link.
Thank you very much!
My HTML knowledge is very limited, can't write a whole site with it.
Is it possible to copy the site I made with all the widget etc. and just edit the buttons + background of the widget to make a new html site with it?
The problem about to rightclick and just copy the html text is it will just look like a copy and news wont update.. so is there a way to make the news update and how?^^
Thanks in advice,
Powha
Powha- New Member
- Posts : 6
Reputation : 0
Language : german
Location : Germany
Similar topics
» Transparent Widget Background (Edit: Or just another background)
» Poll Widget and Submit Vote button on widget
» Staff widget with hovering + swamp images effect
» Post background effect/coloring
» How to edit the effect that Thanks button has?
» Poll Widget and Submit Vote button on widget
» Staff widget with hovering + swamp images effect
» Post background effect/coloring
» How to edit the effect that Thanks button has?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum