Шаблон Joomla и phpBB (фон) - Joomla 1.5: Шаблоны, разметка и макеты вывода

/*
 * Page
 */
 
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}

body.yoopage {
	background: #385A81;
}

body.noon {
	background: #385A81 url(../images/page_bg_noon.jpg) 50% 0 repeat-x fixed;
}

body.evening {
	background: #4C5469 url(../images/page_bg_evening.jpg) 50% 0 repeat-x fixed;
}

body.night {
	background: #293947 url(../images/page_bg_night.jpg) 50% 0 repeat-x fixed;
}

body.morning {
	background: #395066 url(../images/page_bg_morning.jpg) 50% 0 repeat-x fixed;
}

/* set body font size (styleswitcher) */
body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* center page */
div.wrapper {
	margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

div#page-body {
	background: url(../images/header_bg.png) 50% 0 repeat-x;
}

body.evening div#page-body { background: url(../images/header_bg_evening.png) 50% 0 repeat-x; }
body.night div#page-body { background: url(../images/header_bg_night.png) 50% 0 repeat-x; }
body.morning div#page-body { background: url(../images/header_bg_morning.png) 50% 0 repeat-x; }

/* (C) 2008 YOOtheme.com */

var YOOTools = {
		
	start: function() {
		
		/* Set Background */
var now = new Date();
var hours = now.getHours();
var day = '';
if (hours >= 10 && hours < 17) {
$('page').addClass('noon');
day = 'noon';
} else if (hours >= 17 && hours < 22) {
$('page').addClass('evening');
day = 'evening';
} else if (hours >= 22 || hours < 5) {
$('page').addClass('night');
day = 'night';
} else if (hours >= 5 && hours < 10) {
$('page').addClass('morning');
day = 'morning';
}

		/* Match height of div tags */
		YOOTools.setDivHeight();

		/* Accordion menu */
		new YOOAccordionMenu('div#middle ul.menu li.toggler', 'ul.accordion', { accordion: 'slide' });

		/* Fancy menu */
		new YOOFancyMenu($E('ul', 'menu'), { mode: 'move', transition: Fx.Transitions.Expo.easeOut, duration: 700 });

		/* Dropdown menu */
		new YOODropdownMenu('div#menu li.parent', { mode: 'height', transition: Fx.Transitions.Expo.easeOut });

		/* Morph: main menu (tab) */
		var enterColor = '#ffffaa';
		var leaveColor = '#ffffff';

		var menuEnter = { 'color': enterColor };
		var menuLeave = { 'color': leaveColor };

		new YOOMorph('div#menu li.level1', menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 300 },
			{ transition: Fx.Transitions.sineIn, duration: 700 }, '.level1');
					
		var enterColor = '#ffdc6e';
		var leaveColor = '#ffffff';

		var menuEnter = { 'color': enterColor };
		var menuLeave = { 'color': leaveColor };

		new YOOMorph('div#menu li.level1', menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 300 },
			{ transition: Fx.Transitions.sineIn, duration: 700 }, 'span.sub');

		/* Morph: main menu (drop down) */
		switch (day) {
			case "evening":		var enterColor = '#08192f';
								var leaveColor = '#11325f';
								break;
								
			case "night":		var enterColor = '#10171b';
								var leaveColor = '#212e36';
								break;
								
			case "morning":		var enterColor = '#0c182b';
								var leaveColor = '#193157';
								break;
			
			case "noon":
			default: 			var enterColor = '#152b56';
					 			var leaveColor = '#193775';
		  }

		var menuEnter = { 'background-color': enterColor };
		var menuLeave = { 'background-color': leaveColor };
		
		new YOOMorph('div#menu li.level2 a, div#menu li.level2 span.separator', menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 100 },
			{ transition: Fx.Transitions.sineIn, duration: 700 });

		var enterColor = '#ffffaa';
		var leaveColor = '#ffffff';

		var menuEnter = { 'color': enterColor };
		var menuLeave = { 'color': leaveColor };
		
		new YOOMorph('div#menu li.level2 a, div#menu li.level2 span.separator', menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 100 },
			{ transition: Fx.Transitions.sineIn, duration: 700 });

		/* Morph: sub menu */
		var enterColor = '#000000';
		var leaveColor = '#646464';
		
		var submenuEnter = { 'color': enterColor};
		var submenuLeave = { 'color': leaveColor};

		new YOOMorph('div#middle ul.menu a, div#middle ul.menu span.separator', submenuEnter, submenuLeave,
			{ transition: Fx.Transitions.expoOut, duration: 100, ignoreClass: 'current' },
			{ transition: Fx.Transitions.sineIn, duration: 700 });

		/* Style switcher */
		new YOOStyleSwitcher($ES('.wrapper'), { 
			widthDefault: YtSettings.widthDefault,
			widthThinPx: YtSettings.widthThinPx,
			widthWidePx: YtSettings.widthWidePx,
			widthFluidPx: YtSettings.widthFluidPx,
			afterSwitch: YOOTools.setDivHeight,
			transition: Fx.Transitions.expoOut,
			duration: 500
		});		
		
		/* Smoothscroll */
		new SmoothScroll({ duration: 500, transition: Fx.Transitions.Expo.easeOut });
	},

	/* Include script */
	include: function(library) {
		$ES('script').each(function(s, i){
			var src  = s.getProperty('src');
			var path = '';
			if (src && src.match(/yoo_tools\.js(\?.*)?$/)) path = src.replace(/yoo_tools\.js(\?.*)?$/,'');
			if (src && src.match(/template\.js\.php(\?.*)?$/)) path = src.replace(/template\.js\.php(\?.*)?$/,'');
			if (path != '') document.write('<script language="javascript" src="' + path + library + '" type="text/javascript"></script>');
		});
	},

	/* Match height of div tags */
	setDivHeight: function() {
		YOOBase.matchDivHeight('div.topbox div.deepest', 0, 40);
		YOOBase.matchDivHeight('div.bottombox div.deepest', 0, 40);
		YOOBase.matchDivHeight('div.maintopbox div.deepest', 0, 40);
		YOOBase.matchDivHeight('div.mainbottombox div.deepest', 0, 40);
		YOOBase.matchDivHeight('div.contenttopbox div.deepest', 0, 40);
		YOOBase.matchDivHeight('div.contentbottombox div.deepest', 0, 40);
	}

};

/* Add functions on window load */
window.addEvent('domready', YOOTools.start);

/* Load IE6 fix */
if (window.ie6) {
	YOOTools.include('addons/ie6fix.js');
	YOOTools.include('yoo_ie6fix.js');
}

<body id="page" class="yoopage <?php echo $yootools->getCurrentStyle(); ?> <?php echo $this->params->get('leftcolumn'); ?> <?php echo $this->params->get('rightcolumn'); ?> <?php echo $itemcolor; ?> <?php echo $yootools->getCurrentToolsColor(); ?>">

<!-- PHP -->
а тут просто пишем на PHP
<!-- ENDPHP -->