Editando o style The_pearls

Suporte aos Styles/Templates para phpBB.
Avatar do usuário
The Crow
Novato
Novato
Mensagens: 76
Registrado em: 27 Jun 2009, 11:59
Localização: Shiga-Japão
Contact:

Editando o style The_pearls

Mensagem por The Crow »

Qual a URL do seu fórum: scorpionsdesign.org
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Update de uma versão phpBB3
Usuário de teste: Usuário: User_test Senha: testuser
Estilos instalados: prosilver, XSilver, [The_pearls]
Modificações instaladas: mChat 1.3.5, Who Was Here 1.2.1, phpBB-Gallery 1.1.6, Precise Similar Topics II 1.1.6, Board3 Portal 2.0.0, Advanced BBCode Box 3.0.11
Qual seu nivel de experiência: Intermediario
Quando começou o problema: Começou após instalar um novo style ([The_pearls])
Descreva seu problema: To tentando corrigir o menu abaixo do banner do style The_pearls, substitui as imagens icon_bump.png (mChat) e a icon_gallery.png (phpBB Gallery) por imagens do mesmo tamanho das já existentes no menu original pra testar mas não consigo fazer funcionar como deveria, se alguém puder dar uma força nisso ficarei muito grato, to postando o overall_header.html caso precisem dar uma olhada,valeu.

Imagem

overall_header.html

Código: Selecionar todos

<!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>
<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: The_pearls
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:   micka76 ( http://forums.phpbb-fr.com/micka76-u76902/ )
	
	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();

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

<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 -->
<!--[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_THEME_PATH}/images/dock/js/jquery.js"></script>
<script type="text/javascript" src="./{T_THEME_PATH}/images/dock/js/interface.js"></script>
<link href="./{T_THEME_PATH}/images/dock/style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7.]>
 .dock img { behavior: url(./{T_THEME_PATH}/images/dock/iepngfix.htc) }
 </style>
<![endif]-->
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->
<!-- INCLUDE gallery/plugins_header.html -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - Start //-->
<!-- INCLUDE ./abbcode/abbcode_header.html -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - End //-->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="header-bg"></div>
<div id="wrap-bg">

<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 id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			<!-- <h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p> -->
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

			<span class="corners-bottom"><span></span></span></div>
		</div>
<div class="navbardock">
			<div class="inner"><span class="corners-top"><span></span></span>		
	<div class="dock" id="dock">
  <div class="dock-container">
	  <a class="dock-item" href="{U_FAQ}"><span>{L_FAQ}</span><img src="./{T_THEME_PATH}/images/dock/faq.png" title="{L_FAQ_EXPLAIN}" alt=""/></a>
	 <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
	 <!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li><!-- ENDIF -->	  
	 <!-- IF not S_IS_BOT -->
	 <!-- IF S_DISPLAY_MEMBERLIST --><a class="dock-item" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span><img src="./{T_THEME_PATH}/images/dock/members.png" title="{L_MEMBERLIST_EXPLAIN}" alt=""/></a><!-- ENDIF --> 
	  <a class="dock-item" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span><img src="./{T_THEME_PATH}/images/dock/login.png" title="{L_LOGIN_LOGOUT}" alt=""/></a> 
  <!-- ENDIF -->
  </div> 
</div>

<!--dock menu JS options -->
<script type="text/javascript">
	
	$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 40,
					proximity: 90,
					halign : 'center'
				}
			)
			$('#dock2').Fisheye(
				{
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 80,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)
		}
	);

</script>
<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" 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="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			
				<!-- IF not S_IS_BOT -->
				<ul class="linklist rightside">
						<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
				</ul>		
				<!-- ENDIF -->
			

			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
	</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 -->
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Editando o style The_pearls

Mensagem por robra »

O conteúdo no círculo vermelho, na imagem postada, é um slide menu horizontal(menu deslizante), parecido com este:
http://nettuts.s3.amazonaws.com/358_jqu ... mples.html

Ele está ficando "embolado", com os ícones um em cima do outro. Correto ?
Isso, normalmente, acontece quando no overall_header.html tem mais de 1 script "chamando" um arquivo jquery.js
No seu tem as linhas...

Código: Selecionar todos

<script type="text/javascript" src="./{T_THEME_PATH}/images/dock/js/jquery.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
Experimente deixar apenas uma das linhas para ver como vai se comportar.

P.S.: Leia sobre um problema semelhante a partir da mensagem viewtopic.php?f=147&t=45323&start=30#p271635.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Editando o style The_pearls

Mensagem por robra »

O Menu também está misturando a classe <a class="dock-item" com <li class="icon-gallery".
Tente substituindo as linhas...

Código: Selecionar todos

<div class="dock-container">
     <a class="dock-item" href="{U_FAQ}"><span>{L_FAQ}</span><img src="./{T_THEME_PATH}/images/dock/faq.png" title="{L_FAQ_EXPLAIN}" alt=""/></a>
    <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
    <!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li><!-- ENDIF -->     
    <!-- IF not S_IS_BOT -->
    <!-- IF S_DISPLAY_MEMBERLIST --><a class="dock-item" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span><img src="./{T_THEME_PATH}/images/dock/members.png" title="{L_MEMBERLIST_EXPLAIN}" alt=""/></a><!-- ENDIF --> 
     <a class="dock-item" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span><img src="./{T_THEME_PATH}/images/dock/login.png" title="{L_LOGIN_LOGOUT}" alt=""/></a> 
  <!-- ENDIF -->
  </div>
Pelas linhas:

Código: Selecionar todos

<div class="dock-container">
    <a class="dock-item" href="{U_FAQ}"><span>{L_FAQ}</span><img src="./{T_THEME_PATH}/images/dock/faq.png" title="{L_FAQ_EXPLAIN}" alt=""/></a>
    <a class="dock-item" href="{U_GALLERY_MOD}"><span>{L_GALLERY}</span><img src="./{T_THEME_PATH}/images/icon_gallery.png" title="{L_GALLERY_EXPLAIN}" alt=""/></a>
    <!-- IF S_MCHAT_ENABLE and U_MCHAT -->
	<a class="dock-item" href="{U_MCHAT}#mChat"><span>{L_MCHAT_TITLE}</span><img src="./{T_THEME_PATH}/images/icon_bump.png" title="{L_MCHAT_TITLE}" alt=""/></a>
	<!-- ENDIF -->     
    <!-- IF not S_IS_BOT -->
    <!-- IF S_DISPLAY_MEMBERLIST -->
	<a class="dock-item" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span><img src="./{T_THEME_PATH}/images/dock/members.png" title="{L_MEMBERLIST_EXPLAIN}" alt=""/></a>
	<!-- ENDIF --> 
    <a class="dock-item" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span><img src="./{T_THEME_PATH}/images/dock/login.png" title="{L_LOGIN_LOGOUT}" alt=""/></a> 
   <!-- ENDIF -->
  </div>
Abraço. Imagem
Editado pela última vez por robra em 25 Jun 2012, 11:46, em um total de 2 vezes.
Razão: Correção da linha referente ao Mchat.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Avatar do usuário
The Crow
Novato
Novato
Mensagens: 76
Registrado em: 27 Jun 2009, 11:59
Localização: Shiga-Japão
Contact:

Re: Editando o style The_pearls

Mensagem por The Crow »

Valeu robra, to saindo agora mas assim que voltar vou testar isso e dou um retorno.
Avatar do usuário
The Crow
Novato
Novato
Mensagens: 76
Registrado em: 27 Jun 2009, 11:59
Localização: Shiga-Japão
Contact:

Re: Editando o style The_pearls

Mensagem por The Crow »

Valeu robra, funcionou mas no inicio só apareceu a imagem icon_gallery.png, foi ai que percebi que tava faltando o fechamento da tag <span> depois da linha abaixo mas foi só corrigir isso que funcionou, muito obrigado pela força robra.

Código: Selecionar todos

<a class="dock-item" href="{U_MCHAT}#mChat"><span>{L_MCHAT_TITLE}
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Editando o style The_pearls

Mensagem por robra »

Opa.... desculpe a falha.
Vou editar a minha mensagem e incluir a tag de fechamento </span> para a resposta correta ficar em 1 mensagem apenas.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Trancado