A simple blogging site.
New post added at LEARNING DREAM - MAgento: show Success or Error message in popup on Form submit.
MAgento: show Success or Error message in popup on Form submit. MAgento: show Success or Error message in popup on Form submit. March 19, 2015 Durgesh Kumar Singh Uncategorized. permalink.
New post added at LEARNING DREAM - Install Oracle Java on Ubuntu 14.04 (Using a PPA)Install Oracle Java on Ubuntu 14.04 (Using a PPA)
sudo apt-add-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer
Install Oracle Java on Ubuntu 14.04 (Using a PPA)
sudo apt-add-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer
Install Oracle Java on Ubuntu 14.04 (Using a PPA)
Install Oracle Java on Ubuntu 14.04 (Using a PPA)
sudo apt-add-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer
16/03/2015
New post added at LEARNING DREAM - Responsive Navigation Menu using HTML5 and CSS3<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>responsive slider using css</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
*{ margin: 0;padding: 0;}
container{
padding-top: 60px;
}
nav{width: 100%;text-align: center;}
nav ul{ float: left;line-height: 50px;}
nav li{display: inline;list-style-type: none;}
nav a{text-decoration:none; padding:25px;color: #000; border: 1px dotted ; background-color: ;}
screen and (max-width: 768px){
nav{}
nav ul{float: none;line-height: 50px;}
nav li{width: 100%;}
nav a{ display: block; text-decoration:none; padding:1px;color: #000;background-color: ;}
}
</style>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Html</a></li>
<li><a href="">Css</a></li>
<li><a href="">JQuery</a></li>
</ul>
</nav>
</div>
</div>
</div>
</body>
</html>
DEMO
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>responsive slider using css</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
*{ margin: 0;padding: 0;}
container{
padding-top: 60px;
}
nav{width: 100%;text-align: center;}
nav ul{ float: left;line-height: 50px;}
nav li{display: inline;list-style-type: none;}
nav a{text-decoration:none; padding:25px;color: #000; border: 1px dotted ; background-color: ;}
screen and (max-width: 768px){
nav{}
nav ul{float: none;line-height: 50px;}
nav li{width: 100%;}
nav a{ display: block; text-decoration:none; padding:1px;color: #000;background-color: ;}
}
</style>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Html</a></li>
<li><a href="">Css</a></li>
<li><a href="">JQuery</a></li>
</ul>
</nav>
</div>
</div>
</div>
</body>
</html>
DEMO
Responsive Navigation Menu using HTML5 and CSS3
responsive slider using css
*{ margin: 0;padding: 0;}
container{
padding-top: 60px;
}
nav{width: 100%;text-align: center;}
nav ul{ float: left;line-height: 50px;}
nav li{display: inline;list-style-type: none;}
nav a{text-decoration:none; padding:25px;color: #000; border: 1px dotted ; background-color: ;}
screen and (max-width: 768px){
nav{}
nav ul{float: none;line-height: 50px;}
nav li{width: 100%;}
nav a{ display: block; text-decoration:none; padding:1px;color: #000;background-color: ;}
}
Home
About
Html
Css
JQuery
DEMO