Como adicionar um link em cima do logo

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

Resolvido Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 01:04 pm

Qual é minha questão:
Olá !

Gostaria de saber como faço para adicionar um link em cima do logo do fórum.

Minha intenção é colocar alguns icones sobre o logo servindo de links para outros lugares.

Para usar uma imagem como link uso este código abaixo:

Código:
<center>
<a href="http://www.tabuleirosocial.org/f32-txo" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/73/65/10/txo23.gif" border="0" alt="" />
</a></center> 

Só não sei como fazer ficar esta imagem em cima do logo tipo.

Agradeço antecipadamente.

Endereço do meu fórum:
http://tabuleirosocial.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por Leon Mendes em 26/01/13, 04:21 pm, editado 1 vez(es)
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline em 26/01/13, 02:24 pm

Olá,

Você viu algo do tipo em algum fórum se viu poderia me passar ?

Até
avatar

SasukeQuakeline
Nível 4

Masculino
Inscrito dia : 25/01/2013
Mensagens : 32
Pontos Ativos : 47

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

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 02:42 pm

Olá!

Seria simplesmente um código em que eu possa utilizar para colocar alguma imagem sobre o banner onde fica o logo do forum,servindo como link para alguma outra pagina,entende?

Aqui neste forum tem algo parecido:
http://tech.forum-pro.net/t2-regras-de-ocorrencias

No banner dele tem vários menus embutidos.

Bem,eu tenho um código onde eu consegui adicionar uma imagem bem no fundo da pagina do forum ,o código é este:

Código:
#page-footer {
background-image: url(http://i43.servimg.com/u/f43/16/73/65/10/teste30.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 3px!important;
padding-footer: 100cm!important;
padding-top: 0!important;
}

Acho que o código css seria semelhante a este só que adaptado para a partte superior da pagina e adicionado algum codigo onde a imagem sirva de link Feliz .

Ou em alguma parte dos templates...
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline em 26/01/13, 02:49 pm

Olá,

Bom acho que e possível por imagens tipo de redes sociais mais aqueles menus do Tech ele e editado pelo template caso queria o menu daquele jeito terá que passar o template " overall_header "

Até
avatar

SasukeQuakeline
Nível 4

Masculino
Inscrito dia : 25/01/2013
Mensagens : 32
Pontos Ativos : 47

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

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 02:53 pm

Ah ,sim,sim,seria interessante aquele menu também...mas eu estou mais interessado nos botoes mesmo.Vou postar uma imagem do que eu gostaria de fazer:



Seria um código para adicionar imagens tipo esta no banner do logo.

Não precisa ser um código no lugar exato, aparecendo a imagem la por cima depois eu mesmo arrumo a posição certa Piscada .


Última edição por Leon Mendes em 26/01/13, 02:57 pm, editado 1 vez(es)
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline em 26/01/13, 02:56 pm

Olá,

Poderia me informar o link do fórum aonde tem este botão das redes sociais, caso você só editou mostrando o jeito que deseja eu estarei vendo se faço o código pode demorar um pouco

Até
avatar

SasukeQuakeline
Nível 4

Masculino
Inscrito dia : 25/01/2013
Mensagens : 32
Pontos Ativos : 47

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

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 02:58 pm

Eu editei.

Este forum aqui tem ,mas não é do forumeiros,então não sei se resolve:
http://webhacker.forumbrasil.net/
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline em 26/01/13, 03:20 pm

Olá,

Vá em :

Painel de Controle Seta Visualização Seta Página Inicial Seta Geral

Procura por "Conteúdo da mensagem. : " e então adicione o código abaixo

Código:
<!-- Criado por Quakeline Não retire os créditos -->
<!-- Social buttons BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="top: -2px;left: 890px;position: absolute!important;  "><a href="LINK_FACEBOOK">
<img src="http://cdn1.iconfinder.com/data/icons/social/32/picons36.png"></a><a href="LINK_TWITTER">
<img src="http://cdn1.iconfinder.com/data/icons/social/32/picons33.png"></a><a href="LINK_YOUTUBE">
<img src="http://cdn1.iconfinder.com/data/icons/social/32/picons36.png"></a><a href="LINK_FEED"><img src="http://cdn1.iconfinder.com/data/icons/social/32/picons50.png"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-508026444f9fda97"></script>
<!-- Social buttons END -->
<!-- Criado por Quakeline Não retire os créditos -->

Até
avatar

SasukeQuakeline
Nível 4

Masculino
Inscrito dia : 25/01/2013
Mensagens : 32
Pontos Ativos : 47

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

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 03:28 pm

Funcionou,mas como o codigo foi colocado neste lugar só aparece na pagina do forum,na pagina principal e em todas outras paginas não aparece nada.Mas já é um começo...eu ainda desconfio que teria que adpatar este codigo para um codigo css.

Ps.:Este script no final do código é p adicionar uma borda branca ,né?Mas não ficou muito legal,pois ele aparece atrasado em relação a imagem do icone.

Talvez colocando este código dentro de um widget do forum faça aparecer em todo lugar ,vou testar.
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline em 26/01/13, 03:40 pm

Olá,

Teste adicionar ele em um widget caso não funcione não iria adiantar eu criar para código CSS porque eu já puis o código CSS dentro deste código que eu te passei

Até
avatar

SasukeQuakeline
Nível 4

Masculino
Inscrito dia : 25/01/2013
Mensagens : 32
Pontos Ativos : 47

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

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 03:50 pm

Funcionou ,só não apareceu na pagina do portal,mas ta ótimo.Só tem um problema ,eu não uso widget nos foruns (ocupam muito espaço),só na pagina principal.Poderia colocar tambem nos anuncios do forum,mas ja tem la o codigo do chatbox retratil que impede qualquer outro codigo nos anuncios.

Bem..faria esta gentileza de criar um código CSS ?Agradeceria muito!
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline em 26/01/13, 03:57 pm

Olá,

Bom não é possível porque precisa por um link de redirecionamento e não e possível fazer isso com CSS

Até

avatar

SasukeQuakeline
Nível 4

Masculino
Inscrito dia : 25/01/2013
Mensagens : 32
Pontos Ativos : 47

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

Resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes em 26/01/13, 04:15 pm

Tudo bem,pode fechar o tópico então.

Ps.Valeu pelo esforço!
avatar

Leon Mendes
Nível 7

Masculino
Inscrito dia : 10/08/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.tabuleirosocial.org/

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