rssloader / test_usage.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Упражнение по разметке 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="Trainings" />
<meta name="keywords" content="HTML,CSS,JavaScript" />

<script type="text/javascript" src="loader.js"></script>

<style type="text/css">

   * {
      margin:0px;
      padding:0px;
      font-family:Verdana,sans-serif;
      font-size:10pt;
   }


   .rsscontent {
      font-size:0.86em;
      padding:5px 10px 5px 10px;
   }

   .rsscontent p {
      font-size:100%;
   }

   .rsscontent h3 {
      margin-bottom:16px;
   }

   .rsscontent h3 a {
      color:#444;
      text-decoration:none;
      border:none;
      font-size:0.86em;
   }

   .rssdate {
      margin-top:5px;
      font-size:smaller!important;
      font-style:italic;
   }

   .rsssplit {
      height:2px;
      background:#eeeeee;
   }

   .rsscontent a {
      color:#800;
      text-decoration:none;
      border-bottom:dotted 1px #800;
      font-size:100%;
   }

    /*------------------------------------------*/
    #allcontent {
       width:1200px;
    }

    /*------------------------------------------*/
   #header {
      height:100px;
      position:relative;
      background:#ffffe0 url('images/header.jpg') no-repeat left top ;
   }
   /*------------------------------------------*/

   #leftpart {
      float:left;
      width:300px;
      background:#e0e0e0;


   }

   #leftpart .rsscontent {

   }

   #leftpart img {
      float:right;
      margin-left:8px;
   }

  /*------------------------------------------*/
   #rightpart {
      float:right;
      width:210px;

   }


   /*------------------------------------------*/


   #centerpart {
      margin-left:311px;
      margin-right:220px;
      background:#eee;

   }

    /*------------------------------------------*/
   #centerheader {
      position:relative;
      height:100px;
      background:#666 url('images/header3.jpg') no-repeat top left;
      color:white;
      font-weight:bold;

      margin:auto;
   }

   #centheadright {
      position:relative;
      height:101px;
      width:204px;
      left:466px;
      top:-1px;
      background:red url('images/subruhead.jpg') no-repeat top left;
   }
   /*------------------------------------------*/
   #leftcenterpart {
      float:left;
      width:40%;
      background:white;
   }

   #leftcenterpart .rsssplit {
      clear:left;
   }

   /*------------------------------------------*/
   #rightcenterpart {


   }

   #rightcenterpart .wrapper {

   }

   #rightcenterpart .rsssplit {
      display:none;
   }

   #rightcenterpart .rssrowsplit {
      float:left;
      width:40%;
      height:1px;
      background:#888;
      position:relative;
      left:50px;
      bottom:10px;
   }

   #rightcenterpart .rsscontent {
      float:left;
      width:150px;
      margin-right:5px;
      margin-bottom:5px;

      height:300px;
      overflow:hidden;

      position:relative;
      left:10px;
   }

   /*------------------------------------------*/
   #centerfooter {

      background:#666;
      color:white;
      float:left;
      margin-top:5px;

   }

   #centerfooter a {
      color:white;
   }

   #centerfooter .rsscontent {
      float:left;
      width:180px;
      height:300px;
      overflow:hidden;

      margin-top:5px;
      margin-right:5px;
   }

   #centerfooter .rsssplit, #centerfooter .rssrowsplit{
      display:none;
   }

   /*------------------------------------------*/
   #footer {

      clear:both;
      margin-top:5px;
      background:#999;
      padding-left:10px;
      padding-top:10px;
   }

   #footer .rsscontent {
      float:left;
      border:solid 1px #666;
      width:200px;
      height:250px;
      margin-right:10px;
      margin-bottom:10px;
      background:white;
      overflow:hidden;
   }

   #footer .rsssplit {
      display:none;
   }


   #footer .rsscontent p, #footer .rsscontent h3 {

   }
   /*------------------------------------------*/
   .inheader {
      position:absolute;
      top:40%;
      left:40%;
      border:solid 1px red;

   }

   .inheader3 {
      position:absolute;
      top:30px;
      left:50px;
      border:solid 1px red;
   }


</style>


</head>

<body>
<?php require 'funcs3.inc.php';?>

<div id="allcontent">
<div id="header"><div class="inheader">Main Header</div></div>

   <div id="leftpart">
      <?php echo drawrss('afisha',15); ?>
   </div>

   <div id="rightpart">
      <?php echo drawrss('lookatme4',9);?>
   </div>

   <div id="centerpart">
      <!---------------------------------->
      <div id="centerheader">
        <div id="centheadright">
        </div>
        <div class="inheader3">
            Central Header
         </div>
      </div>
      <!---------------------------------->
      <div id="leftcenterpart">
         <?php echo drawrss('lookatme',10);?>


      </div>
      <!---------------------------------->
      <div id="rightcenterpart">
         <div class="wrapper">
            <?php echo drawrss('gazeta',10);?>
         </div>
      </div>

      <div style="float:left;width:100%;height:10px;background:#888;"></div>
      <!--<div  style="clear:both;height:5px;background:#888"></div>-->
      <!---------------------------------->
      <div id="centerfooter">
         <?php echo drawrss('newsru',12);?>
      </div>

      <div style="clear:both;"></div>
   </div>


<div id="footer">
   <?php echo drawrss('lookatme3',15); ?>
   <div style="clear:both;"></div>
</div>
</div>


</body>
</html>