wordpress_add

Monday, 2 June 2014

Skype call through HTML code

Easy code to add Skype call in website??


<a  href="callto://+********">Call me on Cell number</a>

<!---Just replace "*" With you phone number This the method to call on cell phone using skype [ MUST have Skype credit ]---->

<a  href="skype:********?call">Call me On skype id </a>


<!---Just replace "*" With you Skype name than user call you directly on your skype id  ---->



Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Monday, 28 April 2014

Dropdown menu using CSS

Dropdown menu using CSS       

  <style>
ul#menu, ul#menu ul.sub-menu {
padding: 0;
margin: 0;
width: 52%;
position: absolute;
top: 68px;
font: normal 18px 'Trebuchet MS', Arial, Helvetica;
display: inline-block;
height: 24px;
left: 39%;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
text-decoration: none;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
text-decoration: none;
padding: 5px;
display: inline-block;

}
ul.sub-menu li a {
width: 100%;
background-color: black;
text-decoration:none;
}
ul.sub-menu li{
background-color: black;
width: 164%;

}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
#menu li a:hover{
background: url(../images/hover_menu_link.gif) repeat-x left bottom;
color: #f51a1c;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}
</style>
==========================:HTML:===========================
<li><a href="#">Indoor Range</a>    
                    <ul class="sub-menu">
                              
                        <li><a href="#">member</a></li>
                        <li><a href="#">non member</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Contact</a></li>
                        
                                </ul>
                    
                    
                    </li>

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Saturday, 29 March 2014

CSS3 and HTML5 Social media icons

Just Follow these steps and make your Own buttons Using CSS3
------------------------------HTML---------------------------------
<html>
<head>
  <meta charset="UTF-8" />
  <title>CSS3 and HTML5 Social media icons</title>
</head>
<body>
  <div class="wrapper">
  <a class="icon facebook" href="#"><span class="zocial-facebook"></span></a>
  <a class="icon twitter" href="#"><span class="zocial-twitter"></span></a>
  <a class="icon linkedin" href="#"><span class="zocial-linkedin"></span></a>
  <a class="icon youtube" href="#"><span class="zocial-youtube"></span></a>
  <a class="icon flickr" href="#"><span class="zocial-flickr"></span></a>
  <a class="icon email" href="#"><span class="zocial-email"></span></a>
  </div>
</body>
</html>

----------------------------------CSS-------------------------------
import url(http://weloveiconfonts.com/api/?family=zocial);

/* zocial */
[class*="zocial-"]:before {  font-family: 'zocial', sans-serif;}

body{  background: url("http://subtlepatterns.com/patterns/cloth_alike.png") repeat scroll 0% 0% transparent;}
.wrapper{  width: 325px;  height: 50px;  position: absolute;  top: 50%;  left: 50%;  margin-left: -162px;  margin-top: -25px;}

.icon{  display: inline-block;  position: relative;  color: #bdbdbd;  width: 50px;  height: 50px;  text-align: center;  font-size: 1.47em;  line-height: 2em;  background-color: #fff;  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;  box-shadow: 0px 3px 0px #bdbdbd, 0px 3px 10px #bababa;  -webkit-transition:background-color 250ms ease 0s;  transition:background-color 250ms ease 0s;}

.zocial-facebook{margin-left: -8px}
.icon.facebook:hover{background-color: #4986c7;}
.twitter:hover{background-color: #4cb6e8;}
.linkedin:hover{background-color: #29a0cc;}
.youtube:hover{background-color: #a32929;}
.flickr:hover{background-color: #c257ad;}
.email:hover{background-color: #d5b120;}

a{  text-decoration: none;}
.icon:hover{  color: #fff;  box-shadow: 0px 3px 0px #686868, 0px 3px 10px #7e7e7e;}
.icon:active{  box-shadow: inset 0px 1px 4px #3d3d3d, 0px 0px 0px #bdbdbd;  top: 3px;}

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Wednesday, 19 March 2014

Transfer Skype History to Another Computer


Make sure that Skype is not running on your computer. Both the old and the new.

Go to Windows Start and in the Search/Run box type %appdata%\skype and press Enter or the OK button. This will open a window with a Skype folder. Within this folder locate a subfolder with name corresponding to your Skype name. Open this folder. You will find there a file with name main.db. It may have just have a name “main” if your PC is setup to not show extensions for known file types but you will still see description “Data Base File” in the Type column. Copy this main.db file to any removable storage, like e.g. an USB flash drive or CD and transfer it to the corresponding folder on your other PC. You will now be able to see the whole call history from the old Skype installation on the new installation.

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Thursday, 30 January 2014

Pagination in wordpress

Pagination in wordpress

First of all download this plugin

https://codex.wordpress.org/Pagination

than paste this code in any template where you want to show all the posts


<?php 


// the query to set the posts per page to 3

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array('posts_per_page' => 3, 'paged' => $paged );
query_posts($args); ?>
<!-- the loop -->
<?php if ( have_posts() ) : while (have_posts()) : the_post(); ?>
  <!-- rest of the loop -->
  <!-- the title, the content etc.. -->
<?php endwhile; ?>
<!-- pagination -->
<?php next_posts_link(); ?>
<?php previous_posts_link(); ?>
<?php else : ?>
<!-- No posts found -->
<?php endif; ?>


if you want to show the post of specific category than replace this code in above code at line 2. 

$args = array('cat' => '7','posts_per_page' => 3, 'paged' => $paged );

NOTE : cat=>7 will be any Number ( ID of specific category)

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.