Social Icons

twitter facebook google plus

Pages

Wednesday 20 August 2014

Structured Query Language: Part 2

Hello friends, 

In my previous article you saw some Structured Query Language (SQL) commands. And now I share some more commands of SQL. If you haven't read my previous article of SQL please then read that article first because in that article I explained how to create databases and tables. Also, how to insert values into the tables and more.
Ok, let's start.
http://www.c-sharpcorner.com/UploadFile/2cb323/structured-query-language-part-2/
Posted by at 0 comments

Monday 18 August 2014

Structured Query Language: Part 1

Hello friends,

 Structured Query Language, also known as SQL, is a programming language designed for managing Relational Database Management Systems (RDBMSs). SQL is an International Organization for Standardization (ISO) standard. 

In a RDBMS all the data is stored in tables with each table consisting of rows and columns. 

In this entire article I use Oracle 10g express edition software for the database.

Let's move towards the programming by using this link.

 http://www.c-sharpcorner.com/UploadFile/2cb323/structured-query-language-part-1/

Posted by at 0 comments

Saturday 2 August 2014

Make Responsive Web Page Using Media Query in CSS

Hello programmers, 

 we are all familiar with the basics of HTML5 and CSS3 but when we make a web page using only HTML and CSS (without media query) then the site is not responsive.

What is a responsive web page? 
A responsive web page means the user interface or front end of the web page looks the same, whether we use a computer system, a tablet or a mobile device.

 learn to make responsive web page by visiting my blog on c# corner

 http://www.c-sharpcorner.com/UploadFile/2cb323/make-responsive-web-page-using-media-query-in-css/

 thanks..
Posted by at 0 comments

Thursday 12 June 2014

Learn PHP (Personal Home Page) - Day 2

In my previous blog Learn PHP (Personal Home Page)- Day 1 I told you about the basic concept of PHP. Like- what is PHP, by whom it is developed, when it is developed etc.
for more details click on the given link..

http://www.c-sharpcorner.com/Blogs/15730/learn-php-personal-home-page-day-2.aspx
Posted by at 0 comments

Learn PHP (Personal Home Page)- Day 1

In this blog I will started to learn PHP from basic.

http://www.c-sharpcorner.com/Blogs/15724/learn-php-personal-home-page-day-1.aspx

thanks..
Posted by at 0 comments

Sunday 4 May 2014

Thanks for your great support..

Hello friend.
firstly I want to say you very thank you for your great support and love my blogs.
now i started to write blogs, article on http://www.c-sharpcorner.com/ . if you really like
my blogs then please please read all my blogs and articles form here:
http://www.c-sharpcorner.com/authors/2cb323/sanjay-singh.aspx .

thank you !!!
Posted by at 0 comments

Monday 7 April 2014

How to Rotate an Image using CSS3

Hello friends..
        How are you friends? I think you all are very well. today i'll show you very interesting programming
using CSS3 with Hover effect..
Just copy the given code & save with .html and open it with any browser....

code
<html>
<head>
<style>
.box
{
width:200px;
height:200px;
margin:100px;
box-shadow:0px 0px 10px 10px #666666;
background-color:#F00;
-webkit-transition:width 8s, height 8s, background-color 8s, -webkit-transform 8s;
-moz-transition:width 8s, height 8s, background-color 8s, -moz-transform 8s;
-op-transition:width 8s, height 8s, background-color 8s, -op-transform 8s;

}
.box:hover
{
-webkit-transform:rotate(5000deg);
-moz-transform:rotate(5000deg);
-op-transform:rotate(5000deg);
background-color:#0F0;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>


Thank you !!!
Posted by at 0 comments

Friday 28 February 2014

How to use Hover effect in webpages using html & css

Hello friends...
        How are you ? I think you are all fine.At present time i am learning to design the webpages using CSS3. CSS3 gives a great design & effect to our webpages.
In this post i'll show you how to use hover effect in webpages.
HTML

 <!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="post.css"
<title>image</title>
</head>
<body>
<div class="grow img">
<img src="1.jpg"/>
</div>
<div class="shrink img">
<img src="1.jpg"/>
</div>
</body>

</html>

 CSS

 .grow img {
  height: 100px;
  width:  100px;
  -webkit-transition: all 1s ease;
  }
.grow img:hover {
  width: 600px;
  height: 600px;
}
.shrink img {
  height: 400px;
  width: 400px;
 -webkit-transition: all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  }
 .shrink img:hover {
  width: 100px;
  height: 100px;
}


Thanks....
just mouse hover on any image 
image
Posted by at 0 comments

Sunday 26 January 2014

Make effects for your blogs and websites using HTML

Hello friends..
I think you like my previous post"How to change background color". This time I come here with an another Animation post using CSS & JAVASCRIPT in HTML.
In this post i tried to explain some effects which we can add in our websites and blogs.I have you all like this.

HTML CODE
<html>
<head>
<title>Animation 2</title>
<link rel="stylesheet" type="text/css" href="name.css">
<script type="text/javascript">
function fadeOut(el)
{
var elem=document.getElementById(el);
elem.style.transition="opacity 1s linear 0s";
elem.style.opacity=0;
}
function fadein(el)
{
var elem=document.getElementById(el);
elem.style.transition="opacity 1s linear 0s";
elem.style.opacity=1;
}
function slideClosed(el) 
{
var elem=document.getElementById(el);
elem.style.transition="height 1s linear 0s";
elem.style.height="0px";
}
function slideOpen(el)
{
var elem=document.getElementById(el);
elem.style.transition="height 1s linear 0s"
elem.style.height="300px";
}
</script>
</head>
<body>
<strong><h3>CLICK ON BUTTON</h3></strong>
<input type="button" value="Fadeout" onClick="fadeOut('box')"/>
<input type="button" value="Fadein" onClick="fadein('box')"/>
<input type="button" value="Slide close" onClick="slideClosed('box')"/>
<input type="button" value="Slide open" onClick="slideOpen('box')"/>
<div id="box"><h2>THINK DIFFERENT</h2></div>
</body>
</html> 
CSS CODE

#box
{
background:#3F0;
width:320px;
height:240px;
overflow:hidden;
}
h2
{
padding-left:100px;
color:#F00;
padding-top:50px;
}
h3
{ 
  padding-left:100px;
}
Animation 2

CLICK ON BUTTON
Posted by at 0 comments

Tuesday 21 January 2014

HOW TO MAKE ANIMATED BACKGROUND USING HTML

Hello friends..
First of all HAPPY NEW YEAR to all of you.this is my first post in 2014.
This year my target is to learn CSS,JAVASCRIPT & PHP and I have already started it.Using CSS and
JAVASCRIPT in HTML we can make our page very attractive.
In this post i'll explain the animation in html that is"How to change the background color only by clicked the  button".
HTML CODE
<html>
<head>
<title>animation</title>
<link rel="stylesheet" type="text/css" href="2.css">
<script type="text/javascript">
function changeBG(el,clr)
{
var elem=document.getElementById(el);
elem.style.transition="background 2.0s";
elem.style.background=clr;
}
</script>
</head>
<body>
<h3>CLICK ON ANY BUTTON</h3>
<form id="form">
input type="button" value="megenta" onClick="changeBG('box','#F0F')"/>
<input type="button" value="green" onClick="changeBG('box','#0c0')"/>
<input type="button" value="black" onClick="changeBG('box','#000')"/>
</form>
<div id="box"><h1>Hello i am Sanjay Singh</h1></div>
</body>
</html>
CSS CODE
#box
{
background:#36C;
width:640px;
height:480px;
}
h1
{
color:#FF0;
padding-top:180px;
padding-left:150px;
}
h3
{
color:#009;
padding-left:150px;
}
#form
{
padding-left:150px;
}
animation

CLICK ON ANY BUTTON

THINK DIFFERENT

Posted by at 0 comments
Subscribe to: Posts (Atom)
 

OUR VISION

think different

ABOUT US

THINK DIFFERENT