Jor

Используйте firebug, либо аналоги для выявления таких косяков.

Скорее всего, где-то в CSS уже заданы стили для H1 (после вашего кода).

Не там вписываете, скиньте шаблон, посмотрю.

Если Ваш шаблон не разбит на отдельные блоки, то всё делается в index.php

После:

defined('_JEXEC') or die;

Впишите:

$option = JRequest::getVar('option', null);  
$view = JRequest::getVar('view', null);

В том месте, где планируете выводить модуль:

<?php if (($option == 'com_content') && ($view == 'article')) : ?> 
   <jdoc:include type="modules" name="module" style="none" /> 
<?php endif; ?>

Это всё не критично, можно всё в одном месте написать, главное чтобы в нужном участке кода отображался модуль (в Вашем случае, надо вписать в левый, либо правый сайдбар).

Для отображения только на страницах с материалом:

<?php

   $option = JRequest::getVar('option', null); 

   $view = JRequest::getVar('view', null); 

?>

...

<?php if (($option == 'com_content') && ($view == 'article')) : ?>

   <jdoc:include type="modules" name="module" style="none" />

<?php endif; ?>

Через привязку к пунктам меню - выводим в нужных категориях.

Попробуйте:

- Задать line-height

- Заменить padding на margin

.fixed-panel{
	position:fixed;
	bottom:100%;
	left:0;
	height:50px;
	width:100%;
	background:green;
}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	jQuery.noConflict();
	jQuery(window).load(function(){
		setTimeout(function(){
			jQuery('.fixed-panel').animate({bottom:0}, 1000);
		},3000)
	})
</script>

Из бесплатных:

InstantCMS

Joomla

Drupal

http://addgadget.net/

HTML:

	
<div id="container">
	<div id="one">
		<div class="block">Первый блок</div>
	</div>
	<div id="two">
		<div class="block">Второй блок</div>
	</div>
</div>

CSS:

#container {
	display: table;
}
	#one {
		display: table-footer-group;
		background: PaleGreen;
	}
	#two {
		display: table-header-group;
		background: SkyBlue;
	}
		.block {
			width: 300px;
			padding: 7px;
		}

Результат:

.myStyle {
   background: linear-gradient(to bottom right, #FFF, #FFC89B); 
   position: relative;
}

.myStyle:after {
   content: '';
   display: block;
   width: Npx;
   height: Npx;
   background: linear-gradient(to bottom right, #FFF, #FFC89B); либо background: url();
   position: absolute;
   top: 0; right: 0;
}