Thread Rating:
  • 4 Vote(s) - 4.5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Bringing WebERP into a New Tableless UI Design
07-23-2012, 02:57 PM, (This post was last modified: 07-23-2012, 02:59 PM by hindraj.)
#5
RE: Bringing WebERP into a New Tableless UI Design
Now the footer is done...

<?php

/* $Id: footer.inc 5316 2012-05-05 05:04:04Z daintree $*/

echo '</div>'; // BodyWrapDiv ===HJ===
echo '</div>'; // BodyDiv ===HJ===

echo '<div id="FooterDiv">'; //===HJ===
echo '<div id="FooterWrapDiv">'; //===HJ===

echo '<div id="FooterLogoDiv">'; //===HJ===
echo '<img src="'. $rootpath . '/' . $_SESSION['LogoFile'] . '" width="120" alt="webERP" title="webERP ' . _('Copyright') . ' &copy; weberp.org - ' . date('Y') . '" /></td>';
echo '</div>';

echo '<div id="FooterVersionDiv">'; //===HJ===
echo 'webERP ' ._('version') .' ' . $_SESSION['VersionNumber'];
echo '</div>';

echo '<div id="FooterTimeDiv">'; //===HJ===
echo DisplayDateTime();
echo '</div>';

// if(http_file_exists('http://sflogo.sourceforge.net/sflogo.php')) {
// echo '<tr><td class="footer"><a href="https://sourceforge.net/projects/web-erp"><img src="http://sflogo.sourceforge.net/sflogo.php?group_id=391629&amp;type=12" width="120" height="30" border="0" alt="Get webERP web-based ERP Accounting at SourceForge.net. Fast, secure and Free Open Source software downloads" /></a></td></tr>';
// }

echo '</div>'; // FooterWrapDiv ===HJ===
echo '</div>'; // FooterDiv ===HJ===

echo '</body>';
echo '</html>';

?>


And the CSS for the footer part now can be as simple as this Big Grin

#FooterDiv{
background:olivedrab;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border:medium outset olivedrab;
height:50px;
color:lightgreen;
}
#FooterWrapDiv{
padding:5px;
}
#FooterLogoDiv{
float:left;
background:white;
border-radius:8px;
padding:5px;
}
#FooterVersionDiv{
float:left;
padding:12px;

}
#FooterTimeDiv{
float:right;
padding:12px 0 12px 12px;
}


And the result is like this

   

Notice the white backdrop for the logo is a DIV region for the logo with a white background and rounded corners to match the logo. Nice isn't it? Blush Big Grin

Best regards,
Hindra Joshua
Reply


Messages In This Thread
RE: Bringing WebERP into a New Tableless UI Design - by hindraj - 07-23-2012, 02:57 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)