Colocar links em cima do banner

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar links em cima do banner

Mensagem por D'Leandro™ em 11/09/12, 03:07 pm

Qual é minha questão:
Olá, eu vi em um site que tinha uma lista de Links em cima do banner do forum, gostaria de saber se é possivel para a minha versão PHPBB3.
--> Ví este efeito Aqui: http://mangakadesign.forumais.com/forum



Links e imagens do meu problema:
Http://img69.imageshack.us/img69/6060/28217134.png

Endereço do meu fórum:
http://staffergroupbr.stuning.net/portal

Versão do meu fórum:
PHPBB3
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por WebGames em 11/09/12, 03:27 pm

leandro tbm to querendo fazer isto eu vi no mesmo forum ,
ei leandro tem como me dar a quele codigo do seu forum de moderação tipo fechar topico e tals??
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 11/09/12, 05:41 pm

Desculpe dayvid11, Meu forum trabalha com sirculação, para que voce tenha acesso ao código que voce deseja há 2 formas!

1. Trazer-me algum código que eu ainda não tenha!
2. Postar no forum e juntar Pontos para trocar!

Voce tem o link do Staffer Group BR™, Se gostar me procure!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 11/09/12, 07:22 pm

Up?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 13/09/12, 06:22 pm

Up...
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por MateusV. em 13/09/12, 09:03 pm

Olá!

O senhor poderia me informar onde deseja posicionar o tal texto?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 13/09/12, 11:07 pm

Visite meu forum, verá que há um espaço em brando na imagem do banner!
http://staffergroupbr.stuning.net/

Eu desejo posicionar a lista links dentro daquele balão, da mesma forma que a imagem mostrada no Inicio deste tópico!

avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por Leexa em 13/09/12, 11:30 pm

Boa noite!

O código é este:

Código:
<table style="padding: 3px; font-size: 0.9em; margin-bottom:0px; padding-bottom: 0px;"><tbody><tr valign="top"><td><strong> Regulamento e Geral:      </strong><br><a class="a" href="http://mangakadesign.forumais.com/f3-apresentacoes-e-despedidas">Apresentações e Despedidas</a><br><a class="a" href="http://mangakadesign.forumais.com/f1-regras-gerais">Regras do fórum</a><br><a class="a" href="http://mangakadesign.forumais.com/f7-anuncios"> Anuncios</a></td><td><strong> Seções de Downloads</strong><br><a class="a" href="http://mangakadesign.forumais.com/f10-animes">  Animes</a><br><a class="a" href="http://mangakadesign.forumais.com/f11-mangas"> Mangá</a><br><a class="a" href="http://mangakadesign.forumais.com/f6-downloads">  Downloads</a></td><td><strong> Area Mangaká:</strong><br><a class="a" href="http://mangakadesign.forumais.com/f17-mangas">  Mangás Criados</a><br><a class="a" href="http://mangakadesign.forumais.com/f16-fanfic-e-fanart">  FanFic e FanArt</a><br><a class="a" href="http://mangakadesign.forumais.com/f15-galeria"> Galeria</a></td></tr></tbody></table>

Não sabe aonde adicionar?
Painel de Controle >> Visualização >> Página Inicial >> Geral >> "Mensagem na Página Inicial.

Conteúdo da mensagem. : Logo ao lado adicione o código e salve."


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 13/09/12, 11:38 pm

Bear escreveu:Boa noite!

O código é este:

Código:
<table style="padding: 3px; font-size: 0.9em; margin-bottom:0px; padding-bottom: 0px;"><tbody><tr valign="top"><td><strong> Regulamento e Geral:      </strong><br><a class="a" href="http://mangakadesign.forumais.com/f3-apresentacoes-e-despedidas">Apresentações e Despedidas</a><br><a class="a" href="http://mangakadesign.forumais.com/f1-regras-gerais">Regras do fórum</a><br><a class="a" href="http://mangakadesign.forumais.com/f7-anuncios"> Anuncios</a></td><td><strong> Seções de Downloads</strong><br><a class="a" href="http://mangakadesign.forumais.com/f10-animes">  Animes</a><br><a class="a" href="http://mangakadesign.forumais.com/f11-mangas"> Mangá</a><br><a class="a" href="http://mangakadesign.forumais.com/f6-downloads">  Downloads</a></td><td><strong> Area Mangaká:</strong><br><a class="a" href="http://mangakadesign.forumais.com/f17-mangas">  Mangás Criados</a><br><a class="a" href="http://mangakadesign.forumais.com/f16-fanfic-e-fanart">  FanFic e FanArt</a><br><a class="a" href="http://mangakadesign.forumais.com/f15-galeria"> Galeria</a></td></tr></tbody></table>

Não sabe aonde adicionar?
Painel de Controle >> Visualização >> Página Inicial >> Geral >> "Mensagem na Página Inicial.

Conteúdo da mensagem. : Logo ao lado adicione o código e salve."


Passar bem! Piscada

Não, Este código gera os links na descrição veja na imagem abaixo, eu quero um que deixe os links em cima, sobre o banner, como nestes sites:

http://spdesign.ativoforum.com/forum
http://mangakadesign.forumais.com/forum

VEJA COMO FICOU!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por Leexa em 14/09/12, 12:14 am

Olá!

Aceda ao seu:
Painel de Controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos Códigos JavaScript >> (Adicionar) Criar um novo código Javascript


Investimento: Em todas as páginas.

Código:
jQuery(document).ready(function() {jQuery('body').prepend('<div class="text-logo">AQUI VOCÊ COLOCA SEU TEXTO</div>'); });


Feito isto aceda ao seu:
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Aba 'Folha de estilo CSS'


Cole o código abaixo e salve:
Código:
.text-logo {
position: absolute;
top: 35%;
left: 50%;
background: white;
padding: 3px;
border: 7px solid gray;
-moz-border-radius: 5px;-webkit-border-radius: 5px;
}

Agora:
Painel de Controle >> Visualização >> Página Inicial >> Geral >>

Adicione em "Conteudo da Mensagem":

Código:
<body background="http://i40.servimg.com/u/f40/15/70/05/68/banner10.jpg"><p style="text-align: center;">
  <span style="font-size:18px;">Bem-vindo ao <u>Fórum</u> Mundo Away, <strong>{USERNAME}</strong>.</span></p>
<hr>
<p>
    </p>
<p>
  O nosso fórum é uma comunidade com variaveis assuntos, relacionados a diversas áreas, as principais são entretenimento e games. Para se dar bem aqui conosco, recomendo que leia os seguintes tópicos:</p>
<p>
    </p>
<p style="text-align: center;">
  <img border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="/t17-">Regras gerais</a><br />
  <img border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="/faq">FAQs</a></p>
<p>
    </p>
<p>
  Na tabela a seguir, contêm links principais que é recomendado a todos lerem:</p>
<center><table align="center" cellpadding="1" cellspacing="5" height="63" width="700">
  <caption style="text-align: left;">
      <strong>Regulamento e informações afins</strong>            <strong>Antes de postar uma dúvida            Seções do fórum</strong></caption>
  <tbody>
      <tr>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="http://mundoaway.forum.st/t17-">Regras Gerais do Fórum</a></td>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="http://mundoaway.forum.st/search">Função busca</a></td>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="http://mundoaway.forum.st/f23-">Parcerias</a></td>
      </tr>
      <tr>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="http://mundoaway.forum.st/t6-staff-do-mundo-away-mundacas-na-equipe#7">Staff do Mundo Away &amp; Mundaças na Equipe</a></td>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="http://mundoaway.forum.st/f4-">FeedBack</a></td>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a class="forumtitle" href="http://mundoaway.forum.st/f3-">Shopping Away</a></td>
      </tr>
      <tr>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a class="topictitle" href="http://mundoaway.forum.st/t7-alistamento-staff-mundo-away">Alistamento STAFF Mundo Away</a></td>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a href="http://mundoaway.forum.st/f38-">Tutoriais do Fórum</a></td>
        <td>
            <img alt="" border="0" src="http://r14.imgfast.net/users/1414/32/31/20/smiles/1731474585.png" /> <a class="forumtitle" href="http://mundoaway.forum.st/f1-novidades-informacoes-atualizacoes">Novidades, Informações &amp; Atualizações</a></td>
      </tr>
  </tbody>
</table>
<p>
    </p>
</center></body>

Neste código acima, mude os links e as escritas até ficar ao teu gosto.


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 14/09/12, 01:47 am

Olá Bear, Estou surpreso com sua capacidade, ja me ajudou umas 4 veses!
Obrigado!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 14/09/12, 01:58 am

Existe uma forma de remover o link do banner?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Colocar links em cima do banner

Mensagem por D'Leandro™ em 15/09/12, 12:08 am

Pode fechar!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum