Any suggestion or pointer most appreciated. Thanks in advance!
Code: Select all
<html>
<head>
<title>Nifty Corners: Javascript and CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 50px 0 0;background:#FFF;color:#111;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 25em;padding: 30px 0;margin:0 auto;
text-align:left;background: #9CC0FF url(gradient.png) repeat-x 0 -5px}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}
h1,p{margin:0 20px}
ol{margin:10px 40px;padding:0}
ol li{margin:0;padding:0}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
[color=#8080FF]window.onload=function(){
Nifty("div#box","transparent");
}
</script>[/color]
</head>
<body>
<div id="box">
<h1>Nifty Corners Cube™</h1>
<p>Easier than ever:</p>
<ol>
<li>Automatic detection of color and background color</li>
<li>Automatic smoothing and transparency</li>
<li>Preservation of padding, so more presentational unobtrousive</li>
<li>Ability to choose the corners to round and the size</li>
<li>just one or two parameters</li>
</ol>
</div>
</body>
</html>Code: Select all
defined('_JEXEC') or die('Restricted access');
?>
<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/family_resource/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/joomla.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template?>/css/niftyCorners.css">
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template?>/css/niftyPrint.css" media="print">
<script type="text/javascript" src="templates/<?php echo $this->template?>/js/niftycube.js"></script>
<!-- <script type="text/javascript">
window.onload=function(){
Nifty("div#box","transparent");
}
</script>
-->
</head>
<body>
[color=#8080FF]<!-- <script type="text/javascript">window.onload=function(){Nifty("div#box","big")} /> -->
<script type="text/javascript" onload="Nifty('div#box','big')" />[/color]
<!-- <div id="box"> -->
<div id="header">
<jdoc:include type="modules" name="header" style="" />
</div>
<div id="topmenu">
</div>
<div id="mainbody">
<!-- <div class="rbroundbox"> -->
<!-- <div class="rbtop"><div></div> --> </div>
<div class="rbcontent">
<div id="left" style="background-repeat:no-repeat; background-image: url(<?="{$this->baseurl}/images/".JSite::getMenu()->getActive()->alias.".png"?>) ">
<jdoc:include type="modules" name="left" style="" />
</div>
<div id="right">
<img src="templates/<?php echo $this->template ?>/images/CRCFB_175W.png">
<jdoc:include type="modules" name="right" style="" />
</div>
<jdoc:include type="component" />
</div><!-- /rbcontent -->
<!-- <div class="rbbot"><div></div> </div> -->
<!-- </div> --> <!-- /rbroundbox -->
</div>
<div id="footer">Emergency Number: </div>
</div>
</body>
</html>