| Autor |
Mensaje |
|
Sabony
Forero Habitual
Registrado: 08-30-2008, 16:52 Mensajes: 169
|
 Modificar la zona del logo!!
Muy buenas a todos! Despues del borrado de estilos y aver dejado el foro un poco de lado me estoy animando de nuevo y encontre un estilo que se adapta a lo que yo nesesito "Rednblack" la cuestion es la siguiente, el logo que siempre he usado me sale un poco descentrado para la derecha y me gustaria saver si hay alguna forma de centrarlo sin modificar la portada, otra cuestion es.. ¿Como puedo borrar el bloque de buscar de la portada? Un saludo a todos y espero vuestra gran ayuda!! http://forodetrabajo.forogratis.es/foro/
|
| 10-03-2009, 4:44 |
|
 |
|
wagu
Equipo de Soporte
Registrado: 01-16-2007, 5:58 Mensajes: 6809 Ubicación: Chile
|
 Re: Modificar la zona del logo!!
hay un tutorial al respecto: cambiar-caja-buscar-por-icono-t28159.htmlpero por ahora no se puede editar ese estilo, te recomiendo por ahora bajar las medidas del logo que has subido y que tienes actualmente 938px × 110px, por lo menos achica el 938 aun un numero menor para que no quede tapado a la derecha con la caja de busqueda.
|
| 10-03-2009, 5:43 |
|
 |
|
Sabony
Forero Habitual
Registrado: 08-30-2008, 16:52 Mensajes: 169
|
 Re: Modificar la zona del logo!!
Buenos amigos he encontrado otro estilo y cree una imagen de prueva pero tampoco me sale "centrada", si pongo una pequeña si pero sale el cuadro gris alrededor y no me gusta, ¿Alguna solucion? El phpbb3 y las portadas no se llevan muy bien xD... http://forodetrabajo.forogratis.es/foro/Estilo: proFormell
|
| 10-04-2009, 17:06 |
|
 |
|
wagu
Equipo de Soporte
Registrado: 01-16-2007, 5:58 Mensajes: 6809 Ubicación: Chile
|
 Re: Modificar la zona del logo!!
si escogistes un estilo que es basado en prosilver, se parece mucho al prosilver Special edition, aunque el proFormell sale el banner viene con ese problemita del logo, voy a hacer pruebas pero segun leo aca: http://www.phpbb.com/community/viewtopi ... &t=1197725he estado leyendo y aun no doy con el clavo para mejorar y no salga asi el logo. Si se algo te digo, lo voy a comentar con el equipo aver si hallamos la respuesta.
|
| 10-05-2009, 4:57 |
|
 |
|
Sabony
Forero Habitual
Registrado: 08-30-2008, 16:52 Mensajes: 169
|
 Re: Modificar la zona del logo!!
La verdad es que me ayudarias mucho Wagu! Despues de tanta actualización, aver borrado los estilos que yo tenia instalado y todo eso quise tirar la toalla, despues los estilos de phpbb3 no se adaptan a lo que yo nesesito pro bueno, si encontrara la manera de centrar el logo en ese estilo me empezaria a animar de nuevo, un saludo y muchas gracias!!
|
| 10-05-2009, 15:56 |
|
 |
|
Drak
Forero Fijo
Registrado: 02-17-2009, 2:48 Mensajes: 794 Ubicación: Sevilla
|
 Re: Modificar la zona del logo!!
Hola Sabony.... ¿Algo asi te iria bien?  Si quieres darle esta solucion entra en: Panel de Administración (ACP) / Estilos / Plantillas / Editar proFormell / overall_header.htmlSustituye el codigo de la plantilla overall_header.html por este ya modificado:  |  |  |  | Código: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}"> <head>{SEO_BASE_HREF} <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-language" content="{S_USER_LANG}" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="resource-type" content="document" /> <meta name="distribution" content="global" /> <meta name="copyright" content="2007 - 2008 Marc Alexander" /> <meta name="keywords" content="" /> <meta name="description" content="" /> {META} {META_TAG} {PORTAL_META_HTTP_EQUIV_TAGS} {PORTAL_META_TAGS} <title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/style_wide.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="fixed" href="{T_THEME_PATH}/style_fixed.css" />
<!-- phpBB style name: proFormell Based on style: prosilver, formell (Joomla Style) Original author: Tom Beddard ( http://www.subBlue.com/ ) Modified by: Marc Alexander NOTE: This page was generated by phpBB, the free open-source bulletin board package. The phpBB Group is not responsible for the content of this page and forum. For more information about phpBB please visit http://www.phpbb.com -->
<script type="text/javascript"> // <![CDATA[ var jump_page = '{LA_JUMP_PAGE}:'; var on_page = '{ON_PAGE}'; var per_page = '{PER_PAGE}'; var base_url = '{A_BASE_URL}'; var style_cookie = 'phpBBstyle'; var style_cookie_settings = '{A_COOKIE_SETTINGS}'; var onload_functions = new Array(); var onunload_functions = new Array(); // www.phpBB-SEO.com SEO TOOLKIT BEGIN var seo_delim_start = '{SEO_START_DELIM}'; var seo_static_pagination = '{SEO_SATIC_PAGE}'; var seo_ext_pagination = '{SEO_EXT_PAGE}'; // www.phpBB-SEO.com SEO TOOLKIT END
<!-- IF S_USER_PM_POPUP --> if ({S_NEW_PM}) { var url = '{UA_POPUP_PM}'; window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400'); } <!-- ENDIF -->
/** * Find a member */ function find_username(url) { popup(url, 760, 570, '_usersearch'); return false; }
/** * New function for handling multiple calls to window.onload and window.unload by pentapenguin */ window.onload = function() { for (var i = 0; i < onload_functions.length; i++) { eval(onload_functions[i]); } }
window.onunload = function() { for (var i = 0; i < onunload_functions.length; i++) { eval(onunload_functions[i]); } }
// ]]> </script> <script type="text/javascript" src="{ROOT_PATH}styles/js/styleswitcher.js"></script> <script type="text/javascript" src="{ROOT_PATH}styles/js/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" /> <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<script type="text/javascript"> // <![CDATA[
/* Style semi-dynamic width by Marc Alexander (c) 2008 Parts based on styleswitcher.js contained in prosilver
*/
var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode { x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; } else if (document.body) // other Explorers { x = document.body.clientWidth; y = document.body.clientHeight; } if (x >= 1420) { document.write("<link type='text/css' href='{T_THEME_PATH}/widest.css' rel='stylesheet' />"); } else if (x >= 1220) { document.write("<link type='text/css' href='{T_THEME_PATH}/wider.css' rel='stylesheet' />"); } else if (x >= 1070) { document.write("<link type='text/css' href='{T_THEME_PATH}/wide.css' rel='stylesheet' />"); } else { document.write("<link type='text/css' href='{T_THEME_PATH}/standard.css' rel='stylesheet' />"); } // ]]> </script> <!--[if lt IE 7]> <script type="text/javascript"> // <![CDATA[ // Universal transparent-PNG enabler for MSIE/Win 5.5+ // http://dsandler.org // From original code: http://www.youngpup.net/?request=/snippets/sleight.xml // and background-image code: http://www.allinthehead.com/retro/69 // also: // * use sizingMethod=crop to avoid scaling PNGs (who would do such a thing?) // * only do this once, to make it compatible with CSS rollovers
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) { window.attachEvent("onload", enableAlphaImages); }
function enableAlphaImages(){ var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, ''); var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5); if (itsAllGood) { for (var i=0; i<document.all.length; i++){ var obj = document.all[i]; var bg = obj.currentStyle.backgroundImage; var img = document.images[i]; if (bg && bg.match(/\.png/i) != null) { var img = bg.substring(5,bg.length-2); var offset = obj.style["background-position"]; obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')"; obj.style.backgroundImage = "url('{T_THEME_PATH}/images/blank.gif')"; //obj.style["background-position"] = offset; // reapply } else if (img && img.src.match(/\.png$/i) != null) { var src = img.src; img.style.width = img.width + "px"; img.style.height = img.height + "px"; img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='crop')" img.src = "{T_THEME_PATH}/images/blank.gif"; }
} } } // ]]> </script> <![endif]-->
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" /> <link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" /> <link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' --> <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" /> <!-- ENDIF -->
<!-- IF PORTAL --> <!--[if lt IE 7]> <script language="JavaScript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src='" + img.src + "', sizingMethod='scale');"></span>" img.outerHTML = strNewHTML i = i-1 } } } } window.attachEvent("onload", correctPNG); </script> <![endif]-->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/portal/scriptaculous/lib/prototype.js"></script> <script type="text/javascript" src="{T_TEMPLATE_PATH}/portal/scriptaculous/src/scriptaculous.js?load=effects,dragdrop"></script> <script type="text/javascript" src="{T_TEMPLATE_PATH}/portal/scriptaculous/src/unittest.js"></script> <script type="text/javascript" src="{T_TEMPLATE_PATH}/portal/scriptaculous/src/lightbox.js"></script>
<!-- IF S_TOOL_TIPS_ENABLED --> <script type="text/javascript" src="{T_TEMPLATE_PATH}/portal/scriptaculous/src/tooltips.js"></script> <!-- ENDIF -->
<link rel="stylesheet" href="{T_TEMPLATE_PATH}/portal/scriptaculous/css/lightbox.css" type="text/css" media="screen" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript"> <!-- var rmw_max_width = '{PORTAL_PICTURE_RESIZE}'; var rmw_border_1 = '1px solid'; var rmw_border_2 = '2px dotted'; var rmw_image_title = '{L_IMG_CLICK_HERE}'; //--> </script> <script type="text/javascript" src="{T_TEMPLATE_PATH}/portal/scriptaculous/src/resize_image.js"></script> <!-- ENDIF -->
<!-- INCLUDE gallery/plugins_header.html --> </head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}"> <div valign="center" class="stylewidth"> <div class="outside"> <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div> <div class="inside"> <div class="notopgap"> <div id="wrap"> <a id="top" name="top" accesskey="t"></a> <div id="page-header"> <div class="headerbar"> <div class="inner"><span class="corners-top"><span></span></span> <div style="height: 140px ;"> <center> <!-- IF STARGATE --> <a href="{U_PORTAL}" title="{L_PORTAL}" width="100%"id="logo">{SITE_LOGO_IMG}</a> <!-- ELSE --> <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> <!-- ENDIF --> </center> <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
<span class="corners-bottom"><span></span></span></div> </div> <div class="navbar"> <div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks"> <li class="icon-home"> <!-- IF PORTAL --><a href="{U_PORTAL}" accesskey="h">{L_PORTAL}</a> <strong>‹</strong> <!-- IF PORTAL_INDEX_PAGE --> <a href="{U_INDEX}" accesskey="h">{L_INDEX}</a><!-- ENDIF --><!-- ELSE --> <a href="{U_INDEX}" accesskey="h">{L_INDEX}</a><!-- ENDIF --> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li> <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH --> <table width="200" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td><form action="{U_SEARCH}" method="post" id="search"> <fieldset> <div align="center"> <input name="keywords" type="text" class="inputbox search" id="keywords" title="{L_SEARCH_KEYWORDS}" size="20" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="128" /> <input class="button2" value="{L_SEARCH}" type="submit" /> <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS} </div> </fieldset> </form></td> </tr> </table>
<!-- ENDIF --> <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF --> <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF --> <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF --> <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF --> </ul>
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --> <ul class="linklist leftside"> <li class="icon-ucp"> <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a> <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> • <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- IF U_RESTORE_PERMISSIONS --> • <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> <!-- ENDIF --> </li> </ul> <!-- ENDIF -->
<ul class="linklist rightside"> <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li> <!-- IF U_GALLERY --><li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li><!-- ENDIF --> <!-- BEGIN blog_links --><li class="{blog_links.CLASS}"><a href="{blog_links.URL}">{blog_links.TEXT}</a></li><!-- END blog_links --> <!-- IF not S_IS_BOT --> <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF --> <!-- IF not S_USER_LOGGED_IN --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF --> <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li> <!-- ENDIF --> </ul>
<span class="corners-bottom"><span></span></span></div> </div> </div>
<a name="start_here"></a> <div id="page-body"> <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> <div id="message" class="rules"> <div class="inner"><span class="corners-top"><span></span></span> <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED} <span class="corners-bottom"><span></span></span></div> </div> <!-- ENDIF --> <br /><center>{ADCODE_TOP} <br /><br /> {USERHEAD}</center><br /> |  |  |  |  |
Antes de hacer algun cambio... Selecciona todo el codigo de la plantilla copialo y guardalo en un archivo de texto por ejemplo por si necesitas restaurarlo. Si habias hecho algun cambio en esa plantilla se perdera tambien.Recuerda que toda modificacion en las plantillas pueden perderse en futuras actualizaciones.Buenas tardes.
_________________Mi foro: www.unesvoltetes.com
|
| 10-05-2009, 17:22 |
|
 |
|
Sabony
Forero Habitual
Registrado: 08-30-2008, 16:52 Mensajes: 169
|
 Re: Modificar la zona del logo!!
Gracias por la gran ayuda Drak y wagu!! Parece que el codigo funciona bien, una ultima pregunta chicos, la imagen de fondo esa de rayas que trae el estilo ¿Hay alguna forma de quitarla? porque en el fondo que probe se ven los bordes y era para saver si puedo hacer algo para quitarla, un saludo a todos y de nuevo gracias!! 
|
| 10-07-2009, 1:08 |
|
 |
|
wagu
Equipo de Soporte
Registrado: 01-16-2007, 5:58 Mensajes: 6809 Ubicación: Chile
|
 Re: Modificar la zona del logo!!
podrias dar mas detalles a cual te refieres?
|
| 10-07-2009, 5:42 |
|
 |
|
Drak
Forero Fijo
Registrado: 02-17-2009, 2:48 Mensajes: 794 Ubicación: Sevilla
|
 Re: Modificar la zona del logo!!
Hola... Seguramente se refiere a esta wagu, al poner su logo la tapa y por eso no se ve... http://forodetrabajo.forogratis.es/foro/styles/proFormell/theme/images/header_wider.gifSi realmente es esa en: Panel de Administración (ACP) / Estilos / Plantillas / proFormell /Editar / overall_header.htmlBusca el siguiente codigo: Borra los estilos del Div y span: headerbar / inner / corners-topTe quedara algo asi: Ya no saldra la imagen de fondo ni el borde negro. Buenas tardes.
_________________Mi foro: www.unesvoltetes.com
|
| 10-07-2009, 13:23 |
|
 |
