Imagem abaixo do logo
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Imagem abaixo do logo
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](https://2img.net/h/oi47.tinypic.com/oft0md.jpg)
Como eu gostaria que ficasse:
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
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](https://2img.net/h/oi47.tinypic.com/oft0md.jpg)
Como eu gostaria que ficasse:
![Imagem abaixo do logo T6tnk0](https://2img.net/h/oi47.tinypic.com/t6tnk0.png)
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)
Re: Imagem abaixo do logo
![Imagem abaixo do logo Ola10](https://i.servimg.com/u/f47/15/87/31/43/ola10.png)
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)})});
});
![Imagem abaixo do logo Ate-ma10](https://i.servimg.com/u/f47/15/87/31/43/ate-ma10.png)
![Imagem abaixo do logo Sch_pirates](https://2img.net/h/silveiraneto.net/wp-content/uploads/2007/08/sch_pirates.gif)
Re: Imagem abaixo do logo
Olá amigo autor!
Cpainel > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e adicione este código:
Atenciosamente,
Shek
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Atenciosamente,
Shek
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
Convidad- Convidado
Re: Imagem abaixo do logo
Jack Sparrow, funcionou, obrigado! ![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Porém, a imagem ficou um pouco desalinhada. Ficou assim:
![Imagem abaixo do logo Swv3i1](https://2img.net/h/oi46.tinypic.com/swv3i1.png)
Será que dá para alinhá-la? =D
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Porém, a imagem ficou um pouco desalinhada. Ficou assim:
![Imagem abaixo do logo Swv3i1](https://2img.net/h/oi46.tinypic.com/swv3i1.png)
Será que dá para alinhá-la? =D
Re: Imagem abaixo do logo
![Imagem abaixo do logo Ola10](https://i.servimg.com/u/f47/15/87/31/43/ola10.png)
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;}
![Imagem abaixo do logo Ate-ma10](https://i.servimg.com/u/f47/15/87/31/43/ate-ma10.png)
![Imagem abaixo do logo Sch_pirates](https://2img.net/h/silveiraneto.net/wp-content/uploads/2007/08/sch_pirates.gif)
Re: Imagem abaixo do logo
Na verdade é um fórum que eu acabei de criar, para uma alternativa a um outro, então não repare na simplicidade
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?
![Rindo](/users/2612/28/77/07/smiles/287176.gif)
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?
Re: Imagem abaixo do logo
![Imagem abaixo do logo Ola10](https://i.servimg.com/u/f47/15/87/31/43/ola10.png)
Vá em: Painel de controle ![]() ![]() ![]() |
- Código:
.JackSparrow {left: 3px;position: relative;}
![Imagem abaixo do logo Ate-ma10](https://i.servimg.com/u/f47/15/87/31/43/ate-ma10.png)
![Imagem abaixo do logo Sch_pirates](https://2img.net/h/silveiraneto.net/wp-content/uploads/2007/08/sch_pirates.gif)
Re: Imagem abaixo do logo
Muito obrigado, está ótimo =]
Sobre o link, não há como abrir em nova guia, né..?
Sobre o link, não há como abrir em nova guia, né..?
Re: Imagem abaixo do logo
![Imagem abaixo do logo Ola10](https://i.servimg.com/u/f47/15/87/31/43/ola10.png)
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](https://i.servimg.com/u/f47/15/87/31/43/ate-ma10.png)
![Imagem abaixo do logo Sch_pirates](https://2img.net/h/silveiraneto.net/wp-content/uploads/2007/08/sch_pirates.gif)
Re: Imagem abaixo do logo
Nossa, obrigado mesmo
Podem fechar o tópico, os códigos funcionaram perfeitamente.
![Tive uma idéia!](/users/2612/28/77/07/smiles/176384.gif)
Podem fechar o tópico, os códigos funcionaram perfeitamente.
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Centrar imagem abaixo do fórum
» Rank abaixo da imagem de perfil
» Links de rodapé abaixo da imagem
» Link abaixo do banner com imagem.
» Imagem abaixo do campo do perfil
» Rank abaixo da imagem de perfil
» Links de rodapé abaixo da imagem
» Link abaixo do banner com imagem.
» Imagem abaixo do campo do perfil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos