CodeMonkey

Setting up Virtual PC 2007.

codemonkey — Tue, 28 Sep 2010 19:53:01 +0000

For installation please refer to Downloading and installing Virtual PC 2007

Go to Start menu and click the Microsoft Virtual Pc icon.

A dialog box will appear saying that no virtual machine is found , as we are using Virtual PC for the first time (Also happens if the existing configured .vmc file is deleted.). Click on Continue.

Click Ok to get the New Virtual Machine Wizard(I got this screen because i have installed VPC on Windows 7, if you din’t get this screen skip this step.)

Click Next

Select create a virtual machine option. Click Next.

Give the virtual machine a location(path on your PC) and name using the browse button.

Choose Other as Operating System. Click Next.

Allocate RAM for our virtual machine by choosing the second option – Adjusting the RAM (Recommended) . Click Next.

Select A new virtual hard disk as we are using Virtual PC for the first time and we don’t have an image file i.e a vhd file. Click Next.

Using the Browse button choose a location on the PC and give our new hard disk file a name. This file will have a .vhd extension. Click Next.

Click Finish to finish the configuration of VPC 2007.

Downloading and installing Microsoft Virtual PC 2007.

codemonkey — Tue, 28 Sep 2010 19:07:46 +0000

Don’t be surprised reading the title, have posted this article b’cause i have planned to start a series of tutorials on MySql, phpMyAdmin and other open source tools which will require the user to use Linux. We will run a Linux OS inside Windows (windows OS operates as a host).

First of all download the software from Microsoft.com
After downloading the setup file double click the setup.exe file and follow these instructions

Step 1 :

click Next

Step 2 :

Accept the license agreement, click next

Step 3 :

Click Next

Step 4 :

Click Install

Step 5 :

After the installation is over the following screen will appear

Step 6 :

Press finish to complete the installation.

Also check this space for configuration of Virtual PC 2007.

Get the current page name using JavaScript.

codemonkey — Tue, 28 Sep 2010 12:43:56 +0000





Trial

The above snippet is used to get the current page name(somefile.html,somefile.php and so on.).
The javascript window location property name gets the current URL, excluding protocol, domain/host name and query string variables.

How to create your first Drupal site.

codemonkey — Fri, 18 Jun 2010 16:58:21 +0000

How to create your first Drupal site will teach you how to create a simple website with three web pages – home page, portfolio page and contact us page.
Note – This is only a simple website, but making big websites or complicated websites is also easy, but requires practice.
By the way this is a website for a small website development company.

Resource

Keep visiting this site . For new updates in this site follow me on Twitter.

Installing WAMP Server and setting up Drupal.

codemonkey — Wed, 19 May 2010 18:29:03 +0000

The following screencast will show you how to install Wamp Server to get Drupal CMS up and running.

Coming soon - How to create your first Drupal site.

Keep visiting this site . For new updates in this site follow me on Twitter.

How to build Flickr in Drupal.

codemonkey — Wed, 19 May 2010 14:35:54 +0000

Appetizer: Initial Setup

Modules

(Note: If you don’t already have it (for shame!), download the newest spanky copy of Drupal.)

First, install and enable the modules below at administer >> modules:

Image
Image Exact Sizes (this module isn’t strictly necessary, but it makes all the previews uniform which looks a bit nicer)
Views (remember to enable both “views” and “views_ui” modules)

Also make sure the core taxonomy and comment modules are enabled.

Next, configure access permissions under administer >> access control so that authenticated users have the ability to create and edit their own images, and both anonymous and authenticated users can view original images.

Tagging

Next, we need to use Drupal’s spiffy taxonomy system to create a “free tagging” vocabulary for images.

Head to administer >> categories and click add vocabulary.
Enter a Vocabulary name of something really original like, Tags.
Under Types, check off image.
Check the Free tagging checkbox.
Submit the vocabluary.

User pictures

The last thing we’ll do settings-wise is enable user “avatars” that get displayed on peoples’ posts and comments, for that “oh-so-community site” feel.

Go to administer >> settings >> user and set Picture support to Enabled.

Then, under administer >> themes >> configure, check off the User pictures in posts and User pictures in comments.

To add an avatar to your user, click my account, then edit, then Upload a picture. This avatar will then be displayed next to all of your posts and comments.

Main Course: Fun with Views

Now, for the “main course,” Views. We’ll need two Views: one to give us a list of images by term, so we can replicate this view: http://www.flickr.com/photos/tags/tag/ and one to give us a list of images by user, so we can replicate this view: http://www.flickr.com/photos/nickname/.

Head to administer >> views and click add to get started.

For a Name, enter something like photos_tags.
Give Access to both anonymous and authenticated users.
Give it a good Description, like Bring up a list of photos by tag.
Expand the Page fieldset.
Check Provide page view.
Give it a URL of photos/tags. This is the URL we’ll enter to bring up this view. (Note: No forward or trailing slash!)
Under View Type, select Teaser List. This will show the “preview” size images.
Enter a Title of Photos tagged with %1. %1?! What the..?! Just hang in there, we’ll get to that in a minute.
Expand the Arguments fieldset.
Under Add Arugment, select Taxonomy: Term Name and click Add Argument. What does this do? It allows us to specify which stuff we want in the URL. So photos/tags/superman will bring up a list of all the images that were tagged “superman.” And remember that %1 in the title? That gets replaced with “superman” too, so it becomes “Photos tagged with superman.”
Expand the Filters fieldset.
From the Add Flter drop-down, select Node: Type and click Add Filter.
Select Is One Of and Image. This will ensure that only image nodes and not other kinds are displayed in the listing.
Expand the Sort Criteria fieldset.
Under Add criteria, choose Node: Created Time and Add Criteria.
Then, select Descending Order, so the newest images are shown first.
Finally, click Save to save your View.

The “photos by user” View is basically exactly the same, so we can simply clone it. Change the following:

Name: photos_user
Description: Bring up a list of photos by user.
URL: photos/user
Title: %1′s photos
Arguments: Click the trash can next to Taxonoy: Term Name and replace it with User: UID is Author.

To test, create a few sample images from create content >> image with various tags. Notice how typing in http://www.example.com/photos/tags/foo will bring you a list of photos tagged as ‘foo’ and http://www.example.com/photos/users/1 will bring up a list of all photos created by the first user.

Dessert: Theming-o-rama!

One nice feature that Flickr has is it allows you to click a person’s nickname to be taken to a listing of all their photos, and click a tag name to be taken to a listing of all photos by that tag. However, by default Drupal links the author name to their user profile, and taxonomy terms to a listing of all content with that term, which may or may not be images. How can we deal with this?

The answer is, with a sprinkle of custom theming.

The file driving the default display of all nodes (linking taxonomy terms to taxonomy/term/# and linking the author name to their user profile) is node.tpl.php in your theme directory. And this works just fine for “normal” nodes like stories and pages. But we want to do something a little different for images.

First, copy your theme’s node.tpl.php file to a file called node-image.tpl.php. Here’s the one from Bluemarine:

">

print $picture;

}?>

”>

There are two things we want to change here:

$submitted

, which displays the “Submitted by [username] at [datetime]” on each node.

$terms

, which is a list of terms linking back to taxonomy/term/[term-id].

So, let’s replace the two lines that contain $submitted and $terms with:


// Load author details
$author = user_load(array(‘uid’ =>  $node->uid));
?>
From

// We override the default user link  here, because we want the link
// to point to the user’s  gallery, rather than their account page.
print l($author->name, “photo/user/$node->uid”);
?>
on

// Let’s format a nice date without the time (Aug 16, 2006)
print format_date($node->created, ‘custom’, ‘M d, Y’);
?>

Tags:

// Rather than simply print $terms, we  want to control where
// the taxonomy links lead; therefore,  we’ll compile the list
// manually.
$term_links = array();
foreach ($node->taxonomy as $term) {
$term_links[] = l($term->name, “photo/tags/$term->name”);
}
// “implode” makes the terms  comma-separated
print  implode(‘, ‘, $term_links);
?>


Now, on each image node, the author name will link back to  photos/user/[uid], and the term names will each link back to  /photos/tags/[tag_name].
In case you’d like to try this out on your own site, attached is a  .zip file containing three files:

photos_tags.view.txt: An export of the photos_tags  view. Import it from administer >> views >> import.
photos_user.view.txt: An export of the photos_user  view. Ditto.
node-image.tpl.php: The node-image.tpl.php file,  which needs to go in your theme directory (ex: themes/bluemarine).

Download flickr.zip
Source : – Lullabot



How to embed a video from Vimeo into your WordPress site.
codemonkey — Sat, 15 May 2010 09:42:31 +0000
Step 1 : Go to www.vimeo.com , surf  for the required video.
Step 2 : Copy the URL of the video. It may look like
http://vimeo.com/11758779
Step 3 : Insert the code into a post or page using one of the following ways
[vimeo http://vimeo.com/11758779]
or
[vimeo 11758779]
Note: The default height and width is 400×300.

We can change the default height and width using the following syntax
[vimeo http://vimeo.com/11758779  w=500&h=400]
After publishing, the video will look like the one below.


         


Lightbox 2 image gallery screencast.
codemonkey — Sat, 15 May 2010 09:26:39 +0000
Finally the screencast is ready.


         


Lightbox 2 image gallery made easy!!!
codemonkey — Wed, 12 May 2010 06:00:24 +0000
Step 1: Write the following code in a file called index.html using Notepad. (Even Netbeans, Eclipse, Notepad++ can be used.)



Lightbox 2 image gallery implementation.






Step 2: Include the script, css files in the head section of the index.html file like given below.


Lightbox 2 image gallery implementation.







Step 3: Include the image files in the index.html file using the following syntax.





Note: 1)  The next and previous icon on the image will not work until the images are grouped. Group images using rel=”lightbox[group]” . rel=”lightbox” can be used only when there is only a single image.
2)If rel=”lightbox” or rel=”lightbox[group]” is not used in the code, the lightbox plugin will not work properly.
3) If there are many images (say more than 50), the next and the previous icon on the images will show up only after the all the images have loaded.
Eureka, our Lightbox image gallery is finally working!!!! The screencast is in progress. I will upload it as soon as i finish it.
Raghavan Mohan.

         


Code Snippets – Rules
codemonkey — Wed, 28 Apr 2010 13:46:22 +0000
This is a new section in CodeMonkey to share useful code snippets. If interested in contributing please drop me a mail at Raghavan.23@live.in.  The mail should be in the following format.
Name:

Occupation:

About Me:

Your Website:
Code Snippet:
Rules : Code snippet should be related to the following topics
(1) Programming Languages (except C#, VB.NET, J#….)

(2) Databases Technologies

(3) Web Technologies (except ASP.NET, ASP.NET AJAX…..)

(4) JavaScript Libraries

(5) Java Related Frameworks and Technologies

(6) PHP Related Frameworks and Technologies

(7) Content Management Systems
in short no Microsoft technologies.