// syntex highlighter // syntex highlighter

Archive for October, 2010

5 Firefox Addons for Cricket Lovers – Get Latest Updates

Posted by Ajay Patel On October - 28 - 2010

cricketCricket it is like a favorite game in India, there are lot of fans for cricket in India. There are some people [me too] who can bunk college or office to  watch cricket match ;-) .
Here i am shearing some 5 Firefox Addons for Cricket Lovers to get latest update while your work.

1. Cricket Fox

Get live International and world cup cricket socres in your status bar of your browser. It is one of the mostly downloaded firefox addon for cricket.

Download link

2. Score Watch

score watch addon

Get latest cricket score updates in the status bar panel based on RSS feeds from popular cricket sites. This is one of my favourite firefox addon.

Download link

3. Hit Wicket

hitwicket logo

HitWicket is a must addon for cricket freaks which shows live cricket score updates from CMDN.com in the status bar panel, you can also view the full scoreboard from your browser without going to that website.

Download link

4. CricWaves

crivwaves firefox addon

Cricwaves brings live cricket feeds right to your browser, with this extension you can now follow match updates in a non intrusive manner with audio bytes for all impotent events in the match.

Download link

5. ESPN Crick info

ESPN cricinfo addon

The official ESPN Cricinfo Firefox extension, shows you the latest cricket news, features and live scores from official cricinfo.com website.

Download link

Flash-Based Galleries For Your Website

Posted by Hardik Chauhan On October - 2 - 2010


If you’d like to present some multimedia-content, particularly images, Flash can often be a feasible solution, with flexible image management for web designers and impressive visual presentation for users. Used moderately, Flash-based galleries can give the presentation a fresh spark and create a rich visual experience you might want to offer your visitors.

In this post I present some of the free, attractive and flexible Flash-based galleries you can use to present your images more effectively. You might find some useful references to further galleries in our article 30 Best Solutions For Image Galleries, Slideshows and Lightboxes.

Flash-based Galleries: An Overview

Polaroid Gallery offers a quite unusual way of presenting a bunch of photos online. The script loads images and image titles dynamically from an external XML file. Then the script processes the data and creates an interactive flash gallery in which all images are presented as Polaroid-photos.

The images are kind of thrown on the the table randomly and create a beautiful mess — the idea resembles BumpTop, physics-driven 3D-desktop with draggable folders and files. You can move the polaroids around with the mouse, and you can double click a Polaroid picture to zoom in.

To use the gallery you simply need to define your images and your galleries by modifying the XML-file accordingly. You can also define the legend to describe the content of the images. Besides, you can specify your Flickr ID and the gallery will automatically load the latest pictures from your Flickr RSS-feed. The loaded pictures are automatically scaled, centred and smoothed.

The script is free and open-source, and the .zip-package includes a .fla-file you can modify to improve the script. To ensure an optimal presentation your images should have a square format; otherwise the Polaroids don’t look particularly pretty.

Carousel is another interesting approach for showcasing images. The script reads the data from a HTML- or XML-file and displays the images in a circle. Similar to iPhone, visitors can browse through the gallery sliding the mouse along the screen; alternatively also the keyboard can be used.

You can define an automatic rotation of the images (max rotation set to 90°/sec counterclockwise). New modified versions are coming soon – as well as a detailed documentation on how the XML-files should be structured.

How To Design Effective Login Page ?

Posted by Ajay Patel On October - 2 - 2010

Hi guys, today i am going to learn you that how to Design Effective Login Page for your website project.

login-grooveshark

login-grooveshark


A completely distraction-free log in page. These are becoming more and more popular with web applications which require you to log in before you can do very much. The log in page can be a great place to have fun with design and do something unique.

Lets start …

First of all you need to create a form for login.html page.Design simple login page with -form- tag.

</code>
<!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>Login Page</title>

 <link rel="shortcut icon" href="/favicon.ico">
 <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

 <form id="login-form" action="#" method="post">
 <fieldset>

 <legend>Log in</legend>

 <label for="login">Email</label>
 <input type="text" id="login" name="login"/>
 <div></div>

 <label for="password">Password</label>
 <input type="password" id="password" name="password"/>
 <div></div>

 <label for="remember_me" style="padding: 0;">Remember me?</label>
 <input type="checkbox" id="remember_me" style="position: relative; top: 3px; margin: 0; " name="remember_me"/>
 <div></div>

 <br />

 <input type="submit" style="margin: -20px 0 0 287px;" name="commit" value="Log in"/>
 </fieldset>
 </form>

</body>

</html>
<code>

Now create style.css file wits css , keep in mind you should need some css knowledge.

</code>*                    { margin: 0; padding: 0; }
body                { font-family: Georgia, serif; background: url(images/login-page-bg.jpg) top center no-repeat #c4c4c4; color: #3a3a3a;  }

.clear                { clear: both; }

form                { width: 406px; margin: 170px auto 0; }

legend                { display: none; }

fieldset            { border: 0; }

label                { width: 115px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; }

input                { width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;
 color: #3a3a3a; font-family: Georgia, serif;}
input[type=checkbox]{ width: 20px; margin: 0; display: inline-block; }

.button                { background: url(images/button-bg.png) repeat-x top center; border: 1px solid #999;
 -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold;
 -webkit-border-radius: 5px; font-size: 13px;  width: 70px; }
.button:hover        { background: white; color: black; }<code>

Now design effective login image background.you can design it in photoshop or other designing software.

TITLE: Effective Login Page
Demo Clik Here !!
Download Link: Login.rar

Our Sponsors

TAG CLOUD

About Me

Ajay Patel
I am pass out student From SVIT,Vasad.
And now working at OpenXcell Tech. As Mobile App & Web-Developer.
For me technology is an essential part of my life and I love finding and trying out various stuffs.
I believe in practical life ,to do something that use to make human life easy.

Dont Go D Way Wr Lyf Takes U,Take D Lyf D Way U Go

Twitter

    Join Us. . .