phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

Bloques para phpBB3 Portal

https://www.phpbb-es.com/foro/viewtopic.php?t=19497

Página 1 de 1

Bloques para phpBB3 Portal  Tema Solucionado

Publicado: 17 Dic 2008, 22:48
por 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

Re: Bloques para phpBB3 Portal

Publicado: 18 Dic 2008, 01:08
por JoseliTo
Muchas gracias aquí de nuevo, super interesante tema, probando este bloque y esperando esas ampliaciones sin prisa, muchas gracias :bravo: :bravo: :bravo:

Re: Bloques para phpBB3 Portal

Publicado: 18 Dic 2008, 18:25
por 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 :mrgreen:

Re: Bloques para phpBB3 Portal

Publicado: 19 Dic 2008, 00:06
por xoom
Gracias JoseliTo

Agregado el bloque de Ajax Chat

Re: Bloques para phpBB3 Portal

Publicado: 20 Dic 2008, 08:22
por 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 />

Re: Bloques para phpBB3 Portal

Publicado: 20 Dic 2008, 08:59
por 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">

Re: Bloques para phpBB3 Portal

Publicado: 20 Dic 2008, 17:20
por jesusjesus
gracias ya esta todo corriendo perfectamente... :)
Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España