2007 December | Easy Tutorials

Archive for December, 2007

TV icon

Thursday, December 6th, 2007

In this tutorial, you will learn to create a tv icon. Final output of this tv icon tutorial can be seen below :-

Select rounded rectangle tool and set the radius to 6 px. Draw this shape :-

Apply gradient overlay as shown :-

Now, duplicate the layer. Change the size of this layer and also, change the angle of gradient overlay to -90 degree as shown :-

Again, duplicate the layer, reduce its size and apply gradient overlay as shown. It will be the screen of our tv icon.

Now, duplicate the first layer or the base layer (not the background layer ). Remove all the layer styles.
Reduce its size as shown and make it the top layer by pressing control+shift+}.

Now, select rounded rectangle tool again. Press ‘-’ (minus sign) from the numeric keypad and draw another rounded rectangle inside this layer as shown.

It will substract the area from the first shape.

Duplicate this layer. Reduce its size and place this layer as shown.

Change the fill opacity of this layer to around 33%.

Now, draw a #706D66 colored circle with ellipse tool as shown :-

Draw a tinny white color circle inside this shape.

Draw more shapes similar to this button as shown :-

Now, draw two 2 pixel wide lines with line tool. Change the foreground color to #737373 prior to drawing the lines :-

Duplicate the two buttons and place them as shown :-

Now, draw a circle with ellipse tool as shown :-

Reduce the fill opacity to 16%.

Finally, draw the ovular shape with ellipse tool. Choose any shade of gray color.
Rasterize this layer and add gaussian blur (filter>blur>gaussian blur) in it.
Experiment with amount and you will have something like this. Our tv icon is ready

Share and Enjoy:

Posted in Image editing | 2 Comments »

Increasing your net download speed

Tuesday, December 4th, 2007

Well sometimes you need to download a big file and your sluggish net can’t do the job for you with this trick your net will download files for +2 or +3 kbps then your actual download speed

The trick is this that you must use proxies for downloading file

copy the url of the file to be downloaded and then

go to www.proxy.org

select a proxy and enter this url and hit go download the file it will get downloaded more fast then your actual speed

Share and Enjoy:

Posted in Windows | 1 Comment »

Confirming actions in javascript

Monday, December 3rd, 2007

Sometimes if a user is navigating away from your site or some hyperlink is there which is going to click u can add a confirm box so that he can change his decision or you show him something more intresting

Using Confirm:

<html>

<head>

<script type=”text/javascript”>

function confirmaction()

{

var action=confirm(“Choose action”);

if (action==true)

{

document.write(“You have pressed ok”);

}

else

{

document.write(“You have pressed Cancel”);

}

</script>

</head>

<body>

<input type=”button” onclick=”confirmaction()” value=”Button” />

</body>

</html>

Example explained

Now when you will click on the button

the confirm command works and it will display

a command prompt with a OK and CANCEL button if you pressed ok

The action becomes true and the statement

You have pressed ok

will be displayed

and the vice – versa (Reverse) If you pressed cancel

Thanks

krates

Share and Enjoy:

Posted in Javascript | Comments Off

File upload in php

Saturday, December 1st, 2007

If you want users to upload files you can do this by using php

HTML FILE

<form action=”upload.php” method=”post”
enctype=”multipart/form-data”>
<input type=”file” name=”upload” />
<br />
<input type=”submit” name=”submit” value=”Submit” />
</form>

The file of yours will now consist of a browse button through which a user can select the file he wants to upload

The upload.php will display the file information and upload the file to the folder upload

UPLOAD.PHP

<?php

if(isset($_FILES['upload'])){if ($_FILES["file"]["error"] > 0)
{
echo “Contain error ” . $_FILES["file"]["error"] . “<br />”;
}
else
{

echo “File name ” . $_FILES["file"]["name"] . “<br />”;
echo “File Type: ” . $_FILES["file"]["type"] . “<br />”;
echo “File size: ” . ($_FILES["file"]["size"] / 1024) . ” Kb<br />”;
echo “Temp file: ” . $_FILES["file"]["tmp_name"] . “<br />”;if (file_exists(“upload/” . $_FILES["file"]["name"]))
{
echo $_FILES["file"]["name"] . ” already exists. “;
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
“upload/” . $_FILES["file"]["name"]);
echo “Stored in: ” . “upload/” . $_FILES["file"]["name"];
}
}
}
else{
echo ‘where have you come from ha’;
}?>

Create both the files and upload to the server then create a folder named upload [important] Or else you will get error.

When done check

Thanks
krates

Share and Enjoy:

Posted in PHP | 2 Comments »

Web design tutorials for professional and aspiring webmasters

Categories

Meta

Archives

Upcoming Conferences

Archive for December, 2007

TV icon

Increasing your net download speed

Confirming actions in javascript

<html>

<head>

<script type=”text/javascript”>

function confirmaction()

{

var action=confirm(“Choose action”);

if (action==true)

{

document.write(“You have pressed ok”);

}

else

{

document.write(“You have pressed Cancel”);

}

}

</script>

</head>

<body>

<input type=”button” onclick=”confirmaction()” value=”Button” />

</body>

</html>

You have pressed ok

File upload in php

<form action=”upload.php” method=”post”
enctype=”multipart/form-data”>
<input type=”file” name=”upload” />
<br />
<input type=”submit” name=”submit” value=”Submit” />
</form>

<?php

if(isset($_FILES['upload'])){if ($_FILES["file"]["error"] > 0)
{
echo “Contain error ” . $_FILES["file"]["error"] . “<br />”;
}
else
{

Web design tutorials for professional and aspiring webmasters

Categories

Meta

Archives

Upcoming Conferences

Archive for December, 2007

TV icon

Increasing your net download speed

Confirming actions in javascript

<html>

<head>

<script type=”text/javascript”>

function confirmaction()

{

var action=confirm(“Choose action”);

if (action==true)

{

document.write(“You have pressed ok”);

}

else

{

document.write(“You have pressed Cancel”);

}

}

</script>

</head>

<body>

<input type=”button” onclick=”confirmaction()” value=”Button” />

</body>

</html>

You have pressed ok

File upload in php

<form action=”upload.php” method=”post” enctype=”multipart/form-data”> <input type=”file” name=”upload” /> <br /> <input type=”submit” name=”submit” value=”Submit” /> </form>

<?php

if(isset($_FILES['upload'])){if ($_FILES["file"]["error"] > 0) { echo “Contain error ” . $_FILES["file"]["error"] . “<br />”; } else {

<form action=”upload.php” method=”post”
enctype=”multipart/form-data”>
<input type=”file” name=”upload” />
<br />
<input type=”submit” name=”submit” value=”Submit” />
</form>

if(isset($_FILES['upload'])){if ($_FILES["file"]["error"] > 0)
{
echo “Contain error ” . $_FILES["file"]["error"] . “<br />”;
}
else
{