Tuesday 24 January 2017




JQUERY:-
 Jquery  java script  ki library  file hoti hai 2006 me baynai  gyi thiye  open source library file  hai,ye free of cost hoti hai,
This link :-   https://jquery.com/ 

Download JS

1.testboot    test bootstap

1.Slider Simple slider full download responsive

2.Multiple Multiple Slider Download with Responsive   

3 custem pager slider best    custom pager link

4.slider devlop dharm effect  Effect slider devlop   

5. both slider use on page  slider dono use 1 hi page par

3.Mouse hover  Button click  hover effect contact form   

 4.Mouse button hover sidebar click 

5.html  HTMlSite

6.simple TempSimple Temp

7.slideclick slide click   

8.Text Text Effect

9.TypeEffectTypeeffect 

10 .typeeffectnewTypeingEffectText
11.click slider Up dowenclick slider up and dowen

12.bestall slider all slider mix
13 finallassssfinal site





                 Toggale  function click


<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />



body{
 font-family: Open Sans;


                                    TOGGLE MENU

<script  type="text/jscript">
           $(document).ready(function() {
                $(".navbarToggle").click(function(){
                $(".menunav").slideToggle(300);//TOOGLE   
             });
});
 </script>
                                SCROLLTOP
       
           $(document).ready(function() { 
                   $(".pageTop").click(function(){
                   $('html').animate({scrollTop:0},'slow');
             });
});

<---------------javascript:void(0) dena hota hai---------->
<footer>
    <p class="pageTop"><a href="javascript:void(0)"><img src="img_pagetop.png" alt="pagetop"></a></p>
</footer>


                                    TOGGLE SLIDE   LEFT MENU

left side menu right side contain  me use karte hai

<script type="text/javascript">
    $(document).ready(function() {
        var x = $(window).height();
         $(".sidemenubtn").click(function(){
            $(".headTop").toggleClass("widthSet01");
            $(".containSide").toggleClass("widthSet02");
            $(".headTop").height(x);
        });
        $(".ques").click(function() {
            $(".ques").toggleClass("quesDown01");
            $(".anser").slideToggle(200);
                   
        });
    });
</script>


/*----------------header  scroll top size increase and decrease--------------------*/
<script type="text/javascript">
    $(document).on('scroll',function(){
    if($(this).scrollTop() >1){
        $('.header').addClass('sticky');
    }
    else{
        $('.header').removeClass('sticky');
        }
});
</script>

html,body{
    padding:0;
    margin:0;
    width:100%;
}
#wrapp{
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    overflow:hidden;
    min-height:2000px;
}

