Posts

Dropdown Menubar with CSS

Image
You will see most of the websites have menubar or navigation bar in their websites.They have different shades of color, fonts and design to attract the viewers.It will help the search engines (Google, Bing etc.)and your viewers to easily navigate the contents of your website.                                                   In this screenshot, you will see the pure black color menubar having white color fonts or grey color hover effect.I use simple programming of HTML and CSS   for your understanding. So, this post will show how you can make an attractive menubar for your website or even your projects.  

Friend Request System Using PHP and MYSQL

Image
Facebook site gave its members an easy way to connect with each other one-on-one based on shared interests and other profile information.So, this post is tells how you can make your own friend request process using a simple codes of PHP and Mysql. This project starts with the login & signup process in which you have to first login with your valid email ID or password you can send request to the particular friend, accept or delete friend request or even unfriend option are also resides in this project  Let's start Database Design: In this tutorial there are three tables: 1. Signup table id int (5) email varchar (100) username varchar (50) photo varchar (150) password varchar (25) 2. Request table id int (5) from varchar (100) email varchar (100) 3. My Friend table id int (5) email varchar (100) friend varchar (100) Send Friend Request : This is the first step in which you have to send friend request to the person and it depends on him ...

Login, Signup and Logout Script using PHP and MySQL

Image
Login, Signup or Logout these are the three things which you have  done in daily social networking sites.So, today post is related to that one.Firstly,I will show you how the signup process work .In my project i have taken three fields E-Mail, Username and password.We select email as a primary key. Database Design: email varchar(100)  PRIMARY KEY.. username varchar(100) password varchar(30) Signup Form: <form name="form1" action="index.php" method="POST"> <input  type="email" name="email" placeholder="E-Mail"  ><br> <input type="text" name="uname" placeholder="Username"  ><br> <input  type="password" name="pwd" placeholder="Password" ><br> <input name="signup" type="submit" value="Sign Up"> Signup.php In this PHP file i will show you some query and logics. ...

Displaying data on Hover using Jquery and HTML

Image
This feature is used to display the details relating to each photo when the user's mouse is in that area of the page.For our first pass at displaying this information, we use the .hover() method. When the cursor enters a photo's boundary, the associated information fades in to 70 percent opacity, and when it leaves, the information fades back out.There are, of course, multiple ways to perform this task. Since a portion of each handler is the same, it's possible to combine the two handlers to reduce code duplication. You can download the source code of this topic.   JavaScript.js <script type="text/javascript"> $(document).ready(function() { $('.photo').hover(function() { $(this).find('.details').fadeTo('fast', 0.7); }, function() { $(this).find('.details').fadeOut('fast'); }); }); </script>