Displaying a maximum amount of characters using substr() in php

In this post we have discussed about how the content is viewed by onclicking the link, more.In a paragraph we used to keep some particular lines then we will keep readmore link,by clicking on that link more the remaining content will displayed below.

     To view minimum lines visible and the maximun lines invisible using the function substring().

Live Notification like Facebook using Jquery and Css

Today I am going to share same kind of facebook like live notification system using jquery and css.

Everyone knows that facebook has a live notification messages that pop ups bottom-left corner. 

Using the simple Jquery code,we can use the live notification messages,

<script>
 $(document).ready(function() {
     $.sticky('The webpage has loaded!');
     var callnotification = function(){
     $.sticky('<b>You have a new message!</b>');
     }
     setInterval(callnotification,4000);
 });
</script>

Static Drop down menu using css

Drop down menu can be designed using with a simple css. lets see how the coding works.

Dropdown menu

Onclick the selectbox values and shown in textbox

Nowdays we can see in all online application form there would be select your college names or qualification option and  if your college name is not available in that option values we can use others option. on clicking that others option we get the textbox, in that text box we can enter our college name or qualification.Lets see the live demo.

Live Demo :

Select Ur Qualification :  -------select------- B.E MBBS BA Bcom other

Lets see how it works,

Positioning and overlapping an element using CSS

The CSS positioning properties allow us to position an element.Elements can be positioned using the top, bottom, left, and right properties.There are more types of positioning they are static,fixed,absolute and relative.

<div id="containers">
  
    <div id="child"></div>
  
</div>

Simple Layout designing using CSS3(Positioning)

Lets see how we have design the layout using css3.In Normal we fix width and height, background,margin,etc to design a simple layout. lets consider that as container ie outer layer.

<div class="container">
<div class="main1">
</div>
</div>

By fixing width,height,background,margin,and padding we will have the output as shown below: