¿Sabéis el motivo por el que esta página no funciona?Tema Solucionado

[Hereze]

Hola,

he creado una página estática siguiendo el manual que hay en esta misma web (página estática), pero no funciona.
El mismo código si lo ejecuto como un html independiente, funciona correctamente, peor al incrustarlo en el php de la estática no. No sé si es porque no reconoce el css o porqu eno es capaz de capturar los js. La página php es la siguiente:

Código: Seleccionar todo

 <!-- INCLUDE overall_header.html -->
<style type="text/css">
p {text-align:center;}
.widget a {color: #333; text-decoration: none;}
.widget a:hover {color: #333; text-decoration: underline;}
.slideshow {top: 10px; left:10px; height: 1032px; width: 750px; margin: 0; overflow: hidden;}
.slideshow div { width: 235px; }
.slideshow div img { margin: 0px 0px 0px -5px; display: block; border: 0px; }

.imgnav a {position: absolute; text-indent: -5000px; display: block; z-index:100;}
.imgnav	a.text 		{background:#396786;color:#eee;text-indent: 0px; width:100%;bottom:1px; left: 0px; cursor:pointer;text-align:center; z-index:99;}
.imgnav a.previous 	{background: url(http://www.lasportadas.es/js/img/prev.png) no-repeat left 	50%; height: 50px; width: 50px; bottom: 12px; left: 0px;cursor:pointer;}
.imgnav a.next 	   	{background: url(http://www.lasportadas.es/js/img/next.png) no-repeat right	50%; height: 50px; width: 50px; bottom: 12px; right: 0px;cursor:pointer;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.lasportadas.es/js/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade',
		timeout: '6000'
	});
$('#prevButton').click(function() { 
    $('.slideshow').cycle('prev');
});
$('#nextButton').click(function() { 
    $('.slideshow').cycle('next');
});
$('#nextButton').hide();
$('#prevButton').hide();
$('#text').hide();
$('.widget').bind('mouseenter',{self:this},function(e){
	$('#prevButton').fadeIn('fast');
	$('#nextButton').fadeIn('fast');
	$('#text').fadeIn('fast');
    $('.slideshow').cycle('pause');
});
$('.widget').bind('mouseleave',{self:this},function(e){
	$('#prevButton').fadeOut('fast');
	$('#nextButton').fadeOut('fast');
	$('#text').fadeOut('fast');
    $('.slideshow').cycle('resume');
});
});
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-10432503-6']);
  _gaq.push(['_trackPageview']);

  (function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
	

        <h2>PORTADAS</h2>
	<div class="widget" align="center">
		<div class="imgnav">
			<a class="previous" id="prevButton"></a>
			<a class="next" id="nextButton"></a>
		</div>
		<div class="slideshow">
<div><img src="http://www.lasportadas.es/data/2013/20130108/SMarcaI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SASI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SSportI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SMundoDeportivoI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SSuperDeporteI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SEstadioDeportivoI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SDeporSportI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SMundoAtletikoI.jpg"/></a></div>
<div><img src="http://www.lasportadas.es/data/2013/20130108/SMundoDeportivoBizkaiaI.jpg"/></a></div>
		</div>
	</div>

<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->

La página está aquí

Saludos.

[Rainwod]

Estás utilizando la maquetación equivocada. La estructura que dejaste es para un archivo .html y para que te funcione debes poner en tu file "portadas.php" el siguiente code:

Código: Seleccionar todo

<?php

/**
*
* Portadas
*
* @version $Id$
* @copyright (c) 2013 Rainwod
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/

define('IN_PHPBB', true);
$phpbb_root_path = (defined('PHPBB_ROOT_PATH')) ? PHPBB_ROOT_PATH : './';
$phpEx = substr(strrchr(__FILE__, '.'), 1);
include($phpbb_root_path . 'common.' . $phpEx);

// Start session management
$user->session_begin();
$auth->acl($user->data);
$user->setup('nombre_de_archivo_de_dioma');

// Send the page header with the page title
page_header($user->lang['PAGE_TITLE']);

$template->set_filenames(array(
	'body'	=> 'template_body.html',
));

// Send the page footer
page_footer(false);

?>

$user->setup('mods/nombre_de_archivo_de_dioma'); es para el archivo de idioma, que va en language/es/mods/*.*
page_header($user->lang['PAGE_TITLE']); es para el título de la página.
Y para llamar al archivo *.html(que va en styles/tuestilo/template/*.*) se usa:

Código: Seleccionar todo

$template->set_filenames(array(
	'body'	=> 'nombredetuarchivo.html',
));

Saludos

[Hereze]

Gracias, al final lo solucioné usando un html con un iframe, para la próxima me lo apunto.

Saludos.