Archive for the ‘HTML’ Category
Thursday, November 8th, 2007
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…)
Tags: Create a Search Form in HTML, Design, forms in HTML, google, how to, HTML, Programming, Search Form, tutorial, webdesign
Posted in Design, HTML, SEO, Tutorials | 1 Comment »
Tuesday, November 6th, 2007
Hy! Today we learn how to validate HTML and CSS from your page. This tip is usefull if you have a website about webdesign where you have tools for development! Here is the final result
with a design what i made, you have all files in the archive HERE. Let’s Start.
[1] Open your text editor and type the next HTML code
<html>
<head>
<title>Validate CSS, HTML, XHTML from your page</title>
</head>
<body>
<div>
<form method=”get” action=”http://jigsaw.w3.org/css-validator/validator” target=”_blank”>
<input name=”uri” id=”uri” size=”30″ value=”http://” /></p><br><br>
<label title=”Submit file for validation”><input type=”submit” value=”Validate CSS” /></label>
<label title=”Clear HTML data”><input type=”reset” value=”Clear” /></label>
</form>
</div>
<br>
<div>
<form method=”get” action=”http://validator.w3.org/check” target=”_blank”>
<input name=”uri” id=”uri” size=”30″ value=”http://” /></p><br><br>
<label title=”Submit”><input type=”submit” value=”Validate HTML” /></label>
<label title=”Clear”><input type=”reset” value=”Clear” /></label>
</form>
</div>
</body>
</html>
(more…)
Tags: Design, Download, how to, Internet, links, Programming, Tips & Tricks, tutorial, Validate CSS, Validate HMTL & CSS from your page, Validate HTML, w3c website, webdesign, world wide web consortium
Posted in CSS, Design, Download, HTML, Internet, Photoshop, Tutorials | 3 Comments »
Tuesday, October 30th, 2007
Today we create a simple MENU in CSS. Click here to see the final result!
[1] Let’s to create the CSS:
<style type=”text/css”>
body {
text-align: left;
background-image: url(”bg.gif”);
}
div {
width: 100px;
height: 20px;
background-color: #338ce8;
}
div:hover
{
background-color: #085ea6;
}
a {
color: white;
font-size: 18px;
text-decoration: none;
}
</style>
(more…)
Tags: cascade style sheet, Create a Menu in CSS, Create MENU, CSS, Design, how to, Programming, scripts, site, sitedesign, tips&tricks, tutorial, w3c, webdesign, website, worldwideweb consortium
Posted in CSS, Design, HTML, Tutorials | No Comments »
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…)
Tags: :hover syntax, cascade style sheet, CSS, how to, HTML, Links in CSS, Pseudo-Classes, rollovers, Tips & Tricks, tutorial, w3c
Posted in CSS, Design, HTML, Pictures, Tutorials | No Comments »
Saturday, October 27th, 2007
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…)
Tags: Design, how to, HTML, index.php, PHP, Programming, script, scripts, tagging, Tell a Friend, Tips & Tricks, tutorial, w3c, www
Posted in HTML, PHP, Pictures, Tutorials | 7 Comments »
Saturday, October 27th, 2007
Final result: HERE
I have made a tutorial about how to install EasyPhp and now i come with an example. Today we learn how to create a
Contact Page in HTML and PHP very easy! Download the next files to exercise on them:
(more…)
Tags: Contact Page, Create a Contact Page with HTML and PHP, Free php scripts, HMTL, how to, PHP, PHP Example, send e-mail from website, send email online, Tips & Tricks, tutorial
Posted in Download, HTML, Internet, PHP, Tutorials | 5 Comments »
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…)
Tags: Blog, Blogger, Blogging, Design, how to, HTML, Read More, Read More syntax, Tips & Tricks, tutorial, Tutorial about to put read more in blogger platform
Posted in Blog, Design, HTML, PHP, Tutorials | 2 Comments »
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…)
Tags: cascade style sheet, Create Rollover Image in CSS, CSS, Design, how to, HTML, Rollover Image in CSS, Rollover in CSS, tips&tricks, tutorial, w3c, webdesign, world wide web consortium
Posted in CSS, Design, HTML, Tutorials | 2 Comments »
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…)
Tags: Adobe Dreamweaver CS3, Create Rollover Image, Design, how to, HTML, MouseOver, Pictures, Rollover, Rollover Image, Tips & Tricks, tutorial, webdesign
Posted in Design, HTML, Pictures, Tutorials | 2 Comments »
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…)
Tags: article, cascade style sheet, CSS, Design, HTML, id selection, Internet, tutorial, validate, w3c, webdesign
Posted in CSS, HTML, Tutorials | No Comments »
