Tuesday, December 25, 2012

HTML 5 Footer sticker

0 comments
This is the modern way to create a footer sticker in HTML5 Use the following steps then you can create a "sticky footer". Open your CSS file and paste the following code
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 250px; 
/* Margin bottom is the footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
}

The following code is the example of HTML5 site

    


    
    
Lorem ipsum...

Read more...

How to list categories with jquery slide down effect in wordpress

0 comments
Open the wordpress file sidebar.php copy and paste the following code

      
parent ) {
 echo '
  • ' . $cat->name . '
  • '; process_cat_tree( $cat->term_id ); } endforeach; wp_reset_query(); function process_cat_tree( $cat ) { $args = array('category__in' => array( $cat ), 'numberposts' => -1,'orderby'=>'modified'); $cat_posts = get_posts( $args ); if( $cat_posts ) : foreach( $cat_posts as $post ) : echo ''; endforeach; endif; $next = get_categories('hide_empty=0&parent=' . $cat); if( $next ) : foreach( $next as $cat ) : echo '
    • ' . $cat->name . '
    • '; process_cat_tree( $cat->term_id ); endforeach; endif; echo '
    '; } ?>
Next open the header.php in file include the jquery file and add the following code in jQuery
  function jquery_categories_list_animate(clicked_obj){
		 if($(clicked_obj).parent().children('ul').is(':hidden')){
		 
            $(clicked_obj).parent().children('ul').slideDown();
			
        }
        else
        {
			
           $(clicked_obj).parent().children('ul').slideUp();
        }
        $(clicked_obj).toggleClass('expanded');
    }

    $(document).ready(function() {
       
	    
$('li.m1').bind('click', function(){
            jquery_categories_list_animate(this);
			//alert("sdfsdf");
                    return false;
        });

    });



Read more...

Wednesday, November 7, 2012

How to test a compatibility of website or app in different mobile phones and Tabs.Here the solution

0 comments
Opera Mobile Emulator is one of the best desktop software for testing in desktop. You can test your applications and websites in different phones and tabs. It will help you how your application look in tabs and phones.You can download the software from the following link download

Read more...

Saturday, October 6, 2012

How to remove Menus in admin panel of Wordpress

0 comments
In this post i will help you how to remove the menus (Dashboard,Posts,Media,Links,Comments). First of all open the functions.php file in the template folder just copy and paste the following code

function remove_admin_menus () {
global $menu;
 $restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
 end ($menu);
 while (prev($menu)){
  $value = explode(' ',$menu[key($menu)][0]);
  if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
 }
}
add_action('admin_menu', 'remove_admin_menus');

Read more...

Thursday, September 13, 2012

Multiple Metaboxes for Wordpress

0 comments
Using array() we can create a multiple metaboxes
    $meta_boxes = array();
     
        $meta_boxes = array(
    array(
    'id' => 'meta-box-1',
    'title' => 'meta box 1',
    'pages' => array('post', 'page', 'link'), // multiple post types
    'context' => 'normal',
    'priority' => 'high',
    'fields' => array(
    array(
    'name' => 'Text box',
    'desc' => 'Enter something here',
    'id' => $prefix . 'text',
    'type' => 'text',
    'std' => 'Default value 1'
    )
    )
    ),
    array(
    'id' => 'meta-box-2',
    'title' => 'meta box 2',
    'pages' => array('post', 'link'), // custom post type
    'context' => 'normal',
    'priority' => 'high',
    'fields' => array(
    array(
    'name' => 'Select box',
    'id' => $prefix . 'select',
    'type' => 'select',
    'options' => array('Option 1', 'Option 2', 'Option 3')
    )
    )
    )
    );
Using mytheme_show_box, we cannot handle multiple data we can create one metaboxes at a time.using classes we can overcome this problem.
    foreach ($meta_boxes as $meta_box) {
    $my_box = new My_meta_box($meta_box);
    }
    class My_meta_box {
     
    protected $_meta_box;
     
    // create meta box based on given data
    function __construct($meta_box) {
    $this->_meta_box = $meta_box;
    add_action('admin_menu', array(&$this, 'add'));
     
    add_action('save_post', array(&$this, 'save'));
    }
     
    /// Add meta box for multiple post types
    function add() {
    foreach ($this->_meta_box['pages'] as $page) {
    add_meta_box($this->_meta_box['id'], $this->_meta_box['title'], array(&$this, 'show'), $page, $this->_meta_box['context'], $this->_meta_box['priority']);
    }
    }
     
    // Callback function to show fields in meta box
    function show() {
    global $post;
     
    // Use nonce for verification
    echo '';
     
    echo '';
     
    foreach ($this->_meta_box['fields'] as $field) {
    // get current post meta data
    $meta = get_post_meta($post->ID, $field['id'], true);
     
    echo '',
    '',
    '';
    }
     
    echo '
'; switch ($field['type']) { case 'text': echo '', '
', $field['desc']; break; case 'textarea': echo '', '
', $field['desc']; break; case 'select': echo ''; break; case 'radio': foreach ($field['options'] as $option) { echo '', $option['name']; } break; case 'checkbox': echo ''; break; } echo '
', '
'; } // Save data from meta box function save($post_id) { // verify nonce if (!wp_verify_nonce($_POST['mytheme_meta_box_nonce'], basename(__FILE__))) { return $post_id; } // check autosave if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { return $post_id; } // check permissions if ('page' == $_POST['post_type']) { if (!current_user_can('edit_page', $post_id)) { return $post_id; } } elseif (!current_user_can('edit_post', $post_id)) { return $post_id; } foreach ($this->_meta_box['fields'] as $field) { $old = get_post_meta($post_id, $field['id'], true); $new = $_POST[$field['id']]; if ($new && $new != $old) { update_post_meta($post_id, $field['id'], $new); } elseif ('' == $new && $old) { delete_post_meta($post_id, $field['id'], $old); } } } }

Read more...

Thursday, July 19, 2012

Reset Style Sheet (CSS)

0 comments
Using Reset Css you can avoid the browser inconsistencies default font-size,margins, padding and headings so on. Using problems the following code you can avoid the these

/* by: libin - www.libin.co.in */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* for HTML5 reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}



