2008 January | Easy Tutorials

Archive for January, 2008

Having a fixed image

Friday, January 11th, 2008

Sometimes you want your image to be fixed in a certain which not be scrolled down with the rest of the page:

This css code will help you do that

.something{

background-image: url(‘imagename.gif’);
background-repeat: no-repeat;
background-attachment: fixed
}

See the properties first we give the url of the image to be shown using background image property

then we add a no-repeat to stop repeating of image

And theen we add a background attachment that fixes the image like a glue

Thanks

krates

Share and Enjoy:

Posted in CSS | Comments Off

Set an image as a background of your website

Wednesday, January 9th, 2008

Well this one is the easiest tutorial for you all

How to set an image as a background of your website

Syntax

</head>

</html>

Notice:

background-image: url(‘bg.gif’)

Just use the background image declaration followed by url of the image in between the braces

Thanks

krates

Share and Enjoy:

Posted in CSS | Comments Off

Changing the image on hovering through javascript

Tuesday, January 8th, 2008

This tutorial is going to teach you how to change the image when you hover your mouse over it throught javascript:

Have a look below:

<html>
<head>
<script type=”text/javascript”>
function onhover()
{
document.imagel.src=”image1.gif”;
}
function hoverout()
{
document.imagel.src=”image2.gif”;
}
</script>
</head>

Thanks
krates

Share and Enjoy:

Posted in Javascript | Comments Off

Decorating the text through css

Monday, January 7th, 2008

Many a times we want to decorate the text. here are the Five main text decoration properties that can be used in your matter.

<html>
<head>
<style type=”text/css”>
h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4{text-decoration: blink}
a {text-decoration: none}

</style>
</head>
<body>
<h1>Something</h1>
<h2>Something</h2>
<h3>Something</h3>
<h4>Something</h4>
<p><a href=”http://www.easytutorial.info”>Something</a></p>

</body>

</html>

Now see the text contained between h1 tag will have a line over it

The text contained between the h2 tag will have a line throught it (Strike through) .

The text contained between the h3 tags will have a underline

The text contained between the h4 tags will blink

The last one is a link this will have no underline

Thanks

krates

Share and Enjoy:

Posted in CSS | Comments Off

Taking out small part of images to use in another image.

Sunday, January 6th, 2008

See the two images below:

ImageShack

See the graphic part in the first image now:

how to copy that part on to the second image i am going to teach you:

Select the part and zoom in :

ImageShack

Now select each bit of it and copy don’t worry about a little merging of background because when it will be zoomed out you will see nothing.

ImageShack

Now open the second image where you want to copy that part

And paste it

ImageShack

Done

thanks

krates

Share and Enjoy:

Posted in Image editing | Comments Off

Web design tutorials for professional and aspiring webmasters

Categories

Meta

Archives

Upcoming Conferences

Archive for January, 2008

Having a fixed image

Set an image as a background of your website

Changing the image on hovering through javascript

Decorating the text through css

Taking out small part of images to use in another image.