.header,.sticky{
    background: red none repeat scroll 0 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.sticky{
    background:blue;
    height:70px;
    line-height:70px;
}


<!----------------------------CSS---------------------------------------------->

.headTop {
    background: red none repeat scroll 0 0;
    text-align: center;
    width: 0;
    float: left;
    transition: all 0.3s ease-in-out;
}
.containSide {
    background: pink none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    padding: 20px 10px;
    width: 100%;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.sidemenubtn {
    cursor: pointer;
    position: absolute;
    top: 30px;
    z-index: 999;
    left: 30px;
    transition: all 0.3s ease-in-out;
}
.widthSet02 {
    width: 80%!important;
}
.widthSet01 {
    width: 20%!important;
}



.visibleTS {
    display: none;
}
.visiblePC {
    display: block;
}
.navbarttogle {
}
.togaleBtn {
    margin: 0 20px 0 0;
}
.togaleBtn img {
    width: 100%;
    cursor: pointer;
}
.Spmanu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999;
}
 @media screen and (max-width:959px) {
.visibleTS {
    display: block;
}
.visiblePC {
    display: none;
}
}



<!-----------------------end CSS---------------------------------------------->

<p class="navbarToggle visibleTS" data-target=".Spmanu"><img src="img/menu.png" alt="toggle"/></p>

 <nav class="Spmanu">
        <ul>
          <li><a href="#">HOME1</a></li>
          <li><a href="#">ABOUT2</a></li>
          <li><a href="#">SERVICE3</a></li>
          <li><a href="#">CONTECT4</a></li>
        </ul>
      </nav>

                                 

                   


 <!-----------CSS----------------->


.pageTop {
    position: fixed;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
    display: none;
}
.pageTop a {
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    background: #000;
    color: #fff;
    line-height: 40px;
    text-decoration: none;
}

 <!-----------scroll.html----------------->

 <div class="footer">
        <p class="pageTop"><a href="#">↑</a></p>
    </div>

 <!-----------toggle----------------->

 

 <!-----------menu effect-------->
<div class="hedInner">
    <div class="toggleMenu">
        <a  href="#" class="toogleIn">
            <span></span>
            <span></span>
            <span></span>
    
        </a>
    </div>
</div>



 /*---------toggle-----------------*/

.hedInner {
    background: pink none repeat scroll 0 0;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
    width: 1170px;
}
.toggleMenu {
    border: 3px solid red;
    border-radius: 50%;
    top: 0;
    height: 75px;
    position: absolute;
    left: 0;
    width: 75px;
}

.toogleIn {
    background-color: green;
    border: 5px solid #fff;
    border-radius: 50%;
    display: block;
    height: 64px;
    width: 64px;
}
.toogleIn span {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    display: block;
    height: 3px;
    margin: 24px auto -18px;
    transition: all 0.3s ease 0s;
}
.toogleIn span:nth-child(1) {
    width: 25%;
}
.toogleIn span:nth-child(2) {
    width: 50%;
}
.toogleIn span:nth-child(3) {
    width: 25%;
}
.toogleIn:hover span {
    width: 75%;
}



<!-----------boreder effect---------------------------------------->
    <div class="borderLine">
        
            <span class="border01"></span>
            <span class="border02"></span>
            
    
        </a>
    </div>

/*---------border effect-----------------*/
.borderLine {
    background: yellow none repeat scroll 0 0;
    margin: 0px auto;
    width: 150px;
    padding: 10px 0;
    overflow: hidden;
}
.border01 {
    background-color: red;
    border-radius: 10px;
    float: left;
    height: 5px;
    margin-right: 10px;
    width: 30px;
    display: inline-block;
}
.border02 {
    background-color: red;
    border-radius: 10px;
    float: left;
    height: 5px;
    display: inline-block;
    width: 110px;
}
.borderLine:hover .border01 {
    animation: 1.5s linear 0s normal none infinite running move-short;
    width: 0;
}
@keyframes move-short {
100% {
    margin-right: 0;
    width: 140px;
}
}
.borderLine:hover .border02 {
    animation: 1.5s linear 0s normal none infinite running move;
    width: 110px;
}
@keyframes move {
100% {
    width: 0;
}
}

 

 

 

 






Tuesday 6 December 2016




         WordPress me custom  database kese insert karte hai



1.step

Function.php File open karege hum or usme ye database ka function code 

rakh dege .


function elh_insert_into_db() {

    global $wpdb;

    // creates my_table in database if not exists
    $table = $wpdb->prefix . "my_table";    
       //my_table phpmyadmin database  me ye table show hogi
    $charset_collate = $wpdb->get_charset_collate();
    $sql = "CREATE TABLE IF NOT EXISTS $table (
        `id` mediumint(9) NOT NULL AUTO_INCREMENT,
        `name` text NOT NULL,
    UNIQUE (`id`)
    ) $charset_collate;";
    require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );
    dbDelta( $sql );
    // starts output buffering
    ob_start();
    ?>
    <?php
    // does the inserting, in case the form is filled and submitted
    if($_POST["submit_form"] != '' && $_POST["visitor_name"] != '') {
        $table = $wpdb->prefix."my_table";
     $name = strip_tags($_POST["visitor_name"], ""); <!-$name,$lname,$mob verible define karege->
        $lname = strip_tags($_POST["visitor_lname"], "");
        $mob = strip_tags($_POST["visitor_mob"], "");
           <!-ye id se show hoge jo hamne form me diye hai visitor_name visitor_lname visitor_mob->
        $wpdb->insert(
            $table,
            array(
                'name' => $name, <!--name,lname,mob he ye jo ham database se name dege jo database me  create kare hai-->

                'lname' => $lname,
                'mob' => $mob
                <!--$name,$lname,$mob he ye jo upare veribale defien kiye hai wo hai-->
            )
        );
    }
    // echoes a success message to the visitor
    if($_POST["submit_form"] != '' && $_POST["visitor_name"] != '') {
        $name = strip_tags($_POST["visitor_name"], "");
        echo "<p> Your name <strong>".$name."</strong>,your last name <strong>".$lname."</strong> and your mobile<strong>".$mob."</strong> was successfully inserted into our database. Thanks!!</p>";
    }
    // outputs everything
    return ob_get_clean();

}
// adds a shortcode you can use: [insert-into-db]
add_shortcode('insert-into-db', 'elh_insert_into_db');

