Implementar jGrowl Popup

Mensagem por **Holmes** » 03 Abr 2012, 13:41

Qual a URL do seu fórum: http://chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Style we_clearblue
Modificações instaladas: "quem esteve aqui?"; "board3 portal"; "Resolvido"; "WMP"; "Posting Template"; "Legend Repositioning"; "ACP Announcement Centre"; "Share One".
Qual seu nivel de experiência:: Iniciante
Quando começou o problema: uma orientação
Descreva seu problema: oi pessoal, estou tentando implementar o jGrowl Popup, que é uma janelinha dando boas vindas ao usuário, veja um exemplo abaixo:

e as instruções de implementação estão no site abaixo:

http://www.phpbb3bbcodes.com/viewtopic.php?t=649

o problema é que não consigo baixar a pasta jgrowl porque diz que o arquivo está corrompido! gostaria de saber se alguém tem alguma indicação de onde baixar a pasta sem problemas!

vlw fwi, Holmes

Mensagem por **Bruno Dias** » 03 Abr 2012, 18:47

pelo que li ali nao funciona no IE, mas o topico é de 2010

Mensagem por **Holmes** » 03 Abr 2012, 18:50

sim pesquisei, mas aí a dúvida é se isto diz respeito ao arquivo desse poup.

vlw fwi, Holmes

Mensagem por **robra** » 03 Abr 2012, 21:25

O problema é que na página que você postou com as instruções para instalação do popup, o arquivo compactado jgrowl.rar deveria conter 3 arquivos:
- jquery-1.3.2.js
- jquery.ui.all.js
- jquery.jgrowl.js

Encontrei tais arquivos, após fazer uma busca no Google, e estão compactados no arquivo abaixo:

jgrow.zip

Agora, é só seguir o procedimento descrito lá na página e utilizar os arquivos que estão dentro do jgrow.zip em substituição aos do jgrowl.rar.

Abraço. Imagem

Mensagem por **Holmes** » 05 Abr 2012, 12:36

oi robra, obrigado por disponibilizar os arquivos. eu já tinha baixado da net uma pasta do jgrowl e tinha somente um dos arquivos que vc postou. vou tentar instalar aqui!

vlw fwi, Holmes

Mensagem por **Holmes** » 09 Abr 2012, 19:09

oi pessoal, estou tentando fazer essa modificação, mas pelo que vi ela é para subsilver2 ou baseado no subsilver2. alguém teria uma ideia de como aplicá-la no we_clearblue, que é baseado no prosilver? obrigado!

vlw fwi, Holmes

Mensagem por **robra** » 09 Abr 2012, 20:56

Nada a ver. Antes de postar os arquivos zipados, eu instalei no Prosilver e funcionou normal.
A questão é que se você já tem alguma linha no overall_header.html chamando algum jquery, então, você exclui a linha <script type="text/javascript" src="{ROOTPATH}images/jgrowl/jquery-1.3.2.js"> desta MOD.

Abraço. Imagem

Mensagem por **Holmes** » 09 Abr 2012, 22:38

oi robra, obrigado pelo retorno! olhei o meu arquivo overall_hearder.html e não encontrei a linha que você indicou.

Código: Selecionar todos

<script type="text/javascript" src="{ROOTPATH}images/jgrowl/jquery-1.3.2.js">

bom, abaixo apresento o meu overall_hearder.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>
	
	<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" />
	<!-- IF S_CONTENT_DIRECTION eq 'rtl' --><link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" /><!-- ENDIF -->
	
	<!-- 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: we_clearblue
		Based on style:   prosilver (this is the default phpBB3 style)
		Original author:  Tom Beddard (http://www.subBlue.com/)
		Modified by:      weeb (http://weeb.pl)

		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}/forum_fn.js"></script>
	
<style>
#toTop {
   width:100px;
    border:1px solid #ccc;
    background:#1C3C57;
    text-align:center;
    padding:5px;
   position:fixed; /* this is the magic */
    bottom:10px; /* together with this to put the div at the bottom*/
    right:14px;
    cursor:pointer;
    display:none;
    color:#fdfdfd;
    font-family:verdana;
    font-size:11px;
}
</style> 
	
	<script src="{T_THEME_PATH}/jquery.js"></script>
<script type="text/javascript">
$(function() {
   $(window).scroll(function() {
      if($(this).scrollTop() != 0) {
         $('#toTop').fadeIn();   
      } else {
         $('#toTop').fadeOut();
      }
   });
 
   $('#toTop').click(function() {
      $('body,html').animate({scrollTop:0},800);
   });   
});
</script>
<!-- Coloque esta chamada de renderização conforme necessário -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};

  (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>
	
	</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrapper">

	<div id="header">
		<div id="account">
			<ul class="leftside">
				<li><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></li>
			</ul>
			
			<!-- IF not S_IS_BOT -->
				<ul class="rightside">
					<!-- IF S_USER_LOGGED_IN -->
						<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}" title="{L_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
						<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></li>
						<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}" title="{L_PRIVATE_MESSAGES}">{PRIVATE_MESSAGE_INFO}</a></li> <!-- ENDIF -->
						<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <!-- ENDIF -->
					<!-- ELSE -->
						<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}" title="{L_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
					<!-- IF U_SEND_PASSWORD --><li><a href="{U_SEND_PASSWORD}" title="{L_FORGOT_PASS}">{L_FORGOT_PASS}</a></li><!-- ENDIF -->
				</ul>
			<!-- ENDIF -->
		</div>
		
		<div id="illustration">
			<div id="site-description">
			<p>{SITE_DESCRIPTION}</p>
			</div>
		</div>
		
		<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
   <center>
      <table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>
      <div id="main-navigation">
         <ul id="primary-navigation" class="leftside">
            <!-- IF U_PORTAL --><li><a href="{U_PORTAL}" title="Portal">{L_PORTAL}</a></li><!-- ENDIF -->
			<li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
            <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
			<li><a href="http://www.chakra-linux.com.br/forum/viewtopic.php?f=9&t=9" title="Regras">Regras</a></li>
			<!-- IF not S_IS_BOT-->
               <!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
			   <li><a href="http://chakra-linux.org/" target="_blank" title="Chakra Project">Chakra Project</a></li>
			   <li><a href="http://www.chakra-linux.com.br/wiki/doku.php" target="_blank" title="Wiki">Wiki</a></li>
			   <!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
               <!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li><!-- ENDIF -->
			<!-- ENDIF -->
         </ul>
         
         <!-- IF U_EMAIL_TOPIC or U_EMAIL_PM or U_PRINT_TOPIC or U_PRINT_PM -->
            <ul class="rightside linklist icons">
               <!-- IF U_EMAIL_TOPIC --><li><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_EMAIL_PM --><li><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
               <!-- IF U_PRINT_TOPIC --><li><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_PRINT_PM --><li><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
            </ul>
         <!-- ENDIF -->
      </div>
     <!-- ENDIF -->
      </td></tr></tbody>
      </table>
     </center>
   <!-- IF $S_IN_PORTAL and not S_DISPLAY_PHPBB_MENU -->
   <div id="main-navigation"></div>
   <!-- ENDIF -->
   </div>
	
	<div id="container">
	
		<!-- 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 -->
		<!-- IF $S_IN_PORTAL -->
		<!-- INCLUDE announcement_centre.html -->
		<!-- ENDIF -->
		<!-- IF S_NUEVO_MP -->
		<center><table width="40%" align="center">	<tr><td align="center">
			<div class="rules">
		<div class="inner"><span class="corners-top"><span></span></span>
<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
		<span class="corners-bottom"><span></span></span></div>
	</div>
</td></tr></table></center>
<br>
<!-- ENDIF -->

será que você poderia me dar algumas dicas?

vlw fwi, Holmes

Mensagem por **robra** » 10 Abr 2012, 00:33

oi robra, obrigado pelo retorno! olhei o meu arquivo overall_hearder.html e não encontrei a linha que você indicou.

Como encontrar a linha se você não instalou a MOD ?

Siga as instruções descritas na página do link que você postou em sua 1ª mensagem e exclua a linha que mencionei no final do 1º código a ser adicionado no overall_header.html, citado lá na página com a instrução da instalação.

Abraço. Imagem

Mensagem por **Holmes** » 10 Abr 2012, 11:52

oi robra, mas estou parando aqui, pois pede para encontrar essa linha

Código: Selecionar todos

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

no meu achei algo parecido, veja

Código: Selecionar todos

<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

seria essa linha no meu estilo?

vlw fwi, Holmes

Suporte phpBB

Implementar jGrowl Popup

Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup

Re: Implementar jGrowl Popup