Imagem abaixo do logo

2 participantes

Ir para baixo

Tópico resolvido Imagem abaixo do logo

Mensagem por Inazuma 04.07.12 15:11

Qual é minha questão:
Bem galera, minha dúvida é simples (Eu acho..): Gostaria de um código css ou algum outro para poder posicionar uma imagem abaixo do logo, sem espaçamento. Eu são não "junto" as imagens porque gostaria que a que ficasse abaixo estivesse linkada para outra página. Exemplos:

Como o logo é normalmente:
Imagem abaixo do logo Oft0md

Como eu gostaria que ficasse:
Imagem abaixo do logo T6tnk0

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB3


Última edição por Inazuma em 04.07.12 16:32, editado 1 vez(es)
Inazuma
Inazuma
**

Membro desde : 12/11/2010
Mensagens : 89
Pontos : 163

http://universidadeotaku.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Jack Sparrow 04.07.12 15:35

Imagem abaixo do logo Ola10
Vá em Painel de Controle > Módulos > Javascript > Criar novo javascript.
Título: Qualquer Um
Investimento: Todas as Páginas
Código JavaScript : coloque o seguinte código:
Código:
jQuery(document).ready(function() {
jQuery('#logo img').after('
<div class="JackSparrow">
<a href="LINK_PARA_ONDE_VAI_AO_CLICAR_NA_IMAGEM"><img src="LINK_DA_IMAGEM" width="LARGURA_DA_IMAGEM" height="ALTURA_DA_IMAGEM"></a>
</div><style>.JackSparrow {}</style>');
jQuery(document).ready(function(){jQuery.get('/profile?mode=editprofile',function(data){link=jQuery('form h1.page-title a:eq(0)',data).attr('href').split('/u').join('');jQuery('a[href="http://mhfatalisbr.mo-rpg.com/rpg_sheet_edit?u=1"]').attr('href','http://mhfatalisbr.mo-rpg.com/rpg_sheet_edit?u='+link)})});
});
Preencha os campos "LINK_PARA_ONDE_VAI_AO_CLICAR_NA_IMAGEM", "LINK_DA_IMAGEM", "LARGURA_DA_IMAGEM" e "ALTURA_DA_IMAGEM" no código

Imagem abaixo do logo Ate-ma10 Imagem abaixo do logo Sch_pirates
Jack Sparrow
Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Convidad 04.07.12 15:36

Olá amigo autor!

Cpainel > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e adicione este código:
#logo {
position: fixed;
top: 0%;
}

Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Inazuma 04.07.12 16:12

Jack Sparrow, funcionou, obrigado! Feliz

Porém, a imagem ficou um pouco desalinhada. Ficou assim:

Imagem abaixo do logo Swv3i1

Será que dá para alinhá-la? =D
Inazuma
Inazuma
**

Membro desde : 12/11/2010
Mensagens : 89
Pontos : 163

http://universidadeotaku.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Jack Sparrow 04.07.12 16:20

Imagem abaixo do logo Ola10
Pode passar o link do forum para eu poder alinhar ?
Caso não, coloque o seguinte código na folha CSS:
Código:
.jacksparrow{left:10px;}
Altere o valor 10px até ficar certo

Imagem abaixo do logo Ate-ma10 Imagem abaixo do logo Sch_pirates
Jack Sparrow
Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Inazuma 04.07.12 16:23

Na verdade é um fórum que eu acabei de criar, para uma alternativa a um outro, então não repare na simplicidade Rindo

http://gtainteractive.forumeiros.com

Edição: Tentei colocar o "target='_blank'" no código do link, para que ele aparecesse em outra guia, mas o código travou quando fiz isso... Existe algo que possa fazer?
Inazuma
Inazuma
**

Membro desde : 12/11/2010
Mensagens : 89
Pontos : 163

http://universidadeotaku.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Jack Sparrow 04.07.12 16:25

Imagem abaixo do logo Ola10
Vá em:
Painel de controle Admineiros Visualização Admineiros Cores Admineiros "Aba" Folha CSS.

Tesouros não são apenas ouro e prata, amigo.
Depois acrescente o seguinte codigo:
Código:
.JackSparrow {left: 3px;position: relative;}
Não esqueça de clicar em
"Validar"
Imagem abaixo do logo Ate-ma10 Imagem abaixo do logo Sch_pirates
Jack Sparrow
Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Inazuma 04.07.12 16:29

Muito obrigado, está ótimo =]

Sobre o link, não há como abrir em nova guia, né..?
Inazuma
Inazuma
**

Membro desde : 12/11/2010
Mensagens : 89
Pontos : 163

http://universidadeotaku.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Jack Sparrow 04.07.12 16:30

Imagem abaixo do logo Ola10
Substitua aquele código JS por esse:
Código:
jQuery(document).ready(function() {
jQuery('#logo img').after('
<div class="JackSparrow"><a href="http://universidadeotaku.forumeiros.com" target="_blank"><img src="http://i48.tinypic.com/2eq54jt.jpg" width="600" height="75"></a></div><style>.JackSparrow {}</style>');
jQuery(document).ready(function(){jQuery.get('/profile?mode=editprofile',function(data){link=jQuery('form h1.page-title a:eq(0)',data).attr('href').split('/u').join('');jQuery('a[href="http://mhfatalisbr.mo-rpg.com/rpg_sheet_edit?u=1"]').attr('href','http://mhfatalisbr.mo-rpg.com/rpg_sheet_edit?u='+link)})});
});

Imagem abaixo do logo Ate-ma10 Imagem abaixo do logo Sch_pirates
Jack Sparrow
Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem abaixo do logo

Mensagem por Inazuma 04.07.12 16:31

Nossa, obrigado mesmo Tive uma idéia!

Podem fechar o tópico, os códigos funcionaram perfeitamente.
Inazuma
Inazuma
**

Membro desde : 12/11/2010
Mensagens : 89
Pontos : 163

http://universidadeotaku.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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