?>
 
Shorcode hai
   [insert-into-db]
 
 
 
<!===============SIGNUP PAGE=======================> 

 WordPress me jake signup page create karege or waha ye code rakha dege or database me dekhege
ki waha ye file table bani ki nhi "my_table" 
MY_TABEL show hogi ushi me data show hoga jo hum insert karege

  <form  method="post" id="v_form">
        <label for="v_name">FUll DETAILS</label>
        <br />
        <input type="text" name="visitor_name" id="v_name" />
                <input type="text" name="visitor_lname" id="visitor_lname" />
                <input type="text" name="visitor_mob" id="visitor_mob" />
        <p class="btn01"><input type="submit" name="submit_form" value="submit" />
              <p> <input type="reset" name="reset" value="reset" /></p>
               [insert-into-db]
    </form>


<---------------------------------------------------------------------------->
























Wednesday 23 November 2016


      Coming Soon

Kese hum  desktop application php me bana sakte hai

           Aap Hindi me meri site par dekh sakte hai ki desktop par php me  appliction kesi  banai jati hai jo easy hai

 

Desktop:-Bina Xampp Server  ke  Hum Desktop Appliction bana sakte hai


Step.1:- System me Cromo browser or internet explore hona chahiye ,jo bhi process hai wo 
 cromo or internet explore par file run  hogi.

Step.2:-php destop cromo dowenlaod

1.phpdesktop-chrome-31.8-php-5.6.1
2.phpdesktop-master
3.innosetup-5.5.9

phpdesktop-chrome:-

 1.file dowenload ke bad hum  usme phpdesktop-chrome.exe fiel run karege ,



2.www- foldr me jake all delete or apna data rakhege.jo bhi file banyi hai.

3.run karege phpdsektop cromo.exe file ko

4.file  settings.json me jayege opn karege driamviwer ya nodpad me ,
 5.open ke bad  show_console": false kar dege,
