Problema con los links y botones cortados

ebony · #1

Hola, estoy instalando el estilo Alpha en mi foro y tengo algunos problemas.

Modifiqué la cabecera y bajé los enlaces del perfil, los mps y el login a la barra de abajo para que no estorbaran al banner, pero al hacerlo, la barra naranja que aparece al señalar cada opción me aparece con una altura distinta en la izquierda. Además, esta altura varía según lo mire con un navegador u otro. Os adjunto las imágenes para que lo veáis, porque el estilo no lo tengo visible.

Con IE:

SPOILER_SHOW

Con Firefox y Chrome:

SPOILER_SHOW

¿Sabéis a qué se debe y cómo se podría arreglar?

Otro problema que he tenido al instalar este estilo es que las imágens de los mp me salen cortadas, y no tengo ni idea de por qué :/

SPOILER_SHOW

Gracias de antemano!

micontre · #2

si pusieras aquí los cambios que hisiste para hacerlo sería mas facil .
veo que tienes el estilo puesto no?

ebony · #3

Si, lo puse hace unas horas para dejarme de líos.

Este es el overall_header modificado:

SPOILER_SHOW

Código: Seleccionar todo

<!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>
<link rel="shortcut icon" href="favicon.ico">

<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="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>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:     Lacey Sutton ( http://www.dinosaurfact.net/ )
-->

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

	<!-- IF S_USER_PM_POPUP and 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="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<script src="{T_TEMPLATE_PATH}/jquery.min.js"></script>

<script type="text/javascript">
// <![CDATA[
   $(document).ready(function() {
      $('.navigation li:has(> ul)').addClass('parent');
   });
// ]]>   
</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" />

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

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
    
    <div id="banner">
        
        <div class="fr">
            <ul class="userlinks">
                
            </ul>
        </div>
        
        <div class="cb"></div>
    
    </div>
    
    <div class="navigation">
    	<ul>
        	<li<!-- IF SCRIPT_NAME neq 'faq' and SCRIPT_NAME neq 'search' and SCRIPT_NAME neq 'memberlist' --> class="active"<!-- ENDIF -->><a href="{U_INDEX}">{L_FORUM}</a></li>
            <li<!-- IF SCRIPT_NAME eq 'faq' --> class="active"<!-- ENDIF -->><a href="{U_FAQ}">{L_FAQ}</a></li>
            <!-- IF S_DISPLAY_SEARCH -->
            	<li<!-- IF SCRIPT_NAME eq 'search' --> class="active"<!-- ENDIF -->>
                	<a href="{U_SEARCH}">{L_SEARCH}</a>
                	<!-- IF S_USER_LOGGED_IN -->
                        <ul>
                            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
							<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
                            <!-- IF S_LOAD_UNREADS -->
                            	<li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li>
                            <!-- ENDIF -->
                            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
                            <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                        </ul>
                    <!-- ENDIF -->
                </li>
            <!-- ENDIF -->
            <!-- IF S_DISPLAY_MEMBERLIST -->
            	<li<!-- IF SCRIPT_NAME eq 'memberlist' --> class="active"<!-- ENDIF -->><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li>
            <!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS -->
            	<li><a href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a></li>
            <!-- ENDIF -->

<ul class="linklist rightside">
<!-- IF S_USER_LOGGED_IN -->
                    <li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>
                    <li><a href="{U_PROFILE}">{L_READ_PROFILE}</a></li>
                    <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
                <!-- ELSE -->
                    <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
                    <!-- IF S_REGISTER_ENABLED -->
                        <li><a href="{U_REGISTER}">{L_REGISTER}</a></li><ul>
                    <!-- ENDIF -->       
                <!-- ENDIF -->

            <!-- <li><a href="#">Custom menu item 1</a></li>
            <li>
            	<a href="#">Custom menu item 2</a>
                <ul/>
                	<li><a href="#">drop item 1</a></li>
                    <li><a href="#">drop item 2</a></li>
                    <li><a href="#">a really long drop item 3</a></li>
                    <li><a href="#">drop item 4</a></li>
                </ul>
            </li> -->
            
        </ul>
        <div class="cb"></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="information" 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 -->


<ul class="linklist rightside">
<!-- IF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF --></ul>

<a href="https://twitter.com/Bleach_Spain" class="twitter-follow-button" data-show-count="false" data-lang="es">Seguir a @Bleach_Spain</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<div class="fb-like" data-href="https://www.facebook.com/BleachSpainForo" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div> <!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium" data-annotation="none"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script> 

        <!-- IF SCRIPT_NAME neq 'index' -->
            <div class="breadcrumbs">
            	<a href="{U_INDEX}">{L_INDEX}</a>
                <!-- IF SCRIPT_NAME eq 'viewforum' or SCRIPT_NAME eq 'viewtopic' or SCRIPT_NAME eq 'faq' or SCRIPT_NAME eq 'search' or SCRIPT_NAME eq 'ucp' or SCRIPT_NAME eq 'memberlist' or SCRIPT_NAME eq 'mcp' or SCRIPT_NAME eq 'posting' or SCRIPT_NAME eq 'report' -->
                	<!-- BEGIN navlinks -->
                    	<!-- IF SCRIPT_NAME neq 'posting' and SCRIPT_NAME neq 'report' -->
                        	<strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a>
                        <!-- ENDIF -->
                    <!-- END navlinks -->
                    
                    <!-- IF SCRIPT_NAME eq 'viewtopic' -->
                    	<strong>&#8249;</strong> {TOPIC_TITLE}
                    <!-- ELSEIF SCRIPT_NAME eq 'faq' -->
                    	<strong>&#8249;</strong> {L_FAQ}
                    <!-- ELSEIF SCRIPT_NAME eq 'search' -->
                    	<strong>&#8249;</strong> {L_SEARCH}
                    <!-- ELSEIF SCRIPT_NAME eq 'ucp' -->
                    	<strong>&#8249;</strong> {L_PROFILE}
                    <!-- ELSEIF SCRIPT_NAME eq 'memberlist' -->
                    	<strong>&#8249;</strong> {L_MEMBERLIST}
                    <!-- ELSEIF SCRIPT_NAME eq 'mcp' -->
                    	<strong>&#8249;</strong> {L_MCP}
                    <!-- ELSEIF SCRIPT_NAME eq 'posting' -->
                    	<strong>&#8249;</strong> {L_POST}
                    <!-- ELSEIF SCRIPT_NAME eq 'report' -->
                    	<strong>&#8249;</strong> {L_REPORTING_POST}
                    <!-- ENDIF --> 
                <!-- ENDIF -->
            </div>
		<!-- ENDIF -->

micontre · #4

Off Topic: cuando se pone un codigo se añade entre las etiquetas de "code" y si son mas de 50 líneas se utiliza pastebin o con adjuntandolo en un archivo rar o zip

vamos al grano.

busca el el archivo:

Código: Seleccionar todo

<ul class="linklist rightside">
<!-- IF S_USER_LOGGED_IN -->
<li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>
<li><a href="{U_PROFILE}">{L_READ_PROFILE}</a></li>
<li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
<!-- ELSE -->
<li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
<!-- IF S_REGISTER_ENABLED -->
<li><a href="{U_REGISTER}">{L_REGISTER}</a></li><ul>
<!-- ENDIF -->
<!-- ENDIF -->

<!-- <li><a href="#">Custom menu item 1</a></li>
<li>
<a href="#">Custom menu item 2</a>
<ul/>
<li><a href="#">drop item 1</a></li>
<li><a href="#">drop item 2</a></li>
<li><a href="#">a really long drop item 3</a></li>
<li><a href="#">drop item 4</a></li>
</ul>
</li> -->

</ul>
<div class="cb"></div>
</div>

cabia por

Código: Seleccionar todo

<ul class="rightside">
<!-- IF S_USER_LOGGED_IN -->
<li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>
<li><a href="{U_PROFILE}">{L_READ_PROFILE}</a></li>
<li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
<!-- ELSE -->
<li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
<!-- IF S_REGISTER_ENABLED -->
<li><a href="{U_REGISTER}">{L_REGISTER}</a></li><ul>
<!-- ENDIF -->
<!-- ENDIF -->

<!-- <li><a href="#">Custom menu item 1</a></li>
<li>
<a href="#">Custom menu item 2</a>
<ul/>
<li><a href="#">drop item 1</a></li>
<li><a href="#">drop item 2</a></li>
<li><a href="#">a really long drop item 3</a></li>
<li><a href="#">drop item 4</a></li>
</ul>
</li> -->

</ul></ul></ul>
        <div class="cb"></div>	
    </div>

ebony · #5

Muchas gracias! Ya está perfecto.

phpBB España Oficial

Problema con los links y botones cortados Tema Solucionado

Problema con los links y botones cortados

Re: Problema con los links y botones cortados

Re: Problema con los links y botones cortados

Re: Problema con los links y botones cortados

Re: Problema con los links y botones cortados Tema Solucionado

Problema con los links y botones cortadosTema Solucionado

Problema con los links y botones cortados

Re: Problema con los links y botones cortados

Re: Problema con los links y botones cortados

Re: Problema con los links y botones cortados

Re: Problema con los links y botones cortados Tema Solucionado

Problema con los links y botones cortados Tema Solucionado