| Tu Poli Mi Bhaat, Tu Football Mi Laath Tu Bashi Mi Cup, Tu Ball Mi Bat, Mi Mungla Tu Mungi, Tu Love Mi Prem , Tu Doka Mi Kes, Tu Nisarga Mi Fiza, Tu Ghubad Mi Pankh, Tu Sambaar Mi Dosa Tu Kanik Mi Poli Tu Petrol Mi Car, Tu Dudh Mi Saai, Tu Chaha Mi Lassi, Tu Toop Mi Loni, Tu Barfi Mi Pedha, Tu Computer Mi C.D., Tu Dahi Mi Loni, Tu Computer Me Mail Tu Tiger Mi Lion Tu Takkal Mi Kes.. Tu Kes Me Konda, |
तूं पोळी मी भात तूं फुटबॊल मी लाथ तूं बशी मी कप तूं बॊल मी बॅट मी मुंगळा तूं मुंगी तूं लव्ह मी प्रेम तूं डोकं मी केस तूं निसर्ग मी फिज़ा तु घुबड मी पंख तूं सांबार मी दोसा तूं कणिक मी पोळी तूं पेट्रोल मी कार तूं दूध मी साय तूं चहा मी लस्सी तूं तूप मी लोणी तूं बर्फी मी पेढा तूं कॊम्प्युटर मी सीडी तूं कोम्प्युटर मी मेल तूं टायगर मी लायन तूं टक्कल मी केस तूं केस मी कोंडा |
Best marathi poem
Make stylish web 2.0 horizontal menu
After we finished the tutorial we need to create 2 simple images to style our CSS navigation bar: A background image (the light blue bar) and a transparent button that indicate the active state, all other elements are created with CSS.
Like in most CSS horizontal navigation bars an unordered list is used to hold the menu items:
With the next CSS code it’s possible to style the horizontal navigation bar:
#container {
width:800px;
height:600px;
padding:20px;
}
ul#navbar {
background:url(/tutorials/web20_css_bar/backgr.jpg) repeat-x left top;
margin:0;
border-bottom:3px solid #98CB00;
border-top:1px solid #00CCFF;
list-style-type:none;
height:31px;
}
ul#navbar li {
float:left;
}
ul#navbar li a {
display:block;
padding:5px 15px 4px;
font:bold 16px "Trebuchet MS";
text-decoration:none;
color:#00CCFF;
letter-spacing: -0.1em;
}
ul#navbar li a:hover {
color:#98CB00;
}
ul#navbar li a#current {
background:url(/tutorials/web20_css_bar/current.gif) no-repeat center bottom;
color:#98CB00;
}
We placed the background image behind ul element and added the two borders to the top and bottom. The li element is defined as a floated block element and got some padding to create a bigger button. The last definition is for the current state, which will show up the tri-angle. You need some server-side code (php) to get a dynamic position every time a different page is loaded.
The source files can be downloaded here.