"debugging": {
        "show_console": true,
        "subprocess_show_console": false,
        "log_level": "DEBUG4",
        "log_file": "debug.log"
save ke bad 
or hum main windows me title apne ko jo rkana ho wo rakha dege
 "main_window": {
        "title": "medical",
        "icon": "",
        "default_size": [1024, 768],
        "minimum_size": [800, 600],
        "maximum_size": [0, 0],
        "disable_maximize_button": false,
        "center_on_screen": true,
        "start_maximized": false,
        "start_fullscreen": false
    },

save kar ke run karege

 8.cromo.exe file phir run kare ge
hum dekhege app ke upar name php destop cromo likha hai wo change ho gya hoga
jo phpdesktop-chrome.exe file ko shotcut desktop par rakha dege or start karege

step by step

















<!------------------setup file banane ke liye
innosetupinsatll  krana hota hai------------->

innosetup-install karege 


Anhi baki hai Dosht  me aapko proper batauga

 

         

 

 

 

 

 

 

 


Sunday 20 November 2016



How to create Small Program

            PHP-  Pre hypertext processor:- PHP me jo bhi website banti hai wo dynamic website hoti hai,

1.kuch Program me aap ko Simple bata raha hu simple  

   1.LOGIN FORM USER PASSWORD MATECH



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>userlogin</title>
<script type="text/javascript">
function matchpass(){
    var firtpassword=document.f1.password.value;
    var secondpassword=document.f1.password2.value;
    if(firtpassword == secondpassword)
    {
    return true;   
    }
alert("password must be same");
return false;
}

</script>

</head>

<body>
<!-----password match karna-------------->
<form name="f1" action="" onSubmit="return matchpass()">
USER <input type="user" name="user"><br/>
password <input type="password" name="password"><br/>
re-enter-password<input type="password" name="password2"><br/>
<input type="submit" value="save">
</form>
</body>
</html>

                                        output

 



  2.FORM Validation error show karwna 


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>userlogin</title>
<script type="text/javascript">
function abc(){
    var error="";
    var fname=document.getElementById('f1name').value;
    var lname=document.getElementById('lname').value;
    if(fname =="")
    {
       error+="please enter name\n";   
    }
    if(lname =="")
    {
      error+="please enter lastname";   
    }
   
    if(error == "")
   
    return true;   
        else{
        alert(error);
        return true;
        }
}
</script>
</head>

<body>
<!-----validation-------------->
<form>
<table>
<tr>   <td>name<input type="text" name="name" id="f1name"> </td></tr>
<tr>   <td>lastname<input type="text" name="lasname" id="lname"> </td></tr>   

<tr><td>
<input type="button" name="submit" value="subit" onClick="abc();"></td></tr>
</table>
</form>
</body>

</html>


 OUTPUT






3.Database connection  add karwna xampp server se php ko

<?php
mysql_connect("localhost","root" ,"")or die (mysql_error());
mysql_select_db('empydb');
if(isset($_POST['submit']))
{
$insert=("insert into empyuser(name,lname)values('".$_POST['fname']."','".$_POST['lastname']."')");
mysql_query($insert);
echo "data sucessfull brother";   
    }

?>

<!-----detabase connection-------------->

<form method="post">
<table>
<tr>   <td>name<input type="text" name="fname" id="fname"> </td></tr>
<tr>   <td>lastname<input type="text" name="lastname" id="lastname"> </td></tr>   

<tr><td>
<input type="submit" name="submit" value="subit"></td>
<td>
<input type="button" name="submit" value="cancel" onClick="javascript:history:back(-1);"></td>

</tr>
</table>
</form>


 OUTPUT


4.Addition ka php me Progrma

<html>
<head> <title>php</title>
</head>
<body>
<!----- Addition Program-------------->
<form method="post">
<table>
<tr>   <td>Number1st:-<input type="text" name="t1"> </td></tr>
<tr>   <td>Number2nd:-<input type="text" name="t2"> </td></tr>   
<tr>  <td><input type="submit" name="sum" value="ok"></td>
</tr>
</table>
</form>
<?php
if(isset ($_POST['sum']))
{
$a=$_POST['t1'];
$b=$_POST['t2'];
$c=$a+$b;
}
?>
result:<input type="text" name="t3" value=<?php
if(isset($c))
{
echo $c;
}
?>>
</body>
</html> 



OUTPUT






RUN


 


 
 

Monday 7 November 2016

                                          

HTML TUTORIAL BEST SITE


                           Web Design Shikhana Bahut hi Simple or Easy  Hai

1) Hame Webdesign Shikane  ke pahale hum kon se software par work karna ,Ye Tools Malum hona  Bahut Hi Jaruri hai,

2) Kon se Software  Par Design And Developing Hoti hai,Ush ke bare me niche bataya gya hai.

3)Ye Software Application  Jis Par Programing Hoti Hai, Hamare Pas  System Me Available Hona Chahiye.
4.)Net Se ye software download kar sakte hai 

       SOFTWARE Ki Full Information

1)Adobe Dreamweaver .................ye sabhi company me use   hotha hai,
2.)Quanta Plus
3.)Sublime
4.)Notepad ++
5.)Notepad :- jo pahle se hamare system me hota hai,

LAYOUT DESIGN
1.)Adobe PhotoShop
2.) Adobe illustrator
3.)Adobe fireworks

BROWSER
Jis meLayout yani web design show hoti hai (OUTPUT)
1)Mozilla Browser
2.)Chrome Browser
3.)Internet Explorer
In sabhi par WebDesign ka work hota hai

SERVER
1.Xampp Server
2.Wamp Server
3.SQL

