test1
test2
test3
test4
test5

Which I want to change to something like this:

before_test1_after
before_test2_after
before_test3_after
before_test4_after
before_test5_after

So I’ve added the text before_ at the start of each line and the text _after at the end of the each line. To do this with Regex and Notepad++

• Open a new document, with the starting text.
• Choose Search > Replace (CTRL + H).
• Switch the search mode to Regular expression

To add text at the start of each line, search for ^(.) and replace with before_\1. This matches the start of the line and any character (.) after it. It replaces with the text before_ and the first match result \1.

Similarly to add text at the end of each line, search for (.)$ and replace with \1_after. This matches any character up to the end of the line. It replaces it with the search result followed by the text after_.

To change this, you can add a .htaccess file. Here’s some example code to add depending on your system:

For XAMPP:

AddType application/x-httpd-php .html .htm

For Hosting (obviously depends on your hosting provider):

Addhandler application/x-httpd-php5 .html .php

Put this in a file called .htaccess in the same folder as your HTML files.

You’ll know it is happening when typing certain letters that lead to a windows shortcut key combination effect, e.g:

• Typing B -> Winkey + B =status bar
• Typing D -> Winkey + D = show desktop
• Typing E -> Winkey + E = show explorer
• Typing F -> Winkey + F = launches find
• Typing G -> Winkey + G = gadgets (Windows 7)
• Typing L -> Winkey + L = lock computer
• Typing M -> Winkey + M = minimize all windows
• Typing P -> Winkey + P = display output settings (Windows 7)
• Typing R -> Winkey + R = run window
• Typing T -> Winkey + T = task bar (Windows 7)
• Typing U -> Winkey + U = utility manager

Now that you know the list of shortcuts, the fix is simply to tap your windows key a few times until it goes away.

I created this new layout from scratch, starting with a photoshop mock up and turning it into a Wordpress theme. Hope you like it.

In addition to the layout changes, there have also been some minor changes made to the site including:

• Change of base URL from blog.praj.com.au to www.praj.com.au
• All permalinks are now directly off the base URL (no more /posts/<article_name>).
• I’ve set up redirection to point old posts to their correct new links.
• Change of name from praj’s blog to praj’s site.

Let me know what you think of the new site.

Today, I discovered the a:focus pseudo class which does a similar job, but for when a user highlights a link using keyboard navigation (i.e., tabbing to the link). In most cases, I use the basic effect of underlining text when a user hovers over the link. I also now do that when they focus on the link using the following code:

a:hover, a:focus, a:active {
text-decoration: underline;
}

Note, a:active is for when the user clicks on the link. Also, a:active has to be after a:hover in order for it to work.

http://picasaweb.google.com/praj.basnet/

Thanks to everyone who has provided comments in the past, hopefully this won’t be too much of an inconvenience.