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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Erro Facebook Conect
Hoje à(s) 17:03 por Shek

» Formulário de postagem
Hoje à(s) 16:10 por YouTube3

» E-mail de fundador
Hoje à(s) 16:06 por Cream

» Personalizar título e ícone das categorias
Hoje à(s) 15:37 por while

» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 15:00 por luuuiiiz

» Efeito hover na descrição
Hoje à(s) 14:52 por YouTube3

» Ausência dos campos de perfil
Hoje à(s) 13:41 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
lavinnia
 
Harold C+
 
YouTube3
 
Nean
 
Sennior
 

Quem está conectado
111 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 104 Visitantes :: 3 Motores de busca

Cream, giancamposm, GollD, Holkis, Shek, SyraoN_, while

[ 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 : 50
Pontos Ativos : 960

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 : 50
Pontos Ativos : 960

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'


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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 : 50
Pontos Ativos : 960

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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 : 50
Pontos Ativos : 960

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 : 383

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 : 50
Pontos Ativos : 960

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 : 383

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 : 50
Pontos Ativos : 960

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 : 383

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 : 50
Pontos Ativos : 960

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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