1.)Webdegn Shikahne ke liye pahale hame

1.HTML 2.CSS  3.JQuery 4.JavaScript 5.Photoshop

ye sbhi aana jaruri hai

2.)Developing Shikahne ke liye

1.PHP 2.MYSQL 3.JavaScript 4.Wordpress

 ye sbhi aana jaruri hai

3.)Hardware And Networking Shikahne ke liye

1.Tools   2.Software Application   3.Operating System 

Ye sbhi tools or software ki cd ya data hamare pas Avalible hona bahut hi jaruri  hai



Ye Sabhi Aap Ko Meri Site Par Sasy Sikhane ko Hindi me milega,Or Bhi Kuch System Information ke Bare ,Jo Aap Ghar se hi lern kar sakte hai,



What is my sql

MySQL is a Database Management system,Database structure collection of database ,sql open source relational DBMS, SQL is query language.

Start Query Language 


2nd






3d




4th


                                   Wait Query sql ki baki hai mere dosh



Monday 24 October 2016

 1.WHAT IS HTML?

Html is a hypertext markup Language, ,
Html me jo bhi codeing ki jati hai wo static design hoti hai,webpage bannae ke liye use ki jati hai,

2.HTML or  HTML5  Me Difference ?

HTML5 me full Responsive website banti,yani aap mobile par bhi dekh sakte hai,
Ye Sbhi Browser  ko Support Karti hai Html5,

HTML5 Sabhi  Browser Ko Support kartha hai

  Ye sbhi browser hai
1. Mozila firefox browser
2. Cromo,
3.Opera
4.Internet Explorer
5.etc
html5 ke new advance tag hai,jo html5 me hote hai
<header>,<section><main> <video>  <aside><article<footer>

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<meta name="viewport" content="width=device-width, initial-scale = 1.0">

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>

<link href="style.css" type="text/css" rel="stylesheet">

<style>
body {
    font-family: 'Open Sans';font-size: 22px;
}
</style>
</head>
<body>
 <div id="wrapper">
        <header>
               <div class="headerIn">
                       <h1>LOGO</h1>
              </div>
         </header>   
   </div>
</body>
</html>

                                            HTML  ME WORK KESE KARE

1.Aap ke system me Dreamweaver install kar liya hai, to Dreamweaver ko open karege usme html option diya gya hai ushe select  karege



2.open hone ke bad wapas file me jake new file open karege, kyoyki iske pahle wali html file  old version me hui thi,



 3.yaha html  or  html 5 jo drop down  me show ho raha hai select kar waha create  par click kar dege
jo ki html5 me code open hoga


4.


5 . file me jake save as select path .html karege 




6. split me codeing or design dono show hogi





7.
8.

9.



10. browser par run hogi ,yani




<!doctype html>
<html>
<head>
          <meta charset="utf-8">
          <title>PAGE TITLE SHOW</title> 
</head>
<body>
      <H1>Heading</H1>
     <p>paragraph TEXT....</p>
</body>
</html>


Heading => Heading TAG H1 se H6 Tag tak hote hai.ISh tag me text ki font size sabhi ki different size hoti hai,

<h1>Heading h1</h1>

<h2>Heading h2</h2>

<h3>Heading h3</h3>

<h4>Heading h4</h4>

<h5>Heading h5</h5>

<h6>Heading h6</h6>

  Paragraph:- P Tag

Start Tag    <p>
 End Tag   </P>
<p><b>dummy Text</b></p>    Bold ho jyega text
<p>dummy Text</p> Simple wave me text
<p><i>dummy Text</b></i> italic Text Show hoga


INLINE BLOCK =>

A Tag ot Span Inline tag Hote Hai baki sab Tag block  Tag hote Hai,Block tag hamesha 100%  width lete hai,
BLOCK=> Div tag se sabhi block hote hai ,ye block tag 100% width lete ha
<div></div>
<h1></h1>
<p></p>
<ul>
<li></li>
</ul>


OR ABHI BAKI HAI MERE DOSHT PROGRAMING




About

Total Pageviews

Powered by Blogger.

BTemplates.com

MENU

Followers

About

jay hind

Popular Posts