Posts marked with "Posts" in posts

Selecting a particular parent in Jquery

November 9, 2012 HTML, JavaScript, JQuery

If you want to select a particular parent div. Then you should use parents() function. If you use parent() function It won’t work. For Example:
index.html


 

  
 

If you want to get the id of the main parent which is .main then you should use Jquery code like this:

$("#click").live(‘click’, function(){
alert($(this).parents(".main").attr(‘id’));
});

The code above will alert the id of the main parent. Try it out yourself.

... [READ MORE]

How to remove an item from GRUB boot menu 2nd Way.

November 6, 2012 Linux, Ubuntu

There is another way to remove items from GRUB menu. By deleting the files in /boot. To remove the item in the GRUB do as shown below.

Open Terminal (ALT + CTRL + T)
Enter the Command.

gedit /boot/grub/grub.cfg

Now search for ### BEGIN /etc/grub.d/10_linux ###.
After that line you will see the items of your GRUB menu.
Select which is the item you want to remove. Suppose we want to remove Ubuntu, with Linux 2.6.32-30-generic. For that find the line. and in between {…..} the characters find initrd and memorize the location after the text initrd.
Go to the location. For that do as below.
Open Terminal (ALT + CTRL + T)
Enter the command.

sudo nautilus

... [READ MORE]

How to change/set background image of GRUB bootscreen

November 2, 2012 Linux, Ubuntu

You might have heard of background image in GRUB boot screen. You can change the ugly black background of GRUB using a few little steps.

1 – Press ALT + F2. Type this in the input box of the window.

gksu gedit /etc/grub.d/05_debian_theme

and press Enter Key.

The program will ask for your password. After typing the password and pressed the Enter Key a gedit window will appear. Press CTRL + F and search for WALLPAPER= after you found the word copy the location where your background image is and pate the location in quotes after the "=" like in the image shown below.
After editing the file press CTRL + S. After Saving the file press ALT + F2 again. This time type : 

gksu update-grub

... [READ MORE]

Enabling Desktop Effects in Ubuntu Linux

November 2, 2012 Linux, Ubuntu

When you are using Windows 7 you will notice that it have window effects like shadow on windows opened, animation effects while moving a window. You can also have these kind of effects in Ubuntu.

To enable the feature right click on your desktop.
Choose Change Desktop Background. A window will now open with 4 tabs. Open Visual Effects tab.
Choose Norma if you have a Graphics Card with a memory of 512 MB. Choose Extra if you have 1 GB graphics card. A installation will begin. After downloading required files the screen will become blank 1 or 2 times. Don’t worry! That’s it. Try out your new Desktop Effects.
... [READ MORE]

Make Image Black & White (grayscale) using CSS In Webkit

November 2, 2012 CSS, HTML

If you want to make images grayscale ie black & white you can use this tutorial.
Note that this trick will only work on browsers that runs webkit which is used by browsers like Google Chrome, Safari, Midori etc.
Other browsers using different engines do not support the gray scake option. Hence this trick does not support all browsers.
DEMO
Grayscaled Image Using CSS & Original Image
Grayscaled Image Using CSS & Original Image
Here’s the CSS code which will make all images grayscale.

... [READ MORE]

CSS and Cursors CSS mouse cursor effects with DEMO

October 31, 2012 CSS, HTML

