Posts Tagged ‘HTML’

Flash Gallery

Friday, November 16th, 2007

Free Flash Gallery

I found on the Internet a Free Flash Gallery! Here is the official website and here is the example.

How to configurate:

[1] Prepare your photos and move it in Gallery Folder. Here you have the original
photos and thumbnail that he need to be resize at 70px x 70 px and rename it like
syourphoto.jpg

(more…)

Learn Flash with a simple example!

Tuesday, November 13th, 2007

Flash Icon PNG

Today we learn together how to create a simple effect in Flash. You can buy or download (trial version) the software from here. Here is the final result!

Who Framed the Animation?

The secret of animation in Flash, as in the movies, is that nothing ever really moves. A Flash movie creates the illusion of movement by quickly displaying a sequence of still images. Each still image is slightly different. Your brain fills in the gaps to give you the impression of movement.

One of the great things about Flash is that you can easily create complicated, spectacular extravaganzas of animation. And Flash stores lots of information in the super-compact vector format. Because the files can be small, they can be transmitted over the Web quickly. That’s good for your Web site viewers.

(more…)

Create a Search Form in HTML!

Thursday, November 8th, 2007

Contact Form

Today we learn how to create a search form in HTML! You have all files here and the 
final result here!

[1] Open Notepad and type the next code.

<html>
<head>
<title>PiticStyle - Create a Search Form</title>
<style type=”text/css”>
body {
background-image: url(”bg.gif”);
}
img   {
float: left;
}
</style>
</head>
<body><br>
<form action=”http://www.google.com/search” method=”get”><img src=”search.gif” mce_src=”search.gif”>
<input type=”text” name=”q”>
<input type=”submit” value=”Search”>
</form>
</body>
</html>

(more…)

Links and Pseudo-Classes in CSS

Sunday, October 28th, 2007

Today we learn about Links and Pseudo-Classes in CSS. I have made tutorials about rollover’s here and here, but this is something different and we talk about links & elements where we can put Pseudo-Classe, on a div, text,etc…

Pseudo-Classes:

:link
:visited
:active
:hover
:focus

(more…)

Create Tell A Friend script with HTML & PHP

Saturday, October 27th, 2007

Tell a Friend Printscreen

Final result HERE

Today we learn how to create a TELL A FRIEND script with HTML and PHP. If you want to exercise on my files, click here
to download them!
(more…)

How to create READ MORE in Blogger platform!

Thursday, October 25th, 2007

Today i create a new blog on Blogger platform. I write some posts and when i want to put ”Read more” on a post i can find it! I search on the Internet, i found something
but with few explications. Now i want to write this tutorial with some printscreens! Let’s start!
(more…)

Create Rollover Image in CSS

Wednesday, October 24th, 2007

Create Rollover Image in CSS ( You can see the final result HERE )

I made two buttons for this tutorial, save it if you want to work with them.


(more…)

Create Rollover Image in Adobe Dreamweaver CS3

Wednesday, October 24th, 2007

Create Rollover Image in Dreamweaver CS3 (view the final result HERE)

[1] Open Adobe Dreamweaver CS3 and select HTML like page type


(more…)

CSS id and them selections

Sunday, October 7th, 2007

Learn how to create and select the CSS ids and use them in a short tutorial and with an HTML page exemple:

(more…)

CSS Classes and them selections

Sunday, October 7th, 2007

Learn how to select the CSS classes and use them in a short tutorial and with an HTML page exemple:

(more…)