|
Sabony
Forero Habitual
Registrado: 08-30-2008, 16:52 Mensajes: 169
|
 Re: Modificar la zona del logo!!
Muchas gracias amigos, los codigos me han valido de mucho!!! Gracias por la ayuda prestada ¿Cual es la forma para centrar el logo de arriva? a los foreros les gusto mas el tema de "Avalon" pero el logo tambien sale decentrado, bueno un saludo a todos y muchisimas gracias! http://forodetrabajo.forogratis.es
|
| 10-13-2009, 1:05 |
|
 |
|
wagu
Equipo de Soporte
Registrado: 01-16-2007, 5:58 Mensajes: 6809 Ubicación: Chile
|
 Re: Modificar la zona del logo!!
Actualmente con el Avalon que tienes ahora yo veo el logo centrado.
|
| 10-13-2009, 3:45 |
|
 |
|
Sabony
Forero Habitual
Registrado: 08-30-2008, 16:52 Mensajes: 169
|
 Re: Modificar la zona del logo!!
Se me queda en la isquierda, tendria que hacer otra portada mas larga. (ejemplo: el codigo que copio anteriormente Drak si te fijas el fondo de "Proformell" se centra en el lugar pero antes de modificar el codigo tambien avia que modificar la imagen porque no se centrava) http://img203.imageshack.us/img203/3051/86085547.jpgSaludos y gracias!! http://forodetrabajo.forogratis.es 
|
| 10-13-2009, 15:33 |
|
|