phpBB España Oficial

Publicado: **26 Feb 2010, 18:16**

URL: http://pokeanimals.zobyhost.com/foro
Versión phpBB: phpBB3 (3.0.6)
MODs Instalados: Ninguno
Plantilla(s) usada(s): Subsilver2
Servidor: Windows
Actualización desde otra versión: Si, desde 3.0.5
Conversión desde otro sistema de foros: No

Bueno, para empezar, decir que el copyroght esta puesto, pero he modificado el code y esta metido en una tabla, espero que asi tambien se pueda poner ^^.

Bueno y al tema, en el foro querria poner arriba del todo varias imagenes a la izquierda y a la derecha del logo principal, en las que esten dentro unas imagenes aleatorias de pokemon y animal crossing. Aqui dejo una captura de como seria:
Imagen

Querria que la imagen que hay dentro del piplup(El bicho azul de la izquierda), y la imagen de AnimalCrossing con las palmeras(A la derecha), se cambiasen aleatoriamente por otras imagenes.

¿Que archivos tendria que cambiar?

Saludos!

Publicado: **26 Feb 2010, 22:35**

bueno puedes verlo aki

http://www.phpbb-es.com/foro/soporte-pl ... ml#p131063

supongo q deberas crear 2 veces ese codigo con diferente nombre

Código: Seleccionar todo

#page-header {
   padding-top: 300px;
   background-image:url("./images/header_a/random.php");
        background-repeat:no-repeat;
        clear:both;
        }

Código: Seleccionar todo

#page-header {
   padding-top: 300px;
   background-image:url("./images/header_b/random.php");
        background-repeat:no-repeat;
        clear:both;
        }

crear carpetas header_a y header_b y en cada una colocar las imagenes

bueno si puedes proporcionar el overall_header.html te podria ayudar más

Publicado: **27 Feb 2010, 00:29**

Bueno, aqui dejo el overall_header:

Spoiler

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta name="verify-v1" content="nwIiZdXUAv20mRHSm+sDPAwanwzSN4oWB+7Bxd6ietg=" >
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} • {L_MCP} • {L_UCP} • {PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[

if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}


function popup(url, width, height, name)
{
if (!name)
{
name = '_popup';
}

window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
return false;
}

function jumpto()
{
var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
var perpage = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';

if (page !== null && !isNaN(page) && page > 0)
{
document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
}
}

/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
var parent = document.getElementById(id);
if (!parent)
{
eval('parent = document.' + id);
}

if (!parent)
{
return;
}

var rb = parent.getElementsByTagName('input');

for (var r = 0; r < rb.length; r++)
{
if (rb[r].name.substr(0, name.length) == name)
{
rb[r].checked = state;
}
}
}



/**
* Play quicktime file by determining it's width/height
* from the displayed rectangle area
*
* Only defined if there is a file block present.
*/
function play_qt_file(obj)
{
var rectangle = obj.GetRectangle();

if (rectangle)
{
rectangle = rectangle.split(',')
var x1 = parseInt(rectangle[0]);
var x2 = parseInt(rectangle[2]);
var y1 = parseInt(rectangle[1]);
var y2 = parseInt(rectangle[3]);

var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
}
else
{
var width = 200;
var height = 0;
}

obj.width = width;
obj.height = height + 16;

obj.SetControllerVisible(true);

obj.Play();
}


// ]]>
</script>

<link rel="shortcut icon" href="favicon.ico">

</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<div id="wrapheader">

<div id="logodesc">
<table width="100%" cellspacing="0" >
<tr>
<td align="center"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

</tr>
</table>
</div>

<div id="menubar">

<table class="tablebg" width="100%" cellspacing="1" cellpadding="0" style="margin-top: 5px;">
<tr>
<td class="row1">
<p style="margin: 0; white-space: normal; float: left;">

<a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*"/> {L_LOGIN_LOGOUT}</a> 

  <a href="{U_RESTORE_PERMISSIONS}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_RESTORE_PERMISSIONS}</a>

  <span style="color: red;">{L_BOARD_DISABLED}</span>





  <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}, {PRIVATE_MESSAGE_INFO_UNREAD}</a>

  <a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>





</p>

<p style="margin: 0; float: right;">

<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>

   <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a>



   <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/icon_mini_members.gif" width="12" height="13" alt="*" /> {L_MEMBERLIST}</a>

   <a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/icon_mini_profile.gif" width="12" height="13" alt="*" /> {L_PROFILE}</a>



</p>

</td>
</tr>
</table>
</div>

<div id="datebar">

<table class="tablebg" width="100%" cellspacing="1" cellpadding="0" style="margin-top: 5px;">
<tr>

<td class="row1"><p style="margin: 0; white-space: normal; float: left;">{LAST_VISIT_DATE}</p>
<p style="margin: 0; float: right;">{CURRENT_TIME}</p></td>

</tr>
</table>
</div>

<div id="wrapcentre">



<table class="tablebg" width="100%" cellspacing="1" cellpadding="0" style="margin-top: 5px;">
<tr>
<td class="row1">

<p class="searchbar">
<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>

<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>


</p>
</td>
</tr>
</table>



<br style="clear: both;" />



<br />

Entonces en el stylesheet de mi estilo tendria que hacer eso que pusistes tu dos veces, y entonces poner las imagenes en una carpeta con el mismo nombre que tiene cada uno de los dos codes y meter las imgs? Pero tambien tendria que crear el archivo random.php en cada carpeta, si es asi, ¿que habria que poner en ese archivo?

Espero que con el overall header sea mas facil.

Creo que es es el code, pero tambien habria que añadir algo para que estuviese a la derecha o a la izquierda no?

Saludos y disculpen las molestias

Publicado: **27 Feb 2010, 21:22**

Spoiler

cambialo por esto

Spoiler

top_01 y top_02 deben estar definidos en el styllesheat

Spoiler

#top_01 {
background-image:url("./images/header_a/random.php");
background-repeat:no-repeat;
clear:both;
}
#top_02 {
background-image:url("./images/header_b/random.php");
background-repeat:no-repeat;
clear:both;
}

dame otro dia y te paso el codigo correcto ok

Publicado: **28 Feb 2010, 17:29**

en stylesheet.ccs

Código: Seleccionar todo

#top_01{
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('./images/header_a/random.php') repeat;
	height: 160px;
        width: 160px;
}
#top_02{
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('./images/header_a/random.php') repeat;
	height: 160px;
        width: 160px;
}

en el overall_header.html

Código: Seleccionar todo

<div id="logodesc">
<table width="100%" cellspacing="0" >
<tr>
<td align="left"><div id=top_01></div></td>
<td align="right"><div id=top_02></div></td>
</tr>
</table>
</div>

recuerda limpiar el cache al terminar las ediciones

** supongo q logodesc ya lo definiste en el stylesheet

Publicado: **02 Mar 2010, 15:52**

espero nos comentes como te quedo todo esto y si lograste hacerlo funcionar

veo que tu portal es joomla, si deseas puedes usar esta guia para integrar el registro y logueo de usuarios con el portal y el foro:

http://www.phpbb-es.com/foro/ayuda-sobr ... 24937.html

saludos

Publicado: **02 Mar 2010, 16:17**

No lo entiendo, no funciona, mira esto es exactamente lo que pongo:

En el stylesheet:

Código: Seleccionar todo

#tablon {
   border-width: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url('./images/cabecera1/tablon.png') repeat;
   height: 160px;
   width: 160px;
}


#piplup {
   border-width: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url('./images/cabecera2/piplup.png') repeat;
   height: 160px;
   width: 160px;
}


#top_01{
   border-width: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url('./images/header_a/random.php') repeat;
   height: 160px;
   width: 160px;
}


#top_02{
   border-width: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url('./images/header_a/random.php') repeat;
   height: 160px;
   width: 160px;
}

Pongo 4 porque lo que quiero es poner dos imagenes, una a cada lado y que esten fijas, sin ser aleatorias ni nada, y que debajo de cada una hayan otras dos imagenes que si que sean aleatorias.
Entonces he definido piplup y tablon para las fijas, y he puesto la img; y las otras dos las he dejado como me has dicho.

Después en el overal_header he puesto esto:

Código: Seleccionar todo

<div id="logodesc">
<table width="100%" cellspacing="0" >
<tr>
<td align="left"><div id=tablon></div></td>
<td align="left"><div id=top_01></div></td>
<td align="center"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="right"><div id=piplup></div></td>
<td align="right"><div id=top_02></div></td>
</tr>
</table>
</div>

Si hay algun fallo en el code, avisad porfavor^^

Muchas gracias Makoto por tu ayuda ^^, me estas ayudando mucho

ahh72, muchas gracias por la guia, la verdad me gustaria mucho integrar el foro en joomla, pero lo veo muy aparatoso xD, a ver si un dia de estos me pongo a ello y lo hago ^^

Saludos!

phpBB España Oficial

Como insertar imagen en la cabecera de subsilver2

Como insertar imagen en la cabecera de subsilver2

Re: Como insertar imagen en la cabecera de subsilver2

Re: Como insertar imagen en la cabecera de subsilver2

Re: Como insertar imagen en la cabecera de subsilver2

Re: Como insertar imagen en la cabecera de subsilver2

Re: Como insertar imagen en la cabecera de subsilver2

Re: Como insertar imagen en la cabecera de subsilver2