Computer Master: 2018

Tuesday, December 4, 2018

APPLICATION FOR SICK LEAVE

To,

The Head Master,
G.P.S,

Khall Kozkalay.

Sir,

Respectfully, this is to inform you that i am very sick and feel weakness today so I cannot come to School.

Therefore Kindly grant me some leaves till i feel well. I shall be very thankful to you.

Yours truly

Computer Master

Class 9th

Roll No. 20

Signature:

Friday, November 23, 2018

Urdu Speech on Musalman Maghloob q

Monday, November 19, 2018

Speech on "The Use Of Internet"

Honorable Head Master,

Respected teachers and my dear School fellows Assalam-o-Alaikum w.u.w !

I am supposed to be stand here today and talk to you about the use of internet. Internet is made up of multiple interconnected networks, where a network is a collection of computers, servers, or other devices connected to one another to allow the sharing of data.

Internet these days has become an integral part of our lives. It has brought people closer. Be it your friends, family or your business associates – everyone is just a click away. Internet has changed the life of man for good. Some of the uses of internet include communication, shopping, booking, researching and studying.

2 Everyone and everything, is just a click away

if and only If the internet is in our way

Respected Audience!

The Internet provides us useful data, information, and knowledge for the personal, social and economic development and it is up to us to utilize our time on the worldwide web in a productive manner. The Internet is a revolution in information technology. You can do online courses and improve your writing, communication, business and online marketing skills. Online shopping, social media, emails, chatting are common things that we do daily.

As mentioned above Internet offers several uses but its contribution to the education sector is simply impeccable. Internet serves as a place for knowledge sharing for the teachers. Teachers around the world can interact with each other and exchange ideas via internet. This is a great way to learn and evolve the methods of teaching.

Students have also benefitted greatly with the use of internet. In case any of their lectures gets missed in the class, they do not necessarily require seeking help from their teachers or fellow students. Internet has all the required information.

Come in boys and girls,
this hive is not the worst,
where all find their best,
Soul mates to fly with no rest

Dear fellows!

However, just as excess of everything is bad the over usage of internet is also bad for our mental, physical and social health. We must thus use it wisely for our benefit and refrain from over indulgence.

Thank you!

. Wassalam!

Saturday, April 21, 2018

Nts sst forgot schools you applied 2018

NTS, SST schools you applied, academic marks, NTS marks and total aggregate

Click on the link below and put your cnic or roll no and find your aggregate, schools you applied, your academic marks and your nts marks along with your roll no.

Click here

Put in your cnic or roll no in the boxes and select your post subjects and that set

Friday, March 30, 2018

How to upload image without page refresh or submit button

Introduction:

In this tutorial learn how to make a stunning looking file upload without any page refresh or even it doesn't need button click, just choose a file and it will be uploaded.

Demo:

Step to Follow :

Watch tutorial on youtube OR

Downlaod The JQuery File and paste it to your project folder create files for below codes, and you are all ok.

upload_image.php

<!doctype html>

<html>

<style>

*{margin:0px; padding:0px;}

#container{width:20%; padding:2%; box-shadow:0px 0px 10px #888888; margin:10px auto;}

#image1{width:96% ; padding:2%; border:1px dashed green;}

#header{background:#405570; color:white;text-align:center; padding:2%;}

#view-image{border-radius:5px; overflow:hidden;}

#preview-image{padding:1%; border:1px solid #efefef; height:200px;}

</style>

<body>

</form>

<br>

<h3 id="header">Preview Image</h3>

image will show right here

</div>

$(document).ready(function(){

$('#image').change(function(){

var data = new FormData() ;

data.append('file', $( '#image' )[0].files[0]) ;

$.ajax({

url: 'upload_file.php',

type: 'POST',

data: data,

processData: false,

contentType: false,

beforeSend: function(){

$('#preview-image').html('Loading...');

success: function(data){

// alert(data);

$('#preview-image').html('<img src="'+data+'" style="width:100%"/>');

}

});

return false;

});

</script>

</body>

</html>

upload_file.php

<?php

if(isset($_FILES['file'])){

$file = $_FILES['file'] ;

$error = $file['error'];
$name= $file['name'] ;
$tmp_name = $file['tmp_name'] ;
$size = $file['size'] ;

if($error == 0){
//type restriction
$ext = explode(".", $name) ;
$ext = end($ext) ;
$ext = strtolower($ext ) ;
$allow = array("jpg", "png") ;

if(in_array($ext, $allow)){

// check file size
if($size <= 2000000){

//check wether file uploaded or not
if(move_uploaded_file( $tmp_name, $name)){

echo $name ;
}else{
echo 'file not uploaded' ;
}

}else{
echo 'File is too big' ;
}

}else{
echo 'Type not allowed';
}

}else{

echo 'error in file';
}

}

?>

Thursday, March 29, 2018

add background image on full width and height of a screen html and css

Watch Tutorial

<!doctype html>

<html>

<style>

margin:0px;

padding:0px;

}

body, html{

height:100%;

}

#bgimg{

background-image: url("image.jpg");

height:100%;

background-position:center;

background-size:cover;

}

</style>

<body>

</body>

</html>

Wednesday, March 28, 2018

How to add a text inside a div

How to add a text inside a div JQuery, for this project make sure to add JQuery file.

Demo:

<!doctype html>

<html>

<title>Powered by Computer Master</title>

<body>

$('document').ready(function(){

$("#show_more").click(function(){

$('#result').append("i am new text<br>") ;

})

});

</script>

</body>

</html>

Tuesday, March 27, 2018

What is future ad pro /futureadpro.com

Definition:

Future Ad Pro is an online Social platform where people around the world without any knowledge, investment, buying or selling earn money.

How it works:

In Future Ad Pro They provide you some websites where you have to click on their banners ten/10 times a day and they will credit your account after every 15 minutes.

How to start:

Click here to go to futureadpro.com
Register yourself for free.
Choose how many $50 advertising packages or ad packs you would like to own, the more you chose the higher you will be earning.
Click on their advertising banner ten times a day.
And they will credited you with their new income every 15 minutes later.

Monday, March 26, 2018

find your post office code in pakistan

In this page i am going to show you, how to find your post office code for free. If you are in Pakistan you may find your post office code here very easy. 2 steps and you are done.

Go to the official site of Pakistan Post Office.

1. You will directed to this page.

2. Type here your post office name such, the one you type in your NIC, CV or Domicile etc.

how to create a website/webpage in html notepad in urdu/hindi

Source Codes for a stunning looking web page. copy it and past it to your own page and view it on any brower

onlinewebsite.html

<html>

<style>
*{padding :0px ;
margin : 0px ;}

body{background-color:#C2CDD1;}
#mainPage{ border:2px solid black;overflow:hidden; width:988px ; margin :24px auto ;background:#87CC99;}
#header{border:1px solid #485e49;width:100%;height:150px;background-color:#016E37; }

#menu{background:#87CC99; }
.menu{background:#485e49;margin:0px ;height : 50px ;border:2px solid
white;border-radius: 10px;
overflow:hidden;}
.menu li{float:left ; border-right:1px solid white ; height : 50px}
.menu li a{font-size:30px ; color:white; text-decoration:none;
margin:30px;55}
.menu .submenu{display:none ;position:absolute;}
.menu li:hover .submenu{display:block ; }

.submenu li{ background:green;border:1px solid white;
float:none;width: 170px ;
list-style-type:none;position:relative ;top : 18px; }

.submenu1{display:none;position:absolute ; left : 170px ; top:-20px}
.submenu li:hover .submenu1{display:block;}

#right-col{float : right ;}
#right-col ul{background:#F5E58E; margin:0px; width: 150; }
#right-col ul li{border : 1px solid white;list-style-type:none;
margin-left: -40px ;}

#right-col ul li a{font-size : 30px ; text-decoration : none;
margin : 30px ;}

#left-col {float:left}
#left-col ul{background:#F5E58E; margin:0px; width: 150; }
#left-col ul li{border : 1px solid white;list-style-type:none;
margin-left: -40px ;}

#left-col ul li a{font-size : 30px ; text-decoration : none;
margin : 30px ;}

#writing{float:left ;width:605;background-color:#DEDBB8;border : 1px solid white;
}

h1{color:#BCF5D1; font-size:44px; text-shadow:2px 1px white;}
h2{color:blue;font-size:22px;border-bottom:1px solid black;}

</style>
<body>
<div id="mainPage">
<div id="header">
<h1 align="center">Computer Master website</h1>


</div>
<div id ="menu" >

<ul class = "menu">
<li><a href ="#" >home</a></li>
<li><a href ="#" >beginner</a></li>
<li><a href ="#" >intermediate</a>
<ul class="submenu" ><li>beginner</li>
<li>beginner</li>
<li>beginner
<ul class="submenu1" ><li>beginner</li>
<li>beginner</li>
<li>beginner</li>
<li>beginner</li></ul></li>
<li>beginner</li></ul>

</li>
<li><a href ="#" >contact</a></li>
<li><a href ="about.html" >about us</a></li>

</ul>


</div>

<div id ="left-col">

<ul>
<li><span style="font-size: 43px;padding: 30;color:blue;">Join us</span></li>
<li><a href ="#">youtube</a></li>
<li><a href ="#">youtube</a></li>
<li><a href ="#">youtube</a></li>
<li><a href ="#">youtube</a></li>

</ul>

</div>

<div id ="writing">
<h2 align="center">Abdul wahab</h2>

<p>my name is abdul wahaba and i belong to pakistan.i am the student
of computer science.and if you have any problem related to java or html programming
so you can contact me throw my page contact ok</p>

<p>my name is abdul wahaba and i belong to pakistan.i am the student
of computer science.and if you have any problem related to java or html programming
so you can contact me throw my page contact ok</p>

<p>my name is abdul wahaba and i belong to pakistan.i am the student
of computer science.and if you have any problem related to java or html programming
so you can contact me throw my page contact ok</p>

<p>my name is abdul wahaba and i belong to pakistan.i am the student
of computer science.and if you have any problem related to java or html programming
so you can contact me throw my page contact ok</p>

<p>my name is abdul wahaba and i belong to pakistan.i am the student
of computer science.and if you have any problem related to java or html programming
so you can contact me throw my page contact ok</p>

<p>my name is abdul wahaba and i belong to pakistan.i am the student
of computer science.and if you have any problem related to java or html programming
so you can contact me throw my page contact ok</p>
<p align="center"><img src="website.jpg" width="400px" height="300px"></p>

</div>
<div id ="right-col">

<ul>
<li><span style="font-size: 43px;padding: 30;color:blue;">Join us</span></li>
<li><a href ="#">youtube</a></li>
<li><a href ="#">youtube</a></li>
<li><a href ="#">youtube</a></li>
<li><a href ="#">youtube</a></li>

</ul>

</div>

</div>
</body>

</html>

about.html

<html>

<title>about me</title>
<body>

<a href ="onlinewebsite.html">Home</a>

This is about me

</body>

</html>

Sunday, March 25, 2018

How to match password without page refresh or button clicked

In this tutorial i am going to show how to match two passwords without refreshing/ reloading the entire page and even without clicking a button.

Demo:

Installation Proccess:

watch this tutorial or

1: Download Jquery file and

2: create files given below and paste the code right to them.

File 1.
password match.html

<!doctype html>

<html>

<body>

Password:<br>

Confirm Password:<br>

</div>

function password_match(){

var password1 = document.getElementById('password1').value ;

var password2 = document.getElementById('password2').value ;

$.post("check.php", {

pass1: password1, pass2: password2

function(data, status){

document.getElementById('show-result').innerHTML = data ;

}

) ;

}

</script>

</body>

</html>

File 2:
check.php

<?PHP

if(isset($_POST['pass1'])){

if($_POST['pass1'] == $_POST['pass2']){

echo '<p style="color:green">password matched</p>' ;

}else{

echo '<p style="color:red">passwords do not matched</p>';

}

Friday, March 23, 2018

How to suggest values from database HTML/CSS

In this tutorial you'll learn how to suggest values from database to an input field.

Demo:

Step 1. Download the JQuery file first.
Step 2. Copy the codes given below and past it to your files.

database_suggesion.php

<!doctype html>



<html>
<title>Computer Master Database Suggestion</title>

<body>

<h2> Suggest users from database</h2>


<input list="user" id="user_name" onkeyup="suggest_user()" />


<datalist id="user">
</datalist>

<script src="jquery-3.3.1.min.js"></script>
<script>

function suggest_user(){
var user_name = document.getElementById('user_name').value;
/* This function send data to check.php file */
$.post("check.php",
{
user: user_name
},

/* This function recieve data from check.php file */
function(data, status){
document.getElementById('user').innerHTML = data ;
}
);

}

</script>

</body>

</html>

check.php

<?php

/* Configure this to your own database */
$con = mysqli_connect("localhost", "root", "", "simple tutorial");

if(isset($_POST['user'])){

$q='SELECT `user_name` FROM `user` WHERE `user_name` LIKE "%'.$_POST['user'].'%" ';
$r = mysqli_query($con, $q) ;

while($row = mysqli_fetch_assoc($r)){

/* It return data to datalist in the database_suggestion.php file */
echo '<option value="'.$row['user_name'].'"> ' ;

}

}

?>

Thursday, March 22, 2018

How to add an image to the left/ right of a text html

<!doctype html>

<html>

<title>

Paragraph and image

</title>

<style>

margin:0px ;

padding:0px;

}

#container{

width:90%;

padding:2%;

box-shadow:0px 0px 10px #888888;

overflow:auto;

margin:10px auto;

}

</style>

<body>

This is a paragraph, and it will show at the right of an image

</p>

This is a paragraph, and it will show at the right of an image

</p>

This is a paragraph, and it will show at the right of an image

</p>

</div>

</body>

</html>

How to make sky force game in java eclipse

Download Source Code

watch tutorials on youtube

Images for Sky Force:

Tuesday, March 20, 2018

How to create a Modal div for a website

Source Code for Modal by Computer Master!!

Demo:

<!Doctype html>
<html>
<title> Powered by Computer Master </title>
<style>
*{
margin:0px;
padding:0px;
}

#cm-modal{
width:50%;
height:200px;
margin:20px auto;
border-radius:5px;
box-shadow:0px 0px 10px #888888;
overflow:hidden;
position:relative;
}
</style>

