JQuery tooltips – 6 plugins to easilly create tooltips

January 22, 2012March 13, 2014 specktator

Tooltips are used to save space in website layout design. If they are used properly then the page becomes much friendlier to our users. <a href="http://jquery.com/">JQuery</a> is a cross-browsing javasript library which gives us the ability to do things in 2-3 lines of code. Search the below Jquery plugins to find what fits to your needs. <em>Remember not to flood your site with so much tooltips. That will drag out of the website your users.</em>

<em><strong><a href="http://craigsworks.com/projects/qtip/" target="_blank">1. qTip</a></strong></em> qTip has an advance tooltip plugin with a lot of features like speech-like clouds, rounded corners and more.

Tooltips are used to save space in website layout design. If they are used properly then the page becomes much friendlier to our users. <a href="http://jquery.com/">JQuery</a> is a cross-browsing javasript library which gives us the ability to do things in 2-3 lines of code. Search the below Jquery plugins to find what fits to your needs. Remember not to flood your site with so much tooltips. That will drag out of the website your users.

<a href="http://craigsworks.com/projects/qtip/" target="_blank">1. qTip</a> qTip has an advance tooltip plugin with a lot of features like speech-like clouds, rounded corners and more.

<strong><em>2. jQuery Tools/Tooltips</em></strong> This tooltip plugin can contains any HTML element such as links, table, forms, and images. Implementing this plugin is very easy. The default effects are sliceup and toogle. However, you can easily build your own effects.
<a href="https://totallynoob.comwp-content/uploads/2013/01/jquery-tools-tooltips.png"><img class="alignnone size-full wp-image-686" title="jquery-tools-tooltips" src="https://totallynoob.comwp-content/uploads/2013/01/jquery-tools-tooltips.png" alt="" width="500" height="132" /></a>

<strong><em><a href="http://craigsworks.com/projects/simpletip/" target="_blank">3. Simpletip</a></em></strong> Simpletip allows you to create tooltips with ease on any element on the page using the power of jQuery.The tooltips can be static, dynamic, or even loaded through AJAX with a variety of different visual effects.

<a href="https://totallynoob.comwp-content/uploads/2013/01/simpletip.png"><img class="alignnone size-full wp-image-687" title="simpletip" src="https://totallynoob.comwp-content/uploads/2013/01/simpletip.png" alt="" width="343" height="129" /></a>

<strong><em>4. Orbital Tooltip</em></strong> With the Orbital Tooltip you can choose to position the tooltip on any object in a 360 degrees around it.
<a href="https://totallynoob.comwp-content/uploads/2013/01/orbital-tooltip.png"><img class="alignnone size-full wp-image-688" title="orbital-tooltip" src="https://totallynoob.comwp-content/uploads/2013/01/orbital-tooltip.png" alt="" width="500" height="178" /></a>

<strong><em><a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">5. Tipsy</a></em></strong> A simple tooltip based on anchor tag's title. In my opinion this simplicity will provide alternative info for an ellement while not stressing visitors eyes with colors,effects etc.

<a href="https://totallynoob.comwp-content/uploads/2013/01/tipsy.png"><img class="alignnone size-full wp-image-689" title="tipsy" src="https://totallynoob.comwp-content/uploads/2013/01/tipsy.png" alt="" width="500" height="70" /></a>

<em><strong><a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html">6. jQuery Input Floating Hint Box</a></strong></em> It provides an automatic box hint in the right side of an input, when focus on that input, and disappear when focus go (blur).

2. jQuery Tools/Tooltips This tooltip plugin can contains any HTML element such as links, table, forms, and images. Implementing this plugin is very easy. The default effects are sliceup and toogle. However, you can easily build your own effects.

<a href="http://craigsworks.com/projects/simpletip/" target="_blank">3. Simpletip</a> Simpletip allows you to create tooltips with ease on any element on the page using the power of jQuery.The tooltips can be static, dynamic, or even loaded through AJAX with a variety of different visual effects.

4. Orbital Tooltip With the Orbital Tooltip you can choose to position the tooltip on any object in a 360 degrees around it.

<a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">5. Tipsy</a> A simple tooltip based on anchor tag's title. In my opinion this simplicity will provide alternative info for an ellement while not stressing visitors eyes with colors,effects etc.

<a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html">6. jQuery Input Floating Hint Box</a> It provides an automatic box hint in the right side of an input, when focus on that input, and disappear when focus go (blur).

Reveal Password From Input Boxes With Chrome Tools

May 22, 2011December 3, 2015 specktator

In this tutorial I will show you how to reveal password characters (asterisks) from a html input form, with Google Chrome Developer Tools. This is a very simple hack with Google Chrome don’t freak out. It’s so easy. Update: I noticed some forum threads from backlinking. Guys, this is absolutely normal. It cannot be remotely […]

How to use Active File Recovery – Recover Files from Damaged Hard Disk

March 10, 2011April 26, 2013 specktator

To recover your files from a damaged hard disk is simple nowadays.

Let's say that a blackout caused the loss of data.
You can't boot from your drive or you can't access it in any way...

Simply download <a href="http://www.file-recovery.net/download.htm">Active @ File Recovery for windows</a> and install it.

Step By Step ... a simple way 

1. <em><strong>Open Active File Recovery</strong></em>
2. <em><strong>Select your drive from the left tree menu</strong></em>
3. <em><strong>Press Quick Scan button (wait for a while to see results)</strong></em>
4. <em><strong>If this try is successfull your entire data or a part of them will be visible on the right pane. The dark colored folders are your deleted or damaged files/folders.</strong></em>
5.<em><strong>To recover press Recover Button and save wherever you want.</strong></em>

Step By Step ... a Harder way (for desperate HDDs and Users)

In case you have a badly damaged disk Active File Recovery can make a Deep Search by pressing the Super Scan button.

1. <em><strong>Press SuperScan button.</strong></em>
<em>This is a deep search remember you'll have to be patient and wait until it's done. Take a nap and forget about it for some hours. The time of scanning procedure depends on your drive's capacity. (Do the math :))</em>
2. <em><strong>When Active File Recovery is done of scanning, Save the scan results by clicking the main scan results folder on the left pane.</strong></em>
3. <em><strong>Then go to file->Save Scan Results... and save it.</strong></em>
4. <em><strong>Go to right pane and sort the results by size</strong></em> (it usually works)
5. <em><strong>Track down the partition name, of the largest partitions that Active File Recovery found, to the left pane.</strong></em>
6. <em><strong>Expand it and check the files there.</strong></em>
7. <em><strong>Select the folder/files and by right clicking on them copy them to a save disk.</strong></em>

To recover your files from a damaged hard disk is simple nowadays.

Let's say that a blackout caused the loss of data.

You can't boot from your drive or you can't access it in any way...

Simply download <a href="http://www.file-recovery.net/download.htm">Active @ File Recovery for windows</a> and install it.

Step By Step ... a simple way

1. Open Active File Recovery

2. Select your drive from the left tree menu

3. Press Quick Scan button (wait for a while to see results)

4. If this try is successfull your entire data or a part of them will be visible on the right pane. The dark colored folders are your deleted or damaged files/folders.

5.To recover press Recover Button and save wherever you want.

Step By Step ... a Harder way (for desperate HDDs and Users)

In case you have a badly damaged disk Active File Recovery can make a Deep Search by pressing the Super Scan button.

1. Press SuperScan button.

This is a deep search remember you'll have to be patient and wait until it's done. Take a nap and forget about it for some hours. The time of scanning procedure depends on your drive's capacity. (Do the math :))

2. When Active File Recovery is done of scanning, Save the scan results by clicking the main scan results folder on the left pane.

3. Then go to file->Save Scan Results... and save it.

4. Go to right pane and sort the results by size (it usually works)

5. Track down the partition name, of the largest partitions that Active File Recovery found, to the left pane.

6. Expand it and check the files there.

7. Select the folder/files and by right clicking on them copy them to a save disk.

Some usefull links:
<a href="http://www.file-recovery.net/">About Active @ File File Recovery</a>
<a href="http://www.file-recovery.net/manual.htm">Documentation concerning some other tasks</a>

Some usefull links:

<a href="http://www.file-recovery.net/">About Active @ File File Recovery</a>

<a href="http://www.file-recovery.net/manual.htm">Documentation concerning some other tasks</a>

Linux log files location and how do I view logs files?

January 23, 2011April 19, 2016 specktator

Almost all logfiles are located under /var/log directory (and subdirectory). You can change to this directory using cdcommand but you need to be the root user. You can use less, more, cat or tail command to see the logs.

First you should "wear" your root clothes by typing:
[crayon-674032c37701e813526849 lang="bash" ]sudo su

Almost all logfiles are located under /var/log directory (and subdirectory). You can change to this directory using cdcommand but you need to be the root user. You can use less, more, cat or tail command to see the logs.

First you should "wear" your root clothes by typing:

[crayon-674032c37701e813526849 lang="bash" ]sudo su

And Then you should go to /var/logs directory:

cd /var/logs

1	cd /var/logs

and view common log file /var/log/messages using any one of the following command:

tail -f /var/log/messages
less /var/log/messages
more -f /var/log/messages
vi /var/log/messages

tail -f /var/log/messages

less /var/log/messages

more -f /var/log/messages

vi /var/log/messages

thnx for reading, @specktator[/crayon]

How to Configure Ip Settings on a linux OS

January 23, 2011April 19, 2016 specktator

To configure IP Address on the eth0 interface do the following. Open a terminal. (Ctrl+T)

sudo ifconfig eth0 youripaddress netmask 255.255.255.0

1	sudo ifconfig eth0 youripaddress netmask 255.255.255.0

To manually configure default gateway:

route add default gw yourgatewayipaddress eth0

1	route add default gw yourgatewayipaddress eth0

To Configure DNS servers IP Address:

echo nameserver 8.8.4.4 > /etc/resolv.conf
echo nameserver 8.8.8.8 >> /etc/resolv.conf

1 2	echo nameserver 8.8.4.4 > /etc/resolv.conf echo nameserver 8.8.8.8 >> /etc/resolv.conf

Note: 8.8.4.4,8.8.8.8 are google public DNS servers. If you don’t want to use them write your ISP’s DNS servers. Turn on the LAN Card

ifconfig eth0 up

1	ifconfig eth0 up

To […]

Disable Direct Root Logins

January 22, 2011April 19, 2016 specktator

By disabling direct root logins on ssh helps you keep your server safer. Also you can manage to push ssh version 2.

1. <a title="How to setup SSH – Install SSH server and client" href="https://totallynoob.comhow-to-setup-ssh-install-ssh-server-and-client/" target="_blank">SSH</a> into your server and type <kbd>sudo su</kbd>to gain root previleges
2.
[crayon-674032c3774f5384344788 lang="bash" ]nano /etc/ssh/sshd_config

By disabling direct root logins on ssh helps you keep your server safer. Also you can manage to push ssh version 2.

1. <a title="How to setup SSH – Install SSH server and client" href="https://totallynoob.comhow-to-setup-ssh-install-ssh-server-and-client/" target="_blank">SSH</a> into your server and type <kbd>sudo su</kbd>to gain root previleges

[crayon-674032c3774f5384344788 lang="bash" ]nano /etc/ssh/sshd_config

3. In nano type Ctrl+w to search for “protocol 2” and hit Enter 4. Uncomment and change it to look like Protocol 2 5.find the line PermitRootLogin yes 6. Uncomment it (if it’s commented) and make it look like PermitRootLogin no 7. Save the file and quit ( Ctrl+x -> y -> Enter) 8. […]

How to Restart ALSA

January 22, 2011May 11, 2019 specktator

Restarting ALSA is extremely simple. Follow these steps: Open a terminal. (Ctrl+T) Enter your password at the prompt.

sudo /etc/init.d/alsa-utils start

1	sudo /etc/init.d/alsa-utils start

totallynoob.com

noobs are humans too

Category: Tutorials

JQuery tooltips – 6 plugins to easilly create tooltips

Reveal Password From Input Boxes With Chrome Tools

How to use Active File Recovery – Recover Files from Damaged Hard Disk

Linux log files location and how do I view logs files?

How to Configure Ip Settings on a linux OS

Disable Direct Root Logins

How to Restart ALSA

Hey!

It looks like you’re enjoying our content!

Coupon Code 10% OFF: pirate_jerseys

Get yours Now!

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Thanks for reading! If you enjoyed this article, share it!! It makes me happier.

Hey!

It looks like you’re enjoying our content!

Coupon Code 10% OFF: pirate_jerseys