Read more...

Sunday, July 8, 2012

Change from email address username@box.hostgater.com

0 comments
You must change the script you are using to correctly use a valid
 From: header.
 Examples of headers that should work would be:

 From: user@domain.com will work

 From: "user" Examples of headers that will NOT work:

 From: "user@domain.com"
 From: user @ domain.com 
From: user@domain.com

  If you do not want to edit your PHP based scripts, you can modify the sendmail_path line located in your "php.ini".

  If you don`t know where is you "php.ini" then create one php file named "phpinfo.php" then go to yoursite.com/phpinfo.php you will get the following sreen 

then edit you php ini.
 find "sendmail_path" 
default:" sendmail_path = /usr/sbin/sendmail -t -i "

change to: " sendmail_path = /usr/sbin/sendmail -t -i -f'user@domain.com' "

 I think this will help some developers..

Read more...

9 Hand drawn web sites

0 comments
A sketch included in a design,Whether it is well designed, it will catch the eye almost immediately upon opening the website. I think hand drawn elements is the good way of attracting the attention of you viewers to something particularly want them to notice. the following sites are mainly included hand drawn elements, photo manipulations and digital art apart from this these sites are very appealing.
http://hugsformonsters.com/ http://www.kutztown.edu/acad/commdes/ jcbsong.co.uk http://ma.tt/ http://www.footballmadeinafrica.com http://k4lab.info/eng/ http://quakequizsf.org/ http://www.christiansparrow.com/ http://li.pixelmind.net/

Read more...

Tuesday, June 12, 2012

Top 15 sites you can find all the serials you need

0 comments
Using the following list you can find all the serials you need. I think this cool sites provide you with the cracks , keygens and serials for any software you would ever need. www.keygenguru.com
www.smartserials.com
www.serialkey.net
www.zcrack.com
www.subserials.net
www.serialportal.com
supercracks.net
www.serialcrackz.com
www.serials.be
www.cracktop.com
www.cracksfm.com
www.cracklib.net
www.theserials.com
www.crackdb.org
www.keygen.in

Read more...

Tuesday, May 1, 2012

How to avoid the conflit of Jquery

0 comments
In this post i will help you to avoid the conflict of jquery.If you have the problem of one of the jQuery file will not loaded this post will help you.First step of to set a variable call the Jquery instead of regular "$" symbol.
var $myJq= jQuery.noConflict();
Then through out your jquery program call $myJq instead of "$".
var $myJq= jQuery.noConflict();

$myJq(document).ready(function () {
$myJq(“#menu ul li:last-child”).addClass(“last”);
$myJq(“#menu li”).hover(function() {
$myJq(this).find(“ul”).stop(true,true).slideToggle();
});
});
Using this type you can add Moo tools frame work to your pages.

Read more...

Saturday, April 21, 2012

Multiple Background images in CSS

0 comments
Multiple images in a background of html site here is the solution. You can give multiple background images in simple code in css please check the following code.
#body_back{
  background: url(photo1.png),
        url(photo2.png),
        url(photo3.png)
  ;
  background-repeat: no-repeat,
             no-repeat,
             repeat-y;
            
  background-position: 0 0,
             60px 40px,
             right top;
  
  width: 500px; 
  height: 600px;
  border: 1px solid #2a2a2a;
}

Read more...

Tuesday, April 3, 2012

Close a fancybox after submitting a form

0 comments
Many of them are using fancybox for form display.But they facing a problem how to close it after submitting the form.Here is the code
    /* Close the fancybox when you submit a form
     */
    $('#myform').submit(function(){
    $.fancybox.close();
    return false;
    });
     
    /* Here's another approach,
     * but this time we're tied to the submit button
     */
     
    $('#submit_button').click(function(){
    $.fancybox.close();
    return false;
    });

Read more...

jParallax-Amazing layer effect using JQuery

0 comments

jParallax is an amazing js file for creating layer effect using JQuery. Using unordered list (ul) and "li" its mainly working. jparallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport.

 These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. you can download the file from here or visit the site of jParallax to click here


Read more...

Thursday, February 16, 2012

Right Click,Mouse Wheel and Print using Jquery

0 comments
In the web application or browsers we cant use the right click property.Using this plugin we can use rightclick,Ctrl+click,Shift+Click.I think this will help for web designers and programmers.As as designer i think using this application we can make so many user friendly designs and Interactive designs.
 The RightClickPlugin.js solve the right click problems in web application. he extendedClick plug-in contain so many functions that represent the combination of different helper keys you can press with a mouse. The functions include ctrlclick(), ctrlshiftclick(), altshiftclick(),shiftclick(), altclick(), ctrlaltclick() and ctrlaltshiftclick().A simple example for Mousewheel. using mousewheel the div you named will increase the width.
// set up the div that will capture our events
// attach an event handler for the wheel to this div // notice that we use the e.delta to determine how many "notches" the wheel // was moved. One notch is either 1 (if up), or -1 (if down). So, as // a result, we can simply add it to the current width, letting the // sign of the delta grow or shrink the div. $("#wheelSample").wheel(function(e){ $(this).width($(this).width()+50*(e.delta)); });
Using the such a nice printarea plugin we can print a HTML document easily.Using the printAreaplugin we can print a specific elements on a page not all.a simple example for print area plugin.
An advertisement that you don't want printed out.


Another advertisement that you don't want printed out.


NameAgeHeight
John Q236'1"
Jane Q235'1"
Jimmy R235'6"
All the annoying disclaimer text you don't want printed out. // Capture the click on the "Print" button. Then, you can call the printArea() // function on the "printable" div we used to wrap the portion of the page we want // printed. The only thing that will get printed to the printer will // be the table, and all the annoying text won't be. $("#printButton").click(function(){ $("#printable").printArea(); });
You can download the example from here 

Thanks: http://www.ibm.com/developerworks/web/library/wa-aj-jquery4/index.html?ca=dgr-twtrwrkg-jQueryP1dth-WD#ibm-pcon

Read more...

Thursday, February 9, 2012

Google Chrome in Android Phones

0 comments
Google Android OS and Chrome was introduced same year .But there is no Chrome for Android. Finally a beta chrome is supporting Android 4.0 versions The android version chrome is good tab system, fast browsing using one finger flicks and auto complete URLs and Searches. The problem is it will not support Plug-in`s and Flash. Please check the video for a good view of Chrome in Android.


Read more...

Friday, February 3, 2012

Drawing a Sprial in HTML 5

0 comments
In this tutorial, we'll draw a spiral by connecting a series of  lines to form a spiral path.

 Follow these steps to draw a centered spiral:

1.Define a 2D canvas context and initialize the spiral parameters:

2. Set the spiral style:

context.lineWidth = 10;
context.strokeStyle = "#0096FF"; // blue-ish color
context.beginPath();
context.moveTo(canvas.width / 2, canvas.height / 2);

3. Rotate about the center of the canvas three times (50 iterations per full revolution) while increasing the radius by 0.75 for each iteration and draw a line segment to the
current point from the previous point with lineTo(). Finally, make the spiral visible
with stroke():

for (var n = 0; n < 150; n++) {
radius += 0.75;
// make a complete circle every 50 iterations
angle += (Math.PI * 2) / 50;
var x = canvas.width / 2 + radius * Math.cos(angle);
var y = canvas.height / 2 + radius * Math.sin(angle);
context.lineTo(x, y);
}
context.stroke();
};

4. Embed the canvas tag inside the body of the HTML document:



.
5.How it works.
To draw a spiral with HTML5 canvas, we can place our drawing cursor in the center of the canvas, iteratively increase the radius and angle about the center, and then draw a super short line from the previous point to the current point. Another way to think about it is to imagine yourself as a kid standing on a sidewalk with a piece of colored chalk. Bend down and put the chalk on the sidewalk, and then start turning in a circle (not too fast, though, unless you want to get dizzy and fall over). As you spin around, move the piece of chalk outward away from you. After a few revolutions, you'll have drawn a neat little spiral.



Read more...

Sunday, January 29, 2012

Google analytics for wordpress it`s a useful plugin

0 comments
Using google analytics plugin we can easily check your wordpress site lots of metadata: views per author and category, automatic tracking clicks and pageviews.



The Google Analytics for WordPress plugin allows you.... to track your blog easily and with lots of metadata.
Click the download link you can download.Using following step you can easily install the plugin
  1. Delete any existing gapp or google-analytics-for-wordpress folder from the /wp-content/plugins/ directory
  2. Upload google-analytics-for-wordpress folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the 'Plugins' menu in WordPress
  4. Go to the options panel under the 'Settings' menu and add your Analytics account number and set the settings you want.


Read more...

How to draw a rectangle and give color in html5

0 comments
How to draw the only built-in shape provided by the HTML5 canvas API, a rectangle. As unexciting as a rectangle might seem, many applications use them in one way or another, so you might as well get acquainted.
Follow these steps to draw a simple rectangle centered on the canvas:
1.Define a 2D canvas context:
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
 
2.;Draw a rectangle using the rect() method, set the color fill with the fillStyle property, and then fill the shape with the fill() method:
context.rect(canvas.width / 2 - 100, canvas.height / 2 - 50, 200, 100);
context.fillStyle = "#8ED6FF";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
};
.3. Embed the canvas tag inside the
body of the HTML document:


4. As you can see from the preceding code, we can draw a simple rectangle by using the rect() method:
context.rect(x,y,width,height);

Read more...

10 Most Popular HTML Class Names and Their Corresponding HTML5 Elements for beginners

0 comments
IN HTML 5 we have using same class name in before css styles.In html 5 their curresponding elements are add. just check it out.




Read more...

Saturday, January 28, 2012

HTML 5 tags - HTML 5 window attributes-Cheat sheet HTML5

0 comments
HTML 5 basic or new tags

HTML 5 window attributes cheat sheet

Read more...

Wednesday, January 11, 2012

Google chart tools - display data in chart using HTML 5/ svg

0 comments
Using google chart tools you can display your data in lively. In google chart tool there are lots of chart types (gallery) are available.There  is simple and complex charts is there. Using simply you can draw chart with free.
Google rendering this chart using HTML 5/SVG technlogoy.Its a cross browser compactability. Its supporting VML and older versions of internet explore.It is supporting iPhones iPads and android phones.All charts are displaying with data using a common JavaScript class.

Read more...