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 29/10/15, 10:43 am

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.
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em 30/10/15, 11:44 am

Up!
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por Fraise em 31/10/15, 06:09 pm

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'
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em 01/11/15, 02:38 am

@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
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por Fraise em 01/11/15, 12:35 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em 01/11/15, 09:46 pm

@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
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por RJUchiha em 01/11/15, 11:08 pm

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?
avatar

RJUchiha
Nível 3

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

Ver perfil do usuário http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em 01/11/15, 11:13 pm

@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
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por RJUchiha em 01/11/15, 11:19 pm

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
avatar

RJUchiha
Nível 3

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

Ver perfil do usuário http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em 01/11/15, 11:27 pm

@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 ^^.
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por RJUchiha em 01/11/15, 11:29 pm

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
avatar

RJUchiha
Nível 3

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

Ver perfil do usuário http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Ajuste no seguinte código:

Mensagem por Shiut em 01/11/15, 11:38 pm

@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 ^^.
avatar

Shiut
Nível 5

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

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

Resolvido Re: Ajuste no seguinte código:

Mensagem por Fraise em 03/11/15, 05:21 pm

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

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário 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