Ever wanted to change the cursor in your web page ? Well you can change it in CSS. There is a way of doing that, the cursor propery.
There is a way in CSS to change the cursor to pointer,cursor,resize,normal etc…..
This table show what will be the cursor when the value of cursor property changes as following.

  <td width="50%">
    <b><u><span style="font-family: inherit;">Cursor</span></u></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <span style="color: black;"><span style="font-family: inherit; font-size: small;"><b>Not-allowed,default,inherit,initial,no-drop,vertical-text</b></span></span>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">all-scroll</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">col-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">crosshair</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">e-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">ew-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">help</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">move</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">n-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">none</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">ne-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">nesw-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">ns-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">nw-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">nwse-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">pointer</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">Progress,wait</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">row-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <div align="LEFT">
      <span style="color: black;"><span style="font-family: inherit; font-size: small;"><b>s-resize</b></span></span>
    </div>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <div align="LEFT">
      <span style="color: black;"><span style="font-family: inherit; font-size: small;"><b>se-resize</b></span></span>
    </div>
  </td>
  
  <td id="vattu" width="50%">
    <b><span style="font-family: inherit;"><br /> </span></b>
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <div align="LEFT">
      <b><span style="font-family: inherit;">sw-resize </span></b>
    </div>
  </td>
  
  <td id="vattu" width="50%">
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">text</span></b>
  </td>
  
  <td id="vattu" width="50%">
  </td>
</tr>

<tr valign="TOP">
  <td width="50%">
    <b><span style="font-family: inherit;">w-resize</span></b>
  </td>
  
  <td id="vattu" width="50%">
  </td>
</tr>
Value

... [READ MORE]

Adding Scroll To Top function in Blogger/Blogspot using Jquery

October 29, 2012 Blogger, HTML, JQuery

This Post will help you to add a Scroll To Top function in your Blogger Blog. Follow the steps given below. 

<div style="text-align: center;">
  <span style="background-color: #93c47d; border-radius: 10px; font-family: inherit; font-size: x-large; padding: 8px 10px;"><a href="http://subin-demos.blogspot.com/#scrolltop" >DEMO</a></span>
</div>


1 – Go to Blogger -> Template -> Edit HTML 
2 – Adding Codes.
Add this script before if you haven’t added a script src of Jquery Library.

... [READ MORE]

Create Text Editor like Blogger Using HTML & jQuery

October 24, 2012 Blogger, HTML, JavaScript, JQuery

You might have seen text editors where you can bold a text, italic a text etc… The perfect example of this the Blogger Post Text Editor. 

This is a simple tutorial that will create a text editor using HTML, Jquery & JavaScript.
Download Demo

We have two files, index.html which contains the HTML code and texteditor.js which contains the jQuery code. You should include the texteditor.js in index.html.index.html

... [READ MORE]

BZFLAG Ubuntu 10.04 Lucid Lynx PPA

October 24, 2012 Linux, Ubuntu

Bzflag stopped supporting Ubuntu 10.04 Lucid Lynx. But you can still install the latest version by adding this PPA.
To add the PPA follow the steps.
1 – Go to Ubuntu Software Center
Under Edit Tab Choose Software sources.


Click Add button.
Type this in the APT line field.

ppa:ferramroberto/game/ubuntu

and click Add Source.

BZFLAG PPA  is now added. Close the Software Resources dialog.
A window will ask for your password.
Type your password and click Authenticate. Some files will start to Download.
After the download is finished packages will be updated. Close Ubuntu Software Center. Open Synaptic Package Manager and search for bzflag you should see an exclamation mark on the left side of the package bzflag. It means an upgrade is available. Double click on the packages bzflag , bzflag-data , bzflag-client , bzflag-server. Then click Apply button on the top.
The packages you double clicked will be downloaded and upgraded. Enjoy BzFlag.
... [READ MORE]

Upload your image to the web in just a minute without registering

October 22, 2012 Blogger

There are many websites for uploading images for various purposes. Some of the popular services are Picasa, Flickr etc….
But you need an account for using the services shown above. If you don’t want to waste any time and upload image in just a minute, then there a re some services which will upload your image in their servers. In this tutorial I will introduce to a service called Post Image.
Go to Post Image (http://www.postimage.org/).

... [READ MORE]

Follow/Subscribe

Telegram 

Mastodon  Twitter

GitHub GitLab

Subdomains

Demos  Lab

Past

This blog was once on WordPress. Now a static site. See source code on

GitLab