Sunday, October 31, 2010

How to create css menu with html and css

This is your html code for menu, copy this and save it as index.html where the place what you want.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css.css" type="text/css" />
</head>

<body>
<div class="wrap">
   <div id="mainMenuDiv">
       <div id="leftcornerImg"></div>
                                    <div id="menu">
                                        <ul>
                                            <li><a href="#">Home</a></li>
                                            <li><a href="#">Contact Us</a></li>
                                            <li><a href="#">Cources</a></li>
                                            <li><a href="#">Lectures</a></li>
                                            <li><a href="#">Life</a></li>
                                            <li><a href="#">Results</a></li>
                                        </ul>
                                    </div>
       <div id="rightcornerImg"></div>
   </div>
</div>
</body>
</html>

This is your css code , copy and past this code in your css file and save it. find suitable 3 images for this menu and set the path properly.

body {
    background-color:#069;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

#menu {height:31px;
                    font-size:13px;
                    text-align:center;
                    font-family: Verdana, Geneva, sans-serif;
                    float:left; min-width:975px;
                    background-image: url(menu-bg.png) ;
                    }

#menu ul {margin:0px;padding:0px; height:31px;}

#menu ul li {display:inline;height:31px;list-style:none;margin-left:15px;}

#menu li a {color:#FFFFFF;text-decoration:none;font-weight:bold;}

#menu li a:hover {color: #D26A0D;text-decoration: none;font-weight:bold;}

#menu li {display:inline; list-style-type:none; padding-left:1em; margin-left:1em;background: url(separator.jpg) repeat-y;line-height: 30px;}

#menu li:first-child {background: none;}

#leftcornerImg {
    background-image:url(footer-left1.png);
    width:11px;
    height:32px;
    float:left;
}

#rightcornerImg {
    background-image:url(footer-right1.png);
    width:14px;
    height:32px;
    float:left;
}

connect this css and html files, and see it in browser.

If u set ths required things properly, U will see the menu.

creating a css menu

CSS UL LI - Horizontal CSS Menu

31.10.2008 Category: Web Design
In this tutorial we're going to create a professional horizontal CSS menu. First we are going to create a HTML list by using Unordered List (ul) and List Item (li) elements. Then we are going to style the list with CSS (Cascading Style Sheets) into the form of a horizontal navigation menu like in Picture 1.

Picture 1. Horizontal navigation menu that is made with HTML UL and LI elements and styled with CSS.
Previous knowledge about some basic HTML and CSS is required. HTML elements used in this tutorial:

ul (Unordered List)
li (List Item)
a (Anchor / Link)

This is a CSS tutorial so I'm not going to go through the creation of the graphics used in this tutorial. However, you can download the images and even the original PSD file:

HTML List (ul li) With Links

Let's start by creating a list with links in HTML:
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
ul tags define the whole list and each list element is defined with li tags. Additionally each list item is surrounded with link tag (a). In real life situation you will of course replace # with the real URL. In a browser the list looks like in picture 2. My list has only five items but you can have as many as you like. Now the HTML part of the menu is complete. Next we're going to style the menu with CSS.

Picture 2. A basic HTML list created with UL and LI tags.

UL CSS Styling

First I change the background color to black. It's not required but my graphics just looks better on black;)
body {
background-color: #000;
}
Then I use universal selector (*) to remove browser's default values of padding and margin from all elements. I think it just makes life easier. Alternatively, you could place these declarations under the ul selector.
* {
margin: 0;
padding: 0;
}
Now we are going style the ul with CSS. CSS declaration block for ul:
ul {
list-style-type: none;
background-image: url(navi_bg.png);
height: 80px;
width: 663px;
margin: auto;
}
The first declaration removes the default HTML list bullets. The second declaration places small (1x80 pixels) image in the background (repeated automatically.) The third declaration sets the height of the list. The fourth declaration sets the width of the list. The fifth declaration is voluntary. Auto margin will center the list within its parent element. Now the list looks like in picture 3.

Background image placed with css in ul li list

Thursday, October 28, 2010

http://vidyawa.com/

What is Quantum Physics?

What is Quantum Physics?
Quantum physics is a branch of science that deals with discrete, indivisible units of energy called quanta as described by the Quantum Theory. There are five main ideas represented in Quantum Theory:

Energy is not continuous, but comes in small but discrete units.
The elementary particles behave both like particles and like waves.
The movement of these particles is inherently random.
It is physically impossible to know both the position and the momentum of a particle at the same time. The more precisely one is known, the less precise the measurement of the other is.
The atomic world is nothing like the world we live in.

While at a glance this may seem like just another strange theory, it contains many clues as to the fundamental nature of the universe and is more important then even relativity in the grand scheme of things (if any one thing at that level could be said to be more important then anything else). Furthermore, it describes the nature of the universe as being much different then the world we see. As Niels Bohr said, "Anyone who is not shocked by quantum theory has not understood it."

Installing an SMTP server on Linux (Ubuntu)

It's really simple to install an SMTP server for personal or business use on Linux (Ubuntu).

First off...open up your terminal.

Type the following command :

sudo apt-get install postfix

It might ask you for a password. If it does, simply enter your account login password.

Once all headers have been fetched and downloaded, it will ask you a few questions such as your computername (which you could make "localhost") etc...just some basic questions.

For further configuration settings, type the following into the terminal as a new command :

sudo dpkg-reconfigure postfix

And that's it...
You have your own personal SMTP server running on Linux (Ubuntu).

So you might be wondering how this could be of any use to you...or you might even be wondering how you should set up your email client to use your personal or network Linux computer to send mail via this local server.

Well...having your own SMTP server has many great advantages. It is much faster, much more reliable, and you can go back and check all log files if necessary. I primarily use this local SMTP server for the PHP mail() function which allows me to quickly and efficiently send emails via a PHP function.

If you are planning on using this with your email client such as Opera M2, Thunderbird, Outlook, whatever, simply set the SMTP host name to be "localhost" or whatever your computername is for the Linux box. It should be sending through port 25 with no secure authentication at all.

After installing this...I managed to send emails out to my Gmail and Yahoo accounts in litterally 3 seconds. No jokes. That's extremely quick.

Have fun...and feel free to post your comments here.

What is SMTP?

SMTP
SMTP is short for Simple Mail Transfer Protocol and it is used to transfer e-mail messages between computers. It is a text based protocol in which message text is specified along with the recipients of the message. Simple Mail Transfer Protocol is a 'push' protocol and it cannot be used to 'pull' the messages from the server.
A procedure of queries and responses is used to send the message between the client and the server. An end user's e-mail client or the relaying server's Mail Transport Agents can act as an SMTP client which is used to initiate a TCP connection to the port 25 of the server. SMTP is used to send the message from the mail client to the mail server and an e-mail client using the POP or IMAP is used to retrieve the message from the server.

SMTP Functions

An SMTP server performs the following two functions :

It verifies the configuration and grants the permission to a computer that is making an attempt to send a message. It sends the message to the specified destination and tracks it to see whether it's delivered successfully or not. If it's not delivered successfully then an error message is send to the sender.
There's one limitation to SMTP and it's the inability to authenticate the senders and this results in e-mail spamming. The enhanced version of SMTP also exists and it's called as Extended SMTP (ESMTP). ESMTP is used to send the e-mails that include graphics and other attachments.

What is SMTP?

SMTP Functions

An SMTP server performs the following two functions :

It verifies the configuration and grants the permission to a computer that is making an attempt to send a message. It sends the message to the specified destination and tracks it to see whether it's delivered successfully or not. If it's not delivered successfully then an error message is send to the sender.
There's one limitation to SMTP and it's the inability to authenticate the senders and this results in e-mail spamming. The enhanced version of SMTP also exists and it's called as Extended SMTP (ESMTP). ESMTP is used to send the e-mails that include graphics and other attachments.

වෙබ් අඩවියක් නිර්මානය කිරිම.

1.වෙබ් පිටුවෙ කටු සටහනක් ඈදගන්න.