Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Postar em ajax com avisos
Hoje à(s) 4:08 por Lineshooter

» Publicidades invadindo o fórum
Hoje à(s) 3:08 por Shek Crowley

» Caixa de Resposta Rápida
Hoje à(s) 2:15 por -LouYONG

» Avatar não permanece fixo nas postagens
Hoje à(s) 1:56 por Lillith

» Postagem com capa
Hoje à(s) 0:07 por ™David™

» Participe da Pesquisa de satisfação 2016
Ontem à(s) 23:19 por Sovereign

» SCEditor bugado
Ontem à(s) 21:24 por iScroll

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
52 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 52 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Ajuste no seguinte código:

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

Resolvido Ajuste no seguinte código:

Mensagem por Shiut em Qui 29 Out 2015 - 12:43

Detalhes da questão


Endereço do fórum: http://thehunterpg.forumeiros.com/
Versão do fórum: PunBB

Descrição


 Ps: Eu tenho outro tópico nessa área e já marquei como resolvido, não sei se tem problema, caso haja, creio que só falta mover. o link do mesmo se encontra aqui: http://ajuda.forumeiros.com/t102348-como-organizar-o-tablon-dessa-forma

Apenas sei o mínimo sobre códigos, e consegui editar esse cujo estará logo abaixo... até ai tudo bem, porém, eu gostaria que o "LINK" aqui ficasse um pouco mais para baixo, se possível, veja logo abaixo no print como está.

A outra questão é que preciso que adapte ele a "inserção de imagem", quando coloco ele fica bugado e quando aumento o tamanho do background, a parte cinza, não adianta.


código sem imagem:
Código:
<center>
    
 <div style="width: 500px;height: 35px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
                    
 <div align="center">
     <strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
 </div>
                  
 </div>
</center>

código com imagem:
Código:
<center>
      
 <div style="width: 500px;height: 70px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
 <img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" />                                  
 </div><div align="center">
     <strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
 </div>
                    
</center>

E sinceramente gostaria de sua opinião, acha que esse código ficou legal? ou alguma outra edição ficaria bonita? fique a vontade.

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em Sex 30 Out 2015 - 13:44

Up!

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por Fraise em Sab 31 Out 2015 - 20:09

Olá @Shiut!

Adicione à sua folha de estilos:
Código:
.genmed img {
    max-height: 100px;
    max-width: 300px;
    margin-top: -10px;
}

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em Dom 1 Nov 2015 - 4:38

@Fraise escreveu:Olá @Shiut!

Adicione à sua folha de estilos:
Código:
.genmed img {
    max-height: 100px;
    max-width: 300px;
    margin-top: -10px;
}

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

A imagem fica no meio, certinho, mas e a "palavra", ainda fica embaixo. olha o print.:http://prntscr.com/8xogg7

E outra, a imagem fica muito menor, teria como aumenta-la? eu gostaria que ela ficasse que nem nesse fórum, olha o print: http://prntscr.com/8xoga8

em resumo, eu quero que ele fique que nem esse print para o código que for ter imagem: http://prntscr.com/8xoga8

e dessa forma para o código que não for ter imagem: http://prntscr.com/8xogow

o fórum é: http://tlcrpg.forumeiros.com/forum

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por Fraise em Dom 1 Nov 2015 - 14:35

Ao adicionar uma imagem aí, esse link também irá para baixo. Feliz
Quanto ao tamanho da imagem, basta utilizar este CSS:
Código:
.genmed img:nth-child(1) {
    width: 200px !important;
    height: 200px !important;
}
width Seta Largura da imagem.
height Seta Altura da imagem.

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em Dom 1 Nov 2015 - 23:46

@Fraise escreveu:Ao adicionar uma imagem aí, esse link também irá para baixo. Feliz
Quanto ao tamanho da imagem, basta utilizar este CSS:
Código:
.genmed img:nth-child(1) {
    width: 200px !important;
    height: 200px !important;
}
width Seta Largura da imagem.
height Seta Altura da imagem.

Até mais.
Fraise
o link está ficando abaixo do fundo cinza :/

http://prntscr.com/8xzery

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por RJUchiha em Seg 2 Nov 2015 - 1:08

Substitua o seu Code com img atual por este:
Código:
<center>
<div style="width: 500px;height: 35px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
<div align="center">
<img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" />
<strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
</div>                    
</div>
</center>
Resultou?

RJUchiha
Nível 3

Masculino
Inscrito dia : 25/10/2015
Mensagens : 24
Pontos Ativos : 456

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em Seg 2 Nov 2015 - 1:13

@RJUchiha escreveu:Substitua o seu Code com img atual por este:
Código:
<center>
<div style="width: 500px;height: 35px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
<div align="center">
<img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" />
<strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
</div>                    
</div>
</center>
Resultou?

Não, senhor.

Ficou dessa forma: http://prntscr.com/8y057g

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por RJUchiha em Seg 2 Nov 2015 - 1:19

Tente com este:
Código:
<center>
<div style="width: 500px;height: 175px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
<div align="center">
<img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" />
<strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
</div>                    
</div>
</center>
Se nao der nao puderei ajudar infelizmente

RJUchiha
Nível 3

Masculino
Inscrito dia : 25/10/2015
Mensagens : 24
Pontos Ativos : 456

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em Seg 2 Nov 2015 - 1:27

@RJUchiha escreveu:Tente com este:
Código:
<center>
<div style="width: 500px;height: 175px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
<div align="center">
<img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" />
<strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
</div>                    
</div>
</center>
Se nao der nao puderei ajudar infelizmente

tivemos um certo avanço, o link ficou do lado, dentro do background, porém, deve ficar embaixo da imagem... De toda forma, muito obrigado pela sua ajuda ^^.

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por RJUchiha em Seg 2 Nov 2015 - 1:29

Ultima tentativa:
Código:
<center>
<div style="width: 500px;height: 175px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
<div align="center"><img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" /><br></br>
<strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
</div>                    
</div>
</center>
Aqui ta dando certo veja prntscr.com/8y09q0

RJUchiha
Nível 3

Masculino
Inscrito dia : 25/10/2015
Mensagens : 24
Pontos Ativos : 456

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em Seg 2 Nov 2015 - 1:38

@RJUchiha escreveu:Ultima tentativa:
Código:
<center>
<div style="width: 500px;height: 175px; border: 3px solid FAFAFA; border-style:groove; border-top-color:#000000; border-bottom-color:#000000; background: #333030; padding: 10px; font: 12px Tahoma; color: #9E9696; text-align: justify;">
<div align="center"><img src="http://i76.servimg.com/u/f76/18/21/82/30/hog_ma10.jpg" /><br></br>
<strong>•</strong> <a rel="nofollow" target="_blank" class="postlink" href="http://thehunterpg.forumeiros.com/">Link Aqui</a>
</div>                    
</div>
</center>
Aqui ta dando certo veja prntscr.com/8y09q0

MUIIITTOO orbigado, rs... agora foi, vlw pela sua ajuda ^^.

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 1036

http://thehunterpg.forumeiros.com

Resolvido Re: Ajuste no seguinte código:

Mensagem por Fraise em Ter 3 Nov 2015 - 19:21

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5