Bloques para phpBB3 PortalTema Solucionado

[xoom]

A medida que el tiempo me lo permita, iré ampliando este tema con nuevos bloques.

Banners en scroll

Abre un nuevo documento

Copia y pega

Estilo Prosilver

Código: Seleccionar todo

<!-- $Id: banners.html,v 1.1 2008/12/17 08:18:15 xoom Exp $ //-->
<style type="text/css">
<!--
.ul-link {
	list-style: none;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0 0px;
}
.ul-link li{
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(portal/images/link.png) no-repeat left center;
}
.ul-link a {
	padding: 0 0 0 4px;
}
//-->
</style>

<div class="panel">
	<div class="inner">
		<span class="corners-top"><span></span></span>
			<h3>{L_LINKS}</h3>
			<marquee behavior="scroll" direction="up" height="150" scrolldelay="80" scrollamount="2" loop="true" onmouseover="this.stop()" onmouseout="this.start()">
				<center>
				<a href="enlace1" target="_blank"><img src="imagen1"></a><br /><br />
				<a href="enlace2" target="_blank"><img src="imagen2"></a><br /><br />
				<a href="enlace3" target="_blank"><img src="imagen3"></a><br /><br />
				<a href="enlace4" target="_blank"><img src="imagen4"></a><br /><br />
				<a href="enlace5" target="_blank"><img src="imagen5"></a><br /><br />
				</center>
			</marquee>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>
<br style="clear:both" />

Estilo Subsilver2

Código: Seleccionar todo

<style type="text/css">
<!--
.ul-link {
	list-style: none;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0 0px;
}
.ul-link li{
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(portal/images/link.png) no-repeat left center;
}
.ul-link a {
	padding: 0 0 0 4px;
}
//-->
</style>

<table class="tablebg" cellspacing="1" width="100%">
	<tr>
		<th>{L_LINKS}</th>
	</tr>
	<tr class="row1">
		<td>
			<ul class="ul-link">
			<marquee behavior="scroll" direction="up" height="150" scrolldelay="80" scrollamount="2" loop="true" onmouseover="this.stop()" onmouseout="this.start()">
				<center>
				<img src="http://phpbb-es.com/foro/images/banner_phpbb_es.png"><br /><br />
				<img src="http://phpbb-es.com/foro/images/enlaces/bannericyov8.gif"><br /><br />
				<img src="http://phpbb-es.com/foro/images/enlaces/muchografico.gif"><br /><br />
				<img src="http://phpbb-es.com/foro/images/enlaces/januweb.gif"><br /><br />
				<img src="http://phpbb-es.com/foro/images/enlaces/phpbb.gif">
				</center>
			</marquee>
		</td>
	</tr>
</table>
<br />

Modifica enlace1, enlace2, imagen1, imagen2 ... por los enlaces e imágenes correspondientes .

Guárdalo como banners.html en la ruta /styles/tuestilo/template/portal/block/

-------------------------------------------------------------------------------------------

Abre /styles/tuestilo/template/portal/portal_body.html

Busca

Código: Seleccionar todo

		<!-- IF S_DISPLAY_LINK_US -->
			<!-- INCLUDE portal/block/link_us.html -->
		<!-- ENDIF -->	

En una línea posterior agrega

Código: Seleccionar todo

			<!-- INCLUDE portal/block/banners.html -->

Guarda y sube el archivo.

Por último refrescar el estilo.[/i]

---

Ajax Chat

Descarga e instala AJAX Chat

Abre portal.php

Busca

Código: Seleccionar todo

$template->set_filenames(array(

En una línea anterior agrega

Código: Seleccionar todo

//-- mod : AJAX Chat ----------------------------------------------------
//-- add
include($phpbb_root_path . 'shout.' . $phpEx);
//-- fin mod : AJAX Chat ------------------------------------------------

Abre portal_body.html

Busca

Código: Seleccionar todo

		<!-- IF S_DISPLAY_WELCOME -->
			<!-- INCLUDE portal/block/welcome.html -->
		<!-- ENDIF -->

En una línea posterior inserta

Código: Seleccionar todo

<!-- INCLUDE chat_body.html -->

Guarda, sube y refresca plantilla

[JoseliTo]

Muchas gracias aquí de nuevo, super interesante tema, probando este bloque y esperando esas ampliaciones sin prisa, muchas gracias

[JoseliTo]

Buenas, ya lo he instalado y va de lujo, muchas gracias, me he permitido hacerle una pequeña modificacion y le he insertado la etiqueta de "Enlazános" al bloque, para subsilver2, dejo la modificación aquí por si la quieres agregar o por si a alguien le sirve. Hay q tener en cuenta las direcciones y el directorio de los minibanners.

Código: Seleccionar todo

<style type="text/css">
<!--
.ul-link {
   list-style: none;
   margin: 0px 0px 0px 0;
   padding: 0px 0px 0 0px;
}
.ul-link li{
   margin: 0;
   padding: 0 0 2px 15px;
   background: url(portal/images/link.png) no-repeat left center;
}
.ul-link a {
   padding: 0 0 0 4px;
}
//-->
</style>

<table class="tablebg" cellspacing="1" width="100%">
   <tr>
      <th>{L_LINKS}</th>
   </tr>
   <tr class="row1">
      <td>
         <ul class="ul-link">
         <marquee behavior="scroll" direction="up" height="150" scrolldelay="80" scrollamount="2" loop="true" onmouseover="this.stop()" onmouseout="this.start()">
            <center>
            <a href="http://www.DIRECCION.com/" target="_blank"><img src="http://DIRECCIONSEGUIDADEDIRECTORIOIMAGEN.com/images/minibanners/phpbb.gif"><br /><br />
            <a href="http://www.DIRECCION.com/" target="_blank"><img src="http://DIRECCIONSEGUIDADEDIRECTORIOIMAGEN.com/images/minibanners/phpbb.gif"><br /><br />
            <a href="http://www.DIRECCION.com/" target="_blank"><img src="http://DIRECCIONSEGUIDADEDIRECTORIOIMAGEN.com/images/minibanners/phpbb.gif"><br /><br />
            </center>
         </marquee>
<tr><th>{L_LINK_US}</th>
</tr><tr class="row1"><td><center><a href="http://MIDIRECCION.com" target="_blank"><img src="http://MIDIRECCIONYDIRECORIOIMAGEN.com/images/minibanners/mimagen.png"></center></td></tr>
</td></tr></table>

Saludos!!

PD: Esperando nuevos bloques tan modernos cm este jeje

[xoom]

Gracias JoseliTo

Agregado el bloque de Ajax Chat

[jesusjesus]

Hola, luego de leer tu tutorial todo me salio bien , pero tengo una pregunta ya se que tal ves sea demasiado tonta pero como cualkiera tengo q aprender preguntando ...

al agregar un modulo scroll con imagenes , mi pregunta es donde coloco las imagenes y como enuncio la direccion de la imagen en este linea ...en vez de imagen1 que coloco y luego donde coloco el archivo de mi imagen.

Código: Seleccionar todo

<a href="enlace1" target="_blank"><img src="imagen1"></a><br /><br />

[xoom]

Puedes colocar las imágenes donde quieras, bien en la carpeta images del foro o creando una para ellos de nombre, por ejemplo, banner o subirlas a un alojamiento gratuito de imágenes, tipo imageshack o tynipic.

El código suponiendo que el banner tiene de nombre banner1.gif, sería este:

Si la guardas en la carpeta images

Código: Seleccionar todo

<a href="http://www.enlace.com" target="_blank"><img src="htpp://www.tuforo.com/images/banner1.gif">

Si la guardas en una carpeta carpeta llamada banners, creada dentro de la carpeta images

Código: Seleccionar todo

<a href="http://www.enlace.com" target="_blank"><img src="htpp://www.tuforo.com/images/banners/banner1.gif">

Si la guardas en una carpeta llamada banners en el raíz de tu foro

Código: Seleccionar todo

<a href="http://www.enlace.com" target="_blank"><img src="htpp://www.tuforo.com/banners/banner1.gif">

Si la subes a imageshack

Código: Seleccionar todo

<a href="http://www.enlace.com" target="_blank"><img src="htpp://www.imageshack.us/banner1.gif">

[jesusjesus]

gracias ya esta todo corriendo perfectamente...