Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Como insertar imagen en la cabecera de subsilver2

Dudas sobre estilos phpBB 3.0.x
Colaboraciones gráficas paquetes de rangos aquí y botones aquí.
Cerrado

0
No hay votos
 
Votos totales: 0

Laurita848
Observador/a
Mensajes: 24
Registrado: 03 Abr 2009, 00:14

Como insertar imagen en la cabecera de subsilver2

#1

Mensaje por Laurita848 »

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!

Avatar de Usuario
Makoto
Elite
Mensajes: 2929
Registrado: 10 Sep 2009, 23:44
Género:
Edad: 37

Re: Como insertar imagen en la cabecera de subsilver2

#2

Mensaje por Makoto »

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
URL del foro: FIIS-UNAC
Versión phpBB: phpBB3 ( 3.1.5)
Extensiones Instaladas
SPOILER_SHOW
  • Add User 1.0.2
  • Auto Database Backup 1.1.0
  • Auto Groups 1.0.0
  • Avatars on Memberlist 1.0.3
  • Board Announcements 1.0.2
  • Board Rules 1.0.1
  • cBB Chat 1.1.1
  • Fancy Lazy Topics loader 2.1.5
  • Genders 1.0.0
  • Last Post Avatar
  • Log failed logins
  • Rank Post Styling
  • Share On 1.0.0
  • SiteSplat BBCore 2.1.1
  • Sortables Captcha 2.0.0
  • Topic Author 1.0.1
  • Upload Extensions 3.1.2-beta2
Plantilla(s) usada(s):
  • FLATBOOTS 2.0.1
Servidor: Dattatec[/size]

Laurita848
Observador/a
Mensajes: 24
Registrado: 03 Abr 2009, 00:14

Re: Como insertar imagen en la cabecera de subsilver2

#3

Mensaje por Laurita848 »

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} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

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

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->

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;
}
}
}

<!-- IF ._file -->

/**
* 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();
}
<!-- ENDIF -->

// ]]>
</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;">


<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*"/> {L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->

<!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->

<!-- IF not S_IS_BOT -->

<!-- IF S_USER_LOGGED_IN -->

<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->

<!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>

<!-- ENDIF -->

<!-- ENDIF -->

</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>



<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a><!-- ENDIF -->

<!-- IF not S_IS_BOT -->

<!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/icon_mini_members.gif" width="12" height="13" alt="*" /> {L_MEMBERLIST}</a><!-- ENDIF -->

<!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/icon_mini_profile.gif" width="12" height="13" alt="*" /> {L_PROFILE}</a><!-- ENDIF -->

<!-- ENDIF -->

</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;"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></p>
<p style="margin: 0; float: right;">{CURRENT_TIME}</p></td>

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







<div id="wrapcentre">

<!-- IF S_DISPLAY_SEARCH -->


<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>
<!-- IF S_USER_LOGGED_IN -->
<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>
<!-- ENDIF -->


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



<!-- ENDIF -->

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

<!-- INCLUDE breadcrumbs.html -->

<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 ;)

Avatar de Usuario
Makoto
Elite
Mensajes: 2929
Registrado: 10 Sep 2009, 23:44
Género:
Edad: 37

Re: Como insertar imagen en la cabecera de subsilver2

#4

Mensaje por Makoto »

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

</tr>
</table>
</div>
cambialo por esto
Spoiler
<div>
<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>
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
URL del foro: FIIS-UNAC
Versión phpBB: phpBB3 ( 3.1.5)
Extensiones Instaladas
SPOILER_SHOW
  • Add User 1.0.2
  • Auto Database Backup 1.1.0
  • Auto Groups 1.0.0
  • Avatars on Memberlist 1.0.3
  • Board Announcements 1.0.2
  • Board Rules 1.0.1
  • cBB Chat 1.1.1
  • Fancy Lazy Topics loader 2.1.5
  • Genders 1.0.0
  • Last Post Avatar
  • Log failed logins
  • Rank Post Styling
  • Share On 1.0.0
  • SiteSplat BBCore 2.1.1
  • Sortables Captcha 2.0.0
  • Topic Author 1.0.1
  • Upload Extensions 3.1.2-beta2
Plantilla(s) usada(s):
  • FLATBOOTS 2.0.1
Servidor: Dattatec[/size]

Avatar de Usuario
Makoto
Elite
Mensajes: 2929
Registrado: 10 Sep 2009, 23:44
Género:
Edad: 37

Re: Como insertar imagen en la cabecera de subsilver2

#5

Mensaje por Makoto »

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
URL del foro: FIIS-UNAC
Versión phpBB: phpBB3 ( 3.1.5)
Extensiones Instaladas
SPOILER_SHOW
  • Add User 1.0.2
  • Auto Database Backup 1.1.0
  • Auto Groups 1.0.0
  • Avatars on Memberlist 1.0.3
  • Board Announcements 1.0.2
  • Board Rules 1.0.1
  • cBB Chat 1.1.1
  • Fancy Lazy Topics loader 2.1.5
  • Genders 1.0.0
  • Last Post Avatar
  • Log failed logins
  • Rank Post Styling
  • Share On 1.0.0
  • SiteSplat BBCore 2.1.1
  • Sortables Captcha 2.0.0
  • Topic Author 1.0.1
  • Upload Extensions 3.1.2-beta2
Plantilla(s) usada(s):
  • FLATBOOTS 2.0.1
Servidor: Dattatec[/size]

Avatar de Usuario
ahh72
Ex Staff
Mensajes: 3871
Registrado: 29 Dic 2008, 17:28
Género:
Edad: 53

Re: Como insertar imagen en la cabecera de subsilver2

#6

Mensaje por ahh72 »

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

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

Datos de Soporte:
- URL del Foro: http://www.peruvoley.com/foro
- Hosting donde está alojada: http://www.rogohosting.com
- Versión del foro: 3.3.11
- Estilo: stasis-leak
- Mods Instalados:

Guias de ayuda:
Guia para corregir el copyright en foros phpBB3


Laurita848
Observador/a
Mensajes: 24
Registrado: 03 Abr 2009, 00:14

Re: Como insertar imagen en la cabecera de subsilver2

#7

Mensaje por Laurita848 »

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!

Cerrado

Volver a “Soporte para Estilos phpBB 3.0.x”