Código com erro

Detalhes da questão

Endereço do fórum: http://www.pokemonol.com.br
Versão do fórum: phpBB2

Descrição

Olá estou com problemas numa edição de uma loja virtual para fórum

Editei tudo certo, na hora de visualizar ele fica certo e inteiro, mais na hora de salvar como pagina ele fica só aparecendo 2 itens, poderia me ajudar???
Ia postar o codigo aqui mais ele é grande e não aceitou....

Segue a pagina concluida e olha só aparece 2 itens e não o restante


http://www.pokemonol.com.br/h5-teste

Olá, amigo.

O problema está localizado em algum dos seus CSS, seja do código ou do próprio fórum que está definindo a altura máxima como 200px. Eis o id problemático:

Código:

#main-content > div:first-child {
    display: block !important;
    max-height: 200px !important;
    overflow: hidden !important;
}


Sugiro que dê uma olhada no CSS e, se estiver lá, veja o que acontece quando ele é excluído. Provavelmente a exclusão desencadeará algum erro visual em alguma parte do fórum, aí, dependendo do problema, podemos arrumar uma solução alternativa que não seja definir uma altura máxima, como o o código acima faz.

Bom, essa parte agora ficou certo, mais não entendi porque ta pequeno e tudo junto, pois o codigo que usei certinho foi a desse aqui...
http://victoryroad.forumeiros.com/h1-loja

no caso o meu fica sem as tabelinhas e fica bem minúsculo, onde que eu posso ter errado, sendo que usei o mesmo codigo que o dela!!!

Olha o meu abaixo
http://www.pokemonol.com.br/h5-teste

odelgado escreveu:Bom, essa parte agora ficou certo, mais não entendi porque ta pequeno e tudo junto, pois o codigo que usei certinho foi a desse aqui...
http://victoryroad.forumeiros.com/h1-loja

no caso o meu fica sem as tabelinhas e fica bem minúsculo, onde que eu posso ter errado, sendo que usei o mesmo codigo que o dela!!!

Olha o meu abaixo
http://www.pokemonol.com.br/h5-teste

É muito simples, amigo.

O seu código está dando errado porque você pegou somente a estrutura dele (HTML) e ficou sem a aparência (CSS). O único jeito de fazer o código no mesmo modelo é pedindo para o administrador do fórum em questão lhe passar a folha de estilo CSS.

Todavia, sugiro que dê uma olhada nesse tópico do @Daemon:
[AddOn] Criar loja de ícones.

A partir dele, você será capaz de gerir sua própria loja.

Eu vi tudo, porém pércebi que o codigo deles da certinho mesmo sem o CSS, sei que to sendo chato mais não consegueria encaixar esse codigo que deixasse essas colunas e centralizado o nome loja?
fui pedir pro brother do fórum ele falou que não vai me passar

Poderei lhe ajudar se enviar o código que está usando atualmente na sua loja.

Sim, como faço pra postar, pois é muito grande... mando em duas partes? tentei aqui mais deu erro

odelgado escreveu:Sim, como faço pra postar, pois é muito grande... mando em duas partes? tentei aqui mais deu erro

Hospede nesse site: https://pastebin.com/. Tenha certeza de que no campo 'Paste Exposure' você marcará a opção 'Public'.

Cá está!!!
https://pastebin.com/SKzRzN6H

Fiz uma tentativa. Troque o código por esse: https://pastebin.com/tndKbFmH.

Oi bom corrigiu algumas partes, só não apareceu as tabelinhas separando igual o que eu tinha passado e ficou pequeno ainda, consegue deixar meio grande igual o link que passei e separar tambem pelas tabelainhas

Acho que consegui o que deseja. Troque seu código por esse: https://pastebin.com/gNah0MDS.

A minha única questão é com relação as imagens. O quão maior você quer que fiquem? Porque no próprio código está configurado para que cada imagem tenha uma altura e largura de 50px. Se quiser aumentar esse valor, adicione esse código na sua folha de estilo CSS.

Código:

.mainboxy table.table tr.item td img {
width: 80px;
height: 80px;
}

O '80' você muda pro tamanho que quiser.

Então, no caso o CCS aumentou o icone do dinheiro pra muito grande mais os icones que são os pokemons continuou no mesmo tamanho, agora a respeito das linhas ficou bacana, mais queria os botões mais centralizadostipo não muito no canto

Troque o CSS por esse:

Código:

.mainboxy table.table tr.item td.row2 img {
width: 80px;
height: 80px;
}

Para deixar a largura ao seu gosto, vá até o código da loja e procure por '.mainboxy table.table', provavelmente estará na linha 56/57. Altere o 100 para o valor que desejar.

bom o ajuste to conseguindo fazer, agora o css não resultou em nada e a pagina ta saindo um pouco pra fora na parte onde fica os botões de pagamento

Erro meu, faltou um important.

Código:

        .mainboxy table.table tr.item td.row2 img {
        width: 80px!important;
        height: 80px!important;
        }

Para resolver o segundo problema, volte a linha 57 e retorne o valor do '.mainboxy table.table' para 100. Agora insira mais esse código na sua folha de estilo CSS.

Código:

.mainboxy table.table tr.item td.col_f_content {
width: 30%!important;
}
.mainboxy table.table {
border: 1px solid #ddd
}

Mude o '30' para o valor que desejar.

Os icones ficou bom, certinho, só a pagina que ta saindo pra fora ainda rsrsrs

Ah sim, agora vi onde está o erro. Peço desculpas.

Vá no código da loja e procure por '.mainboxy', provavelmente estará na linha 40/41. Apague a propriedade 'width: 100%'. Agora, no mesmo código, procure por 'shop-title-bg', provavelmente estará na linha 49/50. Apague a propriedade 'width: 1250px'. Por fim, procure por 'shop-title-bg2', provavelmente estará na linha 106, e próximo dele, procure a propriedade 'width: 1218px'. Substitua o '1218px' por 'auto'.

Key of Destiny escreveu:Ah sim, agora vi onde está o erro. Peço desculpas.

Vá no código da loja e procure por '.mainboxy', provavelmente estará na linha 40/41. Apague a propriedade 'width: 100%'. Agora, no mesmo código, procure por 'shop-title-bg', provavelmente estará na linha 49/50. Apague a propriedade 'width: 1250px'. Por fim, procure por 'shop-title-bg2', provavelmente estará na linha 106, e próximo dele, procure a propriedade 'width: 1218px'. Substitua o '1218px' por 'auto'.

A sim deu certo agora, só queria tirar mais uma duvida, não precisa fazer só me falar onde coloco..

Onde que eu vou pra aumentar as letras dos nomes dos produtos na loja, o numeros dos valores e aumentar tambem os botões de pagamento, e queria saber tambem em qual parte ali que coloco o link para pagamento tipo pagseguro e paypal que ja tenho aqui, só me falar onde que eu me viro o resto aqui deu certinho

odelgado escreveu:

Key of Destiny escreveu:Ah sim, agora vi onde está o erro. Peço desculpas.

Vá no código da loja e procure por '.mainboxy', provavelmente estará na linha 40/41. Apague a propriedade 'width: 100%'. Agora, no mesmo código, procure por 'shop-title-bg', provavelmente estará na linha 49/50. Apague a propriedade 'width: 1250px'. Por fim, procure por 'shop-title-bg2', provavelmente estará na linha 106, e próximo dele, procure a propriedade 'width: 1218px'. Substitua o '1218px' por 'auto'.

A sim deu certo agora, só queria tirar mais uma duvida, não precisa fazer só me falar onde coloco..

Onde que eu vou pra aumentar as letras dos nomes dos produtos na loja, o numeros dos valores e aumentar tambem os botões de pagamento, e queria saber tambem em qual parte ali que coloco o link para pagamento tipo pagseguro e paypal que ja tenho aqui, só me falar onde que eu me viro o resto aqui deu certinho

Mais um pro seu CSS.

Esse código serve pra aumentar o tamanho da fonte.

Código:

/* Nome dos produtos */
.mainboxy table.table tr.item td.col_f_content h4 {
font-size: 16px
}

/* Valores */
.mainboxy table.table tr.item td.col_f_post li.points {
font-size: 16px;
}

/* Botão de pagamento */
.mainboxy table.table tr.item td.col_f_post li.desc {
font-size: 16px;
}


Já sabe, basta mudar o valor do 16 para o que desejar.

Quanto aos botões, você vai ter que adicionar uma propriedade para redirecionar a pessoa até o link. Para isso, basta inserir a seguinte propriedade antes do botão.

Código:

<a href="SEU_LINK_AQUI">botão</a>

A propriedade que indica o botão é o <input>. Então, no seu caso, ficaria assim:

Código:

<a href="https://www.google.com.br/"><input class="addButton" value="PagSeguro" data-item="item14" type="button"></a>

Pelo que está dentro de value você identifica qual é PagSeguro e qual é PayPal.

Eu não sei se fou um desastre ou sei la kkk deu tudo certinho, mais quando acrescento o negocio pro link do botão as linhas some, será que to fazendo algo errado, olhe no inicio pra vc ver

http://www.pokemonol.com.br/h6-teste-pronto

Você apagou o início do código que eu havia colocado.

Basta recolocá-lo no código da loja:

Código:

<style type="text/css" name="NumberXIIkeyOFdestiny">
  .mainboxy {
    background-color: white;
    height: auto;
    border: 1px solid #ddd;
  }
  .boxycontent {
    padding: 15px;
  }
 
 .shop-title-bg {
    background-color: royalblue;
height: 45px;
box-shadow: 0 0 2px royalblue;
  }
</style>

A unica coisa que esqueceu de me responde é como deixo o botão de pagamento maior um pouco, onde mecho nele pra aumentar o tamanho, mais depois que adiciono esse botão ainda some as linhas meu Deus o que faço kkkk, será que se eu adicionar os botões vc consegue inserir esse codigo pra mim por favor, prometo que não te atrapalho mais por favor

Não preocupe to sem pressa, postei o codigo ja com os botões, não sei se isso aconteceu porque adicionei mais um botão com o link:

https://pastebin.com/pJ8zarSc

Troque o código por esse: https://pastebin.com/bJcj00qa. Não esqueça de mudar o "LINK_AQUI" pelo link que você quer que o usuário seja redirecionado quando clica no botão.

Para aumentar o tamanho dos botões:

Código:

.mainboxy table.table li.views input.addButton {
font-size: 12px;
}

Mude o 12 para o valor que deseja.

ficou muito bacana, agora deu certo aqui, desculpe o incomodo e até mais Pode fechar o tópico