ampliar el espacio para mi logo

don simpaticon · #1

Versión de phpBB: 3.0.2
Tipo de phpBB: phpBB estandar, (tambien llamado Vanilla) phpBB2 o phpBB3
MODs Instalados: Si
Tu conocimiento: Principiante
Enlace del Foro: http://www.deportepuro.com

¿Qué recuerdas haber hecho en el foro antes de aparecer este error?

¿Qué has realizado para intentar resolver el problema?

Descripción y Mensaje
Hola, lo que pasa es que tengo instalado el template X-Static basado en subsilver2, quero que el espacio para el logo de mi foro sea mas amplio, pues solo me permite ponerle de alto 100... yo pensaria en mi poco conocimiento que debo editar el overall header, pero por mis pocos conocimientos en codigos, no se donde o que hacer o si si es alli donde debo editar, que puedo hacer para esto?

dejo el codigo del overall_header.html y una imagen de lo que tengo

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 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="phpbb, skin, skins, x-treme, design, template, templates, phpbb skin, phpbb template, x-treme skin, phpbb3" />
<meta name="description" content="phpbb skins and designs! skin-lab.com is the best choise for your forum template" />
{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>
<script type="text/javascript">
// <![CDATA[
/***********************************************
* AnyLink Drop Down Menu- Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/" onclick="window.open(this.href);return false; for full source code
***********************************************/
//Contents for Poster Options

var menu{postrow.POSTER_ID}=new Array()
menu{postrow.POSTER_ID}[0]='<a href="{postrow.U_POST_AUTHOR}"><img src="{T_THEME_PATH}/images/prof.png" style="vertical-align: top;">  {L_READ_PROFILE}</a>'
menu{postrow.POSTER_ID}[1]='<a href="{postrow.U_PM}"><img src="{T_THEME_PATH}/images/send_pm_small.png" style="vertical-align: top;">  {L_PM}</a>'
menu{postrow.POSTER_ID}[2]='<a href="{postrow.U_EMAIL}"><img src="{T_THEME_PATH}/images/email.png" style="vertical-align: top;">  {L_EMAIL}</a>'
menu{postrow.POSTER_ID}[3]='<a href="{postrow.U_WWW}"><img src="{T_THEME_PATH}/images/www.png" style="vertical-align: top;">  {L_WEBSITE}</a>'
menu{postrow.POSTER_ID}[4]='<a href="{postrow.U_WARN}"><img src="{T_THEME_PATH}/images/warn.png" style="vertical-align: top;">  {L_WARN_USER}</a>'

//Contents for Forum Options
var menu_forum_menu=new Array()
menu_forum_menu[0]='<a href="{S_WATCH_FORUM_LINK}"><img src="{T_THEME_PATH}/images/script_add.png" style="vertical-align: top;">  {S_WATCH_FORUM_TITLE}</a>'
menu_forum_menu[1]='<a href="{U_MARK_TOPICS}"><img src="{T_THEME_PATH}/images/tick.png" style="vertical-align: top;">  {L_MARK_TOPICS_READ}</a>'
//Contents for Topic Options
var menu_topic_menu=new Array()
menu_topic_menu[0]='<a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}"><img src="{T_THEME_PATH}/images/sub.png" style="vertical-align: top;">  {L_WATCH_TOPIC}</a>'
menu_topic_menu[1]='<a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}"><img src="{T_THEME_PATH}/images/book.png" style="vertical-align: top;">  {L_BOOKMARK_TOPIC}</a>'
menu_topic_menu[2]='<a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}"><img src="{T_THEME_PATH}/images/printer.png" style="vertical-align: top;">  {L_PRINT_TOPIC}</a>'
menu_topic_menu[3]='<a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}"><img src="{T_THEME_PATH}/images/email_friend.png" style="vertical-align: top;">  {L_EMAIL_TOPIC}</a>'
menu_topic_menu[4]='<div id="border-bottom"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}"><img src="{T_THEME_PATH}/images/bump.png" style="vertical-align: top;">  {L_BUMP_TOPIC}</a></div>'
//Contents for View Menu
var menu_view_menu=new Array()
menu_view_menu[0]='<a href="{U_SEARCH_UNANSWERED}" title="{L_SEARCH_UNANSWERED}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">  {L_SEARCH_UNANSWERED}</a>'
menu_view_menu[1]='<a href="{U_SEARCH_ACTIVE_TOPICS}" title="{L_SEARCH_ACTIVE_TOPICS}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">  {L_SEARCH_ACTIVE_TOPICS}</a>'
menu_view_menu[2]='<a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">  {L_SEARCH_NEW}</a>'
menu_view_menu[3]='<a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">  {L_SEARCH_SELF}</a>'
var menuwidth='200px' //default menu width
var menubgcolor='#F2F2F3' //menu bgcolor
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById && !document.all
var defaultwidth=menuwidth
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onmouseover="clearhidemenu()" onmouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
if (typeof menuwidth=='undefined'||menuwidth=='selfc'){
tmpspan.style.display='inline'
dropmenuobj.widthobj.width=tmpspan.offsetWidth+'px'
tmpspan.style.display='none'
}
else if (menuwidth!='')
dropmenuobj.widthobj.width=menuwidth
else
dropmenuobj.widthobj.width=defaultwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6){
var appendit=0
if (typeof tmpspan=='undefined'){
tmpspan=document.createElement('span')
appendit=1
}
if(appendit){
tmpspan.style.position="absolute"
tmpspan.style.left="-1000px"
tmpspan.id='tspan'
document.body.appendChild(tmpspan)
tmpspan.style.display='none'
}
tmpspan.innerHTML=dropmenuobj.innerHTML=what.join("")
}
}
function dropdownmenu(obj, e, menucontents, menuwidth){
obj.onmouseout=delayhidemenu;
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
<div id="wrapheader">
<div class="top_center">
<div class="top_title">
<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="top_bar_button_left" href="{U_INDEX}" >{L_HOME}</a>
</h5>
<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="top_bar_button_cl" href="{U_FAQ}" >{L_FAQ}</a>
</h5>


<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="top_bar_button_cl" href="{U_MEMBERLIST}" >{L_MEMBERLIST}</a>
</h5>



<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="top_bar_button_right" href="{U_SEARCH}" >{L_SEARCH}</a>
</h5>


<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="top_bar_button_cr_red" href="{U_ACP}">{L_ACP}</a>
</h5>

</div>
</div>
<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="100" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="top" height="50">
<p class="gensmallclock">
<script language="javascript" src="{T_TEMPLATE_PATH}/liveclock.js" type="text/javascript"></script>
</p>
</td>
<td align="right" valign="bottom" rowspan="2"> </td>
</tr>
<tr>
<td align="center" valign="top"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
</tr>
</table>
</div>
<div class="cp_center">
<div class="cp_title">

<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_left" href="{U_LOGIN_LOGOUT}" >{L_LOGIN_LOGOUT}</a>
</h5>


<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_cl" href="{U_RESTORE_PERMISSIONS}" >{L_RESTORE_PERMISSIONS}</a>
</h5>




<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_cl" href="{U_REGISTER}" >{L_REGISTER}</a>
</h5>


<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_cl_drop" href="#" onclick="return dropdownmenu(this, event, menu_view_menu, '200px')">{L_OPTIONS}</a>
</h5>



<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_right" href="{U_PRIVATEMSGS}" >

<font color="#ff3636">{PRIVATE_MESSAGE_INFO} - {PRIVATE_MESSAGE_INFO_UNREAD}</font></a>

{PRIVATE_MESSAGE_INFO} </a>

</h5>


<h5 style="margin-top:0px;margin-right:0px;">
<span class="cp_right_null" > </span>
</h5>




<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_cr" href="{U_PROFILE}">{L_PROFILE}</a>
</h5>



<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
<a class="cp_mod" href="{U_MCP}">{L_MCP}</a>
</h5>


</div>
</div>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="h-pag-l" colspan="3" width="46"><img src="{T_THEME_PATH}/images/pag_arrow.png" alt="" /></td>
<td class="h-pag-r" colspan="3" width="100%"></td>
</tr>
<center><b>Busqueda</b></center>
<center><form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-9866262743207304:8ieddvguw9t" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="90" />
<input type="submit" name="sa" value="Buscar" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?fo ... t></center>
</table>
<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"> </div></div></div>
<span style="color:#CC3333;">{L_BOARD_DISABLED}</span>
<div id="wrapcentre">
<br style="clear: both;" />
<br />

asi es como se ve y quiesiera mas espacio, que quede mas alto ( lo dejo para que vean como esta y que es lo que quiero, no para hacer spam) lo que deseo es que pueda poner un logo mas grande, que tenga mas altura

angelismo · #2

Vamos a ver ,si funciona asi

Código: Seleccionar todo

<td height="100" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="top" height="50">

Cambia 100 por el alto que quieras.

don simpaticon · #3

hice lo que me dijiste y salio esto

Parse error: syntax error, unexpected $end in /home/deporte/public_html/site/cache/tpl_X-Static_overall_header.html.php on line 392

angelismo · #4

Borra el cache

don simpaticon · #5

lo que hizo fue bajarme la imagen, pero el espacio sigio igual de pequeño

don simpaticon · #6

don simpaticon escribió:lo que hizo fue bajarme la imagen, pero el espacio sigio igual de pequeño

despues de muchos dias y de muchos ensayos no he podido cuadrar esto, hice lo que me dijeron aca, pero lo que me pasa es que lo que se estira es la imagen, , epro el espacio donde esta puesto el logo sigue del mismo tamaño, asi limitandome a tener un logo provicional pues no he podido cuadrar el tamño para esto.... alguien me puede sugerir otra forma o uindicar como poder hacerlo, de verdad me he reventado la cabeza buscando esto pero no se como hacerlo

muchas gracias

xoom · #7

Sube la imagen del nuevo logo, luego desde la administración -> Estilos -> Galería de imágenes, pulsa en la opción Editar de tu tema.

Te aparecerá una nueva pantalla, al principio verás una ventana con Logo principal, pulsa en Seleccione y luego en Imagen, seleccionas el logo que subistes previamente, marcando el Si en incluir dimensiones, debajo introduces el alto y el ancho de la imagen y guardas. Ya estará publicado el nuevo logo con las dimensiones correctas.

don simpaticon · #8

eso ya lo hice y mira lo que pasa cuando hago este procedimiento

Imagen

la imagen si se agranda, pero el espacio para el logo sigue del mismjo tamaño... lo que quiero es que ese espacio tambien se ponga mas grande para poder poner el logo de las dimenciones que deseo, espero me entiendan

xoom · #9

Haz el paso que he publicado antes y pasa al punto 2, si así no funciona, haz el 1 y el 2

1.- Tienes que modificar esta línea

Código: Seleccionar todo

<td height="100" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

Modifica el "100" con la altura que quieras. Si por ejemplo el nuevo logo mide de altura 220 quedaría así:

Código: Seleccionar todo

<td height="220" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

2.- Tambien tienes que modificar header.css que se encuentra dentro de la carpeta theme

Busca

Código: Seleccionar todo

height : 100px;

y modifica el 100 por el mismo valor que pusistes antes.

don simpaticon · #10

hice los dos pasos que me dices, modifique los dos archivos que me dices y nada...

se me ve asi

Imagen

en serio ya no se que hacerle, se me ocurre que algo pudiera bloquear con algun codigo el poder modificar eso, pero no se que, yo de eso no se mucho...

xoom · #11

1.- Instala el logo a través de la administración especificando alto y ancho

2.- Modificaciones en /styles/X-Static/template/overall_header.html suponiendo que el logo mide 220 pxl de alto

Busca

Código: Seleccionar todo

		<table  width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td height="100" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

Sustituir por

Código: Seleccionar todo

		<table  width="100%" height="220" cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td height="220" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

3.-Modificaciones en /styles/X-Static/theme/header.css

Busca

Código: Seleccionar todo

height : 100px;

Sustituir por

Código: Seleccionar todo

height : 220px;

Por último hay que modificar la imagen del fondo con la nueva altura, te adjunto el que he ajustado a 220 pxl por si te sirve.

Si el logo que vas a usar, difiere del ejemplo, debes modificar el valor 220 por el de tu imagen.

don simpaticon · #12

hice paso a paso lo que me dijiste pero no me funciona, mira lo que pasa...

Imagen

xoom · #13

Algo habrás hecho mal, lo he probado en mi foro y el resultado es este

Imagen

¿Has actualizado el caché?

phpBB España Oficial

ampliar el espacio para mi logo

ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo

Re: ampliar el espacio para mi logo