<body>

<div id="cm-modal">

<h2 style="background:#405570; color:white; text-align:center; padding:1%; ">
I am the Modal!!
</h2>

<p style="padding:1%; ">
This is a simple paragraph in the modal.
</p>

<span style="position:absolute; bottom:0px; background:#405570;
color:white; width:98%; padding:1%; text-align:center; ">
Footer of the modal
</span>

</div>

</body>

</html>

Monday, March 19, 2018

Different Between static and dynamic pages

Static Web Pages:

Those pages in which content are drawn for a huge a time such as the title of a website is permanently on a website and is not changed, similarly the homepages of websites.

Dynamic Web Pages:

Those pages in which content is changed after a specific time such as product and its prices etc. Prices and product change as time passes.

Exmaple of Static webpages and Dynamic web pages

In facebook, facebook title and login page is static and is not change, while the news feed of the facebook is dynamic because it changes with time to time.

Similary in Youtube, youtube search is static while the contents down the search is dynamic content bacause it changes time to time.

Simple pop up window in HTML5 and CSS

Demo:

Copy the code and past it in your browser

<!doctype html>
<html>

<style>

#popup{display:none; background:#efefef; border:1px solid black; width:50%; height:200px;}

</style>

<body>

<button onclick="document.getElementById('popup').style.display='block'">Click Me!!!</button>
<div id="popup">

I am pop up
<button onclick="document.getElementById('popup').style.display='none'">Hide</button>

</div>

</body>
</html>

Keyword: Making of a simple pop up window html5 css

css and html5 simple pop up window
learn how to pop up a simple window
simple pop up window in html5 and css

HTML5 and CSS pop up window

In this tutoiral you are going to learn how to make a pop up window in a website

Demo

Source Codes given below in the grey area. Copy them all and past it into your html file !!

<!doctype html>
<html>
<head>
<title>Computer Master</title>
<style>
*{
margin:0px;
padding:0px;
}
body, html{
width:100%;
height:100%; }
#cm-popup{
display:none;
box-shadow: 0 0 10px #888888;
position:fixed;
left:50%;
transform:translateX(-50%);
width:50%;
height:200px;
}
.cm-btn{
border:none;
background:#405080;
color:white;
border-radius:2px;
}

</style>
</head>
<body>

<h2 align="center">Click here to pop up a window</h2>


<div style="width:200px; margin:20px auto;">
<button
class="cm-btn"
style="font-size:20px; width:200px; height:50px;"
onclick="document.getElementById('cm-popup').style.display='block'">

Click Me!!!

</button>
</div>


<div id="cm-popup">

<h2
style="width:98%;color:white;text-align:center;padding:1%;background:#405080;">
I am poped up
</h2>

<div style="padding:2%;overflow:hidden;">

Click hide to hide this window !!


<button
class="cm-btn"
style="position:absolute;bottom:5%;left:2%;width:80px; height:40px;"
onclick="document.getElementById('cm-popup').style.display='none'">
Hide
</button>
</div>
</div>

</body>
</html>

Keywords:
How to make a pop up window in HTML5

pop window HTML5

Styling up a pop up window

learn how to build up a website

In this tutorial i am going to show you how to create a pop up window without any JavaScript or JQuery. Just HTML 5 can make your work easy.

Button:

If you click on this button the follow window will pop up

<button onclick="document.getElementById('popme').style.display='block'" > Click me to pop up a window </button>

Pop up Window:

This window will pop up on the center of a website

<div id="popme" style="position:absolute; top:50px; left:50%; width:500px; height:400px; ">
I am the window that poped up by you clicking:
Note if you want to hide this window back click on the button given below

<button onclick="document.getElementById('popme').style.display='none'">Hide</button>

HOW TO CREATE CURRICULUM VITAE (C.V)

Friday, March 16, 2018

Class 4th English Paper for examination 2018

Name of student:_________________Class:____________Roll No: _______________

PAPER ENGLISH CLASS 4^THANNUAL EXAMINATION
TIME: 3 Hours Total Marks:100
Q.No.1. Tick the count nouns(√) and cross(×) the uncountable nouns. 10

Oil, Orange, Fish, Water, Sugar, Banana, Salt, Egg, Rice, Dir

Q.No.2. Write (T) for true and (F) for false. 10

i.   The Polar bears very thick coat of hair helps to keep it warm.   (       )
  ii.       The Polar bear natural habitat is not the North Pole. (        )
  iii. The Polar bear never hunts alone.                                                (       )
iv. Fish and Seals are not the Polar bear’s main food.                      (        )
v. A young Polar bear is called a cub.                      ( )

Q.No.3. Write 2^nd form (Past form) of the verbs given below. 10

Go______________. Come_____________. Give_____________. Get____________.

See_____________. Write_____________. Pass______________.

Q.No.4. Join the opposite words. 10

High Big Beautiful Long Easy

Small Low Short Ugly Difficult

Q.No.5. Translate into Pashto or Urdu. 10

i. Zarak was standing at the School’s gate. ___________________________________
ii. He saw, a blind beggar. ___________________________________

Q.No.6. Write the plural of the following. 10

Bird___________. Flower_________. Lamb_________. Nest_________. Star__________. Tree___________. Worker__________.

Q.No.7. Write the masculine nouns of the following Feminine nouns. 10

Mother_________. Sister_________. Hen__________. Cow________. Women___________.

Q.No.8. Answer the following Questions. 20

i. What is noun? Ans: _________________________________________________________.
ii. What is Proper noun? Ans: __________________________________________________.

Q.No.9. Translate into English. 10

1 یہ ایک لڑکا ہے۔ 2 وہ ایک لڑ 3 میں سکول جاتا ہوں۔

______________________ .3 ____________________.2 ____________________.1

Pages

Tuesday, December 4, 2018

Friday, November 23, 2018

Monday, November 19, 2018

Saturday, April 21, 2018

NTS, SST schools you applied, academic marks, NTS marks and total aggregate

Friday, March 30, 2018

Introduction:

Demo:

Step to Follow :

upload_image.php

upload_file.php

Thursday, March 29, 2018

Wednesday, March 28, 2018

Demo:

Tuesday, March 27, 2018

Definition:

How it works:

How to start:

Monday, March 26, 2018

1. You will directed to this page.

2. Type here your post office name such, the one you type in your NIC, CV or Domicile etc.

onlinewebsite.html

about.html

Sunday, March 25, 2018

Demo:

Installation Proccess:

File 1.password match.html

File 2:check.php

Friday, March 23, 2018

database_suggesion.php

check.php

Thursday, March 22, 2018

Images for Sky Force:

Tuesday, March 20, 2018

Monday, March 19, 2018

Static Web Pages:

Dynamic Web Pages:

Exmaple of Static webpages and Dynamic web pages

Demo:

In this tutorial i am going to show you how to create a pop up window without any JavaScript or JQuery. Just HTML 5 can make your work easy.

Button:

Pop up Window:

Friday, March 16, 2018

File 1.
password match.html

File 2:
check.php