The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Widget Background, Effect Button, ..

2 posters

Go down

Widget Background, Effect Button, .. Empty Widget Background, Effect Button, ..

Post by Powha April 8th 2009, 9:22 pm

Hello everybody,

i am pretty new to HTML and all those other web codes so keep it cool Smile
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 Very Happy


Last edited by Powha on April 10th 2009, 5:32 pm; edited 1 time in total
avatar
Powha
New Member

Male Posts : 6
Reputation : 0
Language : german
Location : Germany

Back to top Go down

Widget Background, Effect Button, .. Empty Re: Widget Background, Effect Button, ..

Post by Sanket April 9th 2009, 3:46 pm

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
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Widget Background, Effect Button, .. Empty Re: Widget Background, Effect Button, ..

Post by Powha April 9th 2009, 6:32 pm

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.
Thank you,

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
avatar
Powha
New Member

Male Posts : 6
Reputation : 0
Language : german
Location : Germany

Back to top Go down

Widget Background, Effect Button, .. Empty Re: Widget Background, Effect Button, ..

Post by Sanket April 9th 2009, 6:46 pm

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
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Widget Background, Effect Button, .. Empty Re: Widget Background, Effect Button, ..

Post by Powha April 9th 2009, 7:00 pm

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.
Okay thanks for help.

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.
Widget Background, Effect Button, .. News112

When you have ur mouse over it.
Widget Background, Effect Button, .. News210




Example:

Widget Background, Effect Button, .. Newsu

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
avatar
Powha
New Member

Male Posts : 6
Reputation : 0
Language : german
Location : Germany

Back to top Go down

Widget Background, Effect Button, .. Empty Re: Widget Background, Effect Button, ..

Post by Sanket April 10th 2009, 3:45 pm

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
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Widget Background, Effect Button, .. Empty Re: Widget Background, Effect Button, ..

Post by Powha April 10th 2009, 5:14 pm

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
avatar
Powha
New Member

Male Posts : 6
Reputation : 0
Language : german
Location : Germany

Back to top Go down

Back to top

- Similar topics

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