Como adicionar um link em cima do logo

2 participantes

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

Tópico resolvido Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 15:04

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 18:21, editado 1 vez(es)
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline 26.01.13 16:24

Olá,

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

Até
SasukeQuakeline

SasukeQuakeline
*

Membro desde : 25/01/2013
Mensagens : 32
Pontos : 47

http://maniadanet.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 16:42

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...
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline 26.01.13 16:49

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

SasukeQuakeline
*

Membro desde : 25/01/2013
Mensagens : 32
Pontos : 47

http://maniadanet.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 16:53

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:

Como adicionar um link em cima do logo Teste13

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 16:57, editado 1 vez(es)
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline 26.01.13 16:56

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

SasukeQuakeline
*

Membro desde : 25/01/2013
Mensagens : 32
Pontos : 47

http://maniadanet.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 16:58

Eu editei.

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

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline 26.01.13 17:20

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

SasukeQuakeline
*

Membro desde : 25/01/2013
Mensagens : 32
Pontos : 47

http://maniadanet.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 17:28

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.
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline 26.01.13 17:40

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

SasukeQuakeline
*

Membro desde : 25/01/2013
Mensagens : 32
Pontos : 47

http://maniadanet.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 17:50

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

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por SasukeQuakeline 26.01.13 17:57

Olá,

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

Até

SasukeQuakeline

SasukeQuakeline
*

Membro desde : 25/01/2013
Mensagens : 32
Pontos : 47

http://maniadanet.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um link em cima do logo

Mensagem por Leon Mendes 26.01.13 18:15

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

Ps.Valeu pelo esforço!
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos