Tuesday, January 10, 2012

How to Remove two Hard-Coded Home in wordpress navigation bar

How to Remove two home link in wordpress navigation bar.

There are so many wordpress sites , blogs and forums try to explain how to remove home link in wordpress navigation menu , if you create a static page for your wordpress blog or wordpress site , you will get two home link in main navigation bar, so here im try to explain how i remove the first Home link, the other blogs try to explain something but i realize its not working in wordpress 3.3 and above.

http://en.support.wordpress.com/pages/front-page/ -  this link will help you to set static home page for wordpress



once you set a static home page , there are two home page will be display in main navigation bar, one is wordpress default and another is which is set by you. if you follow the wordpress default home as your static homepage. then you won't face this two home page problem, if you set your new page as static page , you will face this problem.  so here we go,

go to your FTP -  /wp-content/themes/themefolder/ - here i choose  /wp-content/themes/twentyeleven/functions.php - download this php file and open it. you will see below code line nearly 358 , edit it and upload it. thats it.

open functions.php  in /wp-content/themes/twentyeleven/  and change $args['show_home'] = true; to  $args['show_home'] = false;  

once you upload the file i to same folder and referesh your site, you wont see the first home link anymore..

Wednesday, January 4, 2012

List of Light Box Effect Tools and Scripts Which Lightbox is Right for You?

If you only want to display images:
Lightbox 2 - the original, by Lokesh Dhakar, is a "simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers."
Framework: prototype, scriptaculous
Displays: images (with transition effects)
Lightbox ++ - based on the original Lightbox but provides more options for image re-sizing based on browser window size.
Framework: none
Displays: images
Litebox - a code-reduced version of Lightbox, uses the moo.fx library and prototype-lite. A good choice if page weight is a concern.
Framework: Prototype Lite, moo.fx
Displays:images
Slimbox - a lightweight variation of the original Lightbox, built on mootools.
Framework: mootools,
Displays: images
If you want to display html, forms, flash, video etc.:
Thickbox is a "webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal."
Framework: jQuery
Displays: images (no transitions but will resize images if larger than browser window), inline, iframe or ajax served content.
Lightbox Gone Wild! can be used to provide additional info, show an image or present a form for user input.
Framework: prototype
Displays: images, html, forms etc.
Multi-faceted Lightbox - prototyped based again, but offers a variety of options for different types of data that can be loaded in the lightbox.
Framework:none
Displays: images, html
Leightbox - very similar to Lightbox Gone Wild (prototype based, allows images, html etc) except that Leightbox keeps the lightbox content in the html, but hidden from view, so that it can be indexed by search engines.
Frontbox - self-contained script that doesn't rely on any other frameworks; degrades well, lightweight, cross-browser and can display images, html, ajax served content and hidden divs.
Framework: none
Displays: images, html, ajax-served, hidden divs
Lytebox - based on original Lightbox script but written to eliminate the need for the prototype and scriptaculous libraries.
Framework: none
Displays: Images (including slideshow option) and html content.
Bumpbox - an ajax lightbox script that can display images, html content, PDF's, remote content etc.
Framework:mootools
Displays: Images, html, pdf's, flash (in limited browsers), remote content
Lightbox++ - lightbox clone that's built to handle Flash as well as regular images.
Framework: prototype, scriptaculous
Displays: Flash, images
iBox - super lightweigh script that handles Images, inline divs, and external HTML pages, without any external libraries.
Framework: none
Displays: images, divs external html.
YUI Based Lightbox - a lightbox script built on Yahoo User Interface Library
Framework: YUI Library and dependencies
Better Modal Window - prototype based script that uses a hidden div in the html as content source for the lightbox.
Framework:prototype
Displays: anything you can put in a div.
Misc:
Almost CSS Only Lightbox - the author calls it a CSS Only Lightbox, but it's not quite that. It is mostly, only CSS though :)
Suckerfish Hover Lighbox - lightbox effect while keeping accessibility. Not classic lightbox-ish but a nice presentation, nonetheless.
Un-named Lightbox Variant - based on Version 1 of the original Lightbox script, this one adds subtitle and fullsize support, hides forms and Flash objects and works even when JS isn't on.
Execute Lightbox Scripts from Flash - a how-to.
AJAX for lightboxes - an informative article on bringing AJAX to lightboxes.
Add-ons to other scripts:
Slightbox - adds lightbox functionality to JonDesign's SmoothGallery.
Lightbox 2 for Wordpress - bring lightbox functionality to WordPress based sites with this script built on prototype and scriptaculous.

Textpattern Lightbox
- lightbox script for Textpattern based sites.


Greased Lightbox - greasemonkey, creammonkey and Opera user script for adding Lightbox functionality to sites like Flickr, DeviantArt, My Space, Wikipedia
Galri - lightbox add-on script for Picasa
Did I miss any? Let me know via my contact form.
Added: Highslide JS - a simple thumbnail viewer script that differs from traditional lightboxes, in that it doesn't prevent the user from scrolling the containing page. It also degrades nicely and doesn't require any additional framework install. (Thanks Trevor, for passing this one on!)
Added: jQuery Lightbox which is an images only port of Lightbox 2 built on the jQuery Library. (thanks Tom for sending this link along!)

from : http://www.fortysomething.ca/mt/etc/archives/006978.php   & usefull proxy - http://www.d44.info/

Thursday, December 22, 2011

Capture Google Maps - How to Capture Google Maps

How to Capture Google Maps for Printing and Poster Design
Its Really Works - i suggest you to get this. you need firefox and this add ons
https://addons.mozilla.org/en-US/firefox/addon/screengrab/
or https://addons.mozilla.org/en-US/firefox/addon/screengrab-fix-version/
Tools Required:
Let’s Start:
1.  Open up Firefox and install the Screengrab extension.
2.  Go to http://maps.google.com/ and open a map of the location you want.
3.  Zoom to a level that would be right for whatever purpose you are finally going to use the map for. Just don’t bother about the size of the map now. We will deal with that later.
4.  On the top right hand side of the map you would find a link called…..’Link’. Click on it. In the little pop-up that appears, click on ‘Customize and preview embedded map’.
googlemap_link
5.  A new pop-up window opens up where you can customize the size of the map. Select the ‘Custom’ option and enter the width and height (in pixels) that you want your final map to be. For example, you could  change the values to 5000×4000. The preview map will change to reflect the new size.
googlemap_customsize
6.  Once you are satisfied with the size of the map, copy the html code that appears below the preview map.
googlemap_htmlcode
7.  Open Notepad and paste the above code. Name the file anything you want but make sure you save it with the extension .html. For example, you can call the file mymap.html.
(Tip: In the Save dialog box enter the name as “mymap.html” including the quotes to force Notepad to save the file with the extension .html and not .txt)
8.  Open the html file you created in step 7 in Firefox. You would see your map displayed in the same size you selected in step 5. Of course, much of the map would probably be beyond the screen and you may have to scroll horizontally and vertically to view the hidden area.
9.  Now that we have the map of our desired size, all we need to do now is to capture and save the map as an image file. Here is where the ScreenGrab extension for Firefox comes in handy. Assuming that you have already installed ScreenGrab, you would find the ScreenGrab icon at the bottom right corner of Firefox. Click on the icon and choose (if you can't find the icon , just open tool->option->Add-ons.) Save>Complete Page/Frame. After a moment, a save dialog appears. Save the image as a PNG or JPG file.
googlemap_screengrab
That’s it. Your large size map is ready.
The above trick can be most useful for grabbing maps for use with your GPS enabled mobile phones . Of course, you would need to calibrate the image file before use with the GPS device.

usefull proxy - http://www.d44.info/

Simple Mobile Friendly WordPress Theme - Optimize with mobile

Optimize a Mobile Friendly WordPress Site

In this section we will share all the ways that will create a mobile friendly version of WordPress for your users.

1. Mobify

Mobify
Mobify is a free service that makes WordPress, Drupal and other websites mobile-friendly. Supports iPhone, Android, BlackBerry and 5000+ other devices. Many top brands including, MTV, Sitepoint, Boingboing, Smashingmagazine, Discover Magazine and others are using Mobify. WPBeginner’s mobile version is also powered by mobify. Mobify allows you to customize your site design and it is a great pack for designers. WordPress mobify plugin.

2. Mofuse

Mofuse
Mofuse has a free option to make your blog mobile friendly for various devices including, iPhone, Android, Blackberry and others. Top blogs like Mashable, Readwriteweb, Makeuseof are using Mofuse. Mofuse displays your RSS Feeds to your users. Their free option does not give you enough freedom which is why we did not use their service, but it is very easy to setup. They also have a WordPress Mofuse Plugin.

3. WordPress Mobile Edition

WordPress Mobile Edition is a plugin by Crowd Favorite. This plugin shows an interface designed for a mobile device when visitors come to your site on a mobile device. Mobile browsers are automatically detected, the list of mobile browsers can be customized on the settings page.

4. WPTouch

WPTouch
WPTouch is a mobile plugin/theme for your WordPress website. It automatically transforms your WordPress blog into a web-application experience when viewed from an iPhoneTM, iPod touchTM, AndroidTM, or BlackBerry StormTM touch mobile device. WPTouch has a very good admin options panel. Make sure you check out their gallery for screenshots.

5. WPTap

WPTap
WPTap offers both free and paid themes that lets you display a mobile friendly version to touchscreen phones like the iPhone, iPod Touch, Android and Blackberry. It is compatible with other WordPress plugins that can be used with older devices. This plugin leaves your regular theme as is, and it only displays the tap theme when a smartphone/touch phone user accesses the site.

6. WordPress Mobile Pack

WordPress Mobile Pack
The WordPress Mobile Pack is a complete toolkit to help mobilize your WordPress site and blog. It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.

7. MobilePress

MobilePress
MobilePress is a free WordPress plugin which turns your WordPress blog into a mobile friendly blog when viewed on a cell phone. MobilePress also allows you to create custom mobile themes for different handheld devices and mobile browsers such as the iPhone, Opera Mini and Windows Mobile.

For Administrators

In this section, we will share how you can create a mobile friendly WordPress Admin Panel for administrators (you). This will allow you to manage comments and create new posts using your mobile device.

8. WordPress for iPhone

WordPress for iPhone
Official iPhone app that lets you write posts, upload photos, edit pages, and manage comments on your blog from your iPhone or iPod touch. With support for both WordPress.com and self-hosted WordPress (2.7 or higher), users of all experience levels can get going in seconds.

9. WordPress for Blackberry

WordPress for Blackberry
Official WordPress for BlackBerry app allows you to write posts, upload photos and videos, edit pages, and manage comments. Both WordPress.com and self-hosted WordPress (2.7 or higher) sites are supported.

10. WordPress for Android

WordPress for Android
Official WordPress for Android is an Open Source app that empowers you to write new posts, edit content, and manage comments with built-in notifications. Download it now and get blogging in no time.

11. WPhone

Wphone creates the option to use a custom admin interface designed for mobile phones. It has two options called Rich and Lite. Rich option is designed for the iPhone / iPod Touch and other phones supporting full Javascript and CSS featuring fancy AJAX and sliding menus. Lite option is a lightweight, simple version designed for all other phone types (no Javascript or anything else required).
Which plugin are you using? Share your opinions about these plugins in the comments below. If we missed a one that you would like us to include feel free to suggest it in the comments. Also, if you find this article useful, don’t forget to share it with others.

Create a WordPress theme with Mobile Web Templates