URL do Fórum:http://forum.ninpototal.com.br/

Ola pessoas,

preciso de um conselho e uma ajuda para um menu drop down que estou fazendo para meu forum,

primeiro meus dados né.

phpbb - 3,08
style - Se Black Pro
Mod's instalados - Welcome on index
Higthslide
Air box

Tradução: Suporte phpbb

Fiz uma alteração na caixa de pesquisa do forum, search box, trazendo-a para o mesmo lado direito de onde fica o indice do forum, a logo abaixo do [Site-logo] que no meu forum é randomico.
Quero colocar meu menu entre eles, ja esta possicionado, porém, como é um menu drop down, toda vez que movimento o mouse para clicar em um item do menu, o drop down joga a imagem de background do forum (não o site-logo, apenas o background) para baixo.

Gostaria de resolver isto deixando o drop-down sobre as imagens.

Segue minha overallheader.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="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{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 -->
	<link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" />
	<!-- 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_ALL_TOPICS}" href="{U_FEED}?mode=topics" /><!-- 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:

	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 -->
		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="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_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 -->

<style type="text/css">
ul {
   color: #666;
 	margin-left: 8px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

a, a:hover, a:active, a:focus {
	outline:0;
	direction:ltr;
}

.wrapper {
	position:relative; height:25px;
}

.mainmenu {
	position:absolute;
	z-index:100;
	font-size:14px;
	line-height:25px;
	left:50%;
	margin-left:-303px;
	width:606px;
}

ul.menu {
    display: block;
	border-color: #999 #000 #000 #999;
    padding:0;
	margin:0;
	list-style:none;
	width:100px;
	overflow:hidden;
	float:left;
	margin-right:1px;
 }

ul.menu a {
    display: block;
	border-color: #999 #000 #000 #999;
    background:#903;
	text-decoration:none;
	color:#fff;
	padding-left:5px;
}

ul.menu li.list {
    display: block;
	border-color: #999 #000 #000 #999;
    float:left;
	width:250px;
	margin:-32767px -125px 0px 0px;
 }

ul.menu li.list a.category {
    display: block;
	border-color: #999 #000 #000 #999;
    position:relative;
	z-index:50;
	float:left;
	width:120px;
	margin-top:32767px;
	background:transparent;
}
ul.menu li.list a.category:hover,
ul.menu li.list a.category:focus,
ul.menu li.list a.category:active {
	margin-right:1px;
 	background-repeat:no-repeat;
	background-position:left top;

}

ul.submenu {
	float:left;
	padding:25px 0px 0px 0px;
	margin:0;
	list-style:none;
 	background-repeat:no-repeat;
	background-position:left top;
	margin:-25px 0px 0px 0px;
}

ul.submenu li a {
	float:left;
	width:120px;
    background:transparent;
	clear:left;
	color:#fff;
}

ul.submenu li a.endlist {
 }

ul.submenu li a.endlist:hover,
ul.submenu li a.endlist:focus,
ul.submenu li a.endlist:active {
 }

ul.submenu a:hover,
ul.submenu a:focus,
ul.submenu a:active {
 background:#903;
	margin-right:1px;
	color:#fff;
}
</style>
</head>

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

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

        <ul class="menu">
        <li class="list"><a class="category" href="#">Site</a></li>
        </ul>
        <ul class="menu">
            <li class="list">
                <a class="category" href="#">Topicos</a>
                <ul class="submenu">
                    <li><a href="#">link 1</a></li>
                    <li><a href="#">link 2</a></li>
                    <li><a href="#">link 3</a></li>
                    <li><a href="#">link 4</a></li>
                    <li><a class="endlist" href="#">link 5</a></li>
                </ul>
            </li>
        </ul>
        <ul class="menu">
            <li class="list">
                <a class="category" href="#">UPC</a>
                <ul class="submenu">
                    <li><a href="#">link 1</a></li>
                    <li><a href="#">link 2</a></li>
                    <li><a href="#">link 3</a></li>
                    <li><a class="endlist" href="#">link 4</a></li>
                </ul>
            </li>
        </ul>
        <ul class="menu">
            <li class="list">
                <a class="category" href="#news">Novidades</a>
                <ul class="submenu">
                    <li><a href="#">link 1</a></li>
                    <li><a href="#">link 2</a></li>
                    <li><a class="endlist" href="#">link 3</a></li>
                </ul>
            </li>
        </ul>

       <p class="skiplink"><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>
                                </li>
			<ul class="linklist navlinks">
				<li class="icon-home"><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" style="font-size: 1em;">
              <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                 <div id="search-box">
                    <form action="{U_SEARCH}" method="post" 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 />
                        {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                 </div>
              <!-- ENDIF -->
				<!-- 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 -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- 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 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 -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{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="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 -->

Mensagem por **_Vinny_** » 22 Fev 2011, 10:54

lascowski, poste aqui o HTML do menu e o CSS também.

Mensagem por **lascowski** » 22 Fev 2011, 11:28

_Vinny_ escreveu:lascowski, poste aqui o HTML do menu e o CSS também.

esta tudo no overral header.

CSS

Código: Selecionar todos

<style type="text/css">
ul.menu {
    color: #fff;
 	margin-left: 28px;
	margin-top: 28px;
	margin-right: 28px;
	margin-bottom: 28px;
    font-size:150%;
}

a, a:hover, a:active, a:focus {
	outline:0;
	direction:ltr;
}

.wrapper {
	position:relative; height:1px;
}

.mainmenu {
	position:absolute;
	z-index:100;
	font-size:20px;
	line-height:25px;
	left:80%;
	margin-left:-303px;
	width:606px;
}

ul.menu {
    display: block;
	border-color: #fff;
    padding:0;
	margin:0;
	list-style:none;
	width:100px;
	overflow:hidden;
	float:left;
	margin-right:1px;
 }

ul.menu a {
    display: block;
	border-color: #999 #000 #000 #999;
    background:#ff000;
	text-decoration:none;
	color: #FFF;
	padding-left:5px;
}

ul.menu li.list {
    display: block;
    color: #ff000
    float:left;
	width:250px;
	margin:-32767px -125px 0px 0px;
 }

ul.menu li.list a.category {
    display: block;
	border-color: #fff;
    position:relative;
	z-index:50;
	float:left;
	width:120px;
	margin-top:32767px;
	background:transparent;
}
ul.menu li.list a.category:hover,
ul.menu li.list a.category:focus,
ul.menu li.list a.category:active {
	margin-right:1px;
 	background-repeat:no-repeat;
	background-position:left top;

}

ul.submenu {
	float:left;
	padding:25px 0px 0px 0px;
	margin:0;
	list-style:none;
 	background-repeat:no-repeat;
	background-position:left top;
	margin:-25px 0px 0px 0px;
}

ul.submenu li a {
	float:left;
	width:120px;
    background:transparent;
	clear:left;
	color:FF0000;
}

ul.submenu li a.endlist {
 }

ul.submenu li a.endlist:hover,
ul.submenu li a.endlist:focus,
ul.submenu li a.endlist:active {
 }

ul.submenu a:hover,
ul.submenu a:focus,
ul.submenu a:active {
 background:#fff;
	margin-right:1px;
	color:#FF0000;
}
</style>

Html:

Código: Selecionar todos

<ul id="menu" class="menu">
        <li class="list"><a class="category" href="#">Site</a></li>
        </ul>
        <ul class="menu">
            <li class="list">
                <a class="category" href="#">Topicos</a>
                <ul class="submenu">
                    <li><a href="#">link 1</a></li>
                    <li><a href="#">link 2</a></li>
                    <li><a href="#">link 3</a></li>
                    <li><a href="#">link 4</a></li>
                    <li><a class="endlist" href="#">link 5</a></li>
                </ul>
            </li>
        </ul>
        <ul class="menu">
            <li class="list">
                <a class="category" href="#">UPC</a>
                <ul class="submenu">
                    <li><a href="#">link 1</a></li>
                    <li><a href="#">link 2</a></li>
                    <li><a href="#">link 3</a></li>
                    <li><a class="endlist" href="#">link 4</a></li>
                </ul>
            </li>
        </ul>
        <ul class="menu">
            <li class="list">
                <a class="category" href="#news">Novidades</a>
                <ul class="submenu">
                    <li><a href="#">link 1</a></li>
                    <li><a href="#">link 2</a></li>
                    <li><a class="endlist" href="#">link 3</a></li>
                </ul>
            </li>
        </ul>

O menu funciona normalmente.

Mensagem por **lascowski** » 22 Fev 2011, 18:43

Vinny - dando uma passada nos tutoriais e acabei achando um que até funciona, porém não é bem o que eu quero.

este campo kb.php?a=54

eu colocando o menu dentro dele, e colocando ele no index-body.html abaixo do welcome on index que tenho instalado no meu forum, até funcionaria. porém acho que o que estou necessitando não é criar um novo campo, preciso de um novo
header como é o que esta o [site-logo}. tem como fazer um novo e coloca-lo no index-body.html? ou se necessario no overallheader.php?

print:
como esta

forum.jpg

explicação.

forum2 .jpg

Mensagem por **_Vinny_** » 22 Fev 2011, 21:53

Dá uma olhada nessa modificação:
http://www.phpbb.com/community/viewtopi ... &t=1116985

Talvez possa ser util.

Mensagem por **lascowski** » 22 Fev 2011, 22:10

_Vinny_ escreveu:Dá uma olhada nessa modificação:
http://www.phpbb.com/community/viewtopi ... &t=1116985

Talvez possa ser util.

Este mod é muito parecido com o que eu quero, vou instalar no meu pc e vou postar o erro que acontece, dá um erro de sql, sabe-se lá o motivo...

Mensagem por **lascowski** » 22 Fev 2011, 22:18

eis o erro...

erro.jpg

Mensagem por **_Vinny_** » 22 Fev 2011, 22:37

Você precisa adicionar a tabela ao banco de dados corretamente.

Mensagem por **lascowski** » 22 Fev 2011, 22:48

_Vinny_ escreveu:Você precisa adicionar a tabela ao banco de dados corretamente.

bom pode ser que o automod tenha feito errado. vou fazer manualmente para ver se dá certo...

Mensagem por **_Vinny_** » 22 Fev 2011, 23:03

Só precisa ser manual a criação da nova tabela.

Suporte phpBB

Menu

Menu

Re: Menu

Re: Menu

Re: Menu

Re: Menu

Re: Menu

Re: Menu

Re: Menu

Re: Menu

Re: Menu