Sunday, March 2, 2014

Tute 24 : Latest Data show in home page : Part One

Many website show latest date. News site show latest news in list. Now we know how to show latest data in our website. This is same to show news. But here we show only headline. Now we start work.
First we go to our index.php file in notepad++.



We will do some work about html and css in index.php and style.css file. So we create a div in right panel. We write this code :

---------------------------------
<div class="latest-news">
<h2>Latest Published</h2>
</div>
---------------------------------

Now we work in stylesheet.css file. We write this code bottom of the file :

-----------------------------
.latest-news{
padding:10px;
margin:0px 0px 20px 0px;
}

h2{
font-size:20px;
padding:3px 10px;
margin:0;
color:#FFFFFF;
background:#000000;
}
---------------------------------

No comments :

Post a Comment