Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 14:42

Estou na última fase de testes de um site e preciso corrigir 2 erros simples mas que estão me dando um baile:

1. Alinhamento do ícone do pinterest, já tentei de tudo mas não consigo resolver este simples erro. Os icones têm o mesmo tamanho e sei lá pq o dito cujo não se alinha.

2. A paginação buga se não clicar antes no menu de escolha da categoria. eu instalei o Tonic Gallery- jQuery XML Portfolio Gallery, ele funciona bem em todos os browsers mas está dando este pau na primeira, só funciona legal depois que se clica em uma das opções do menu superior. Este opção está dentro do menu COMUNICAR.

Links do Tonic Gallery- jQuery XML Portfolio Gallery

http://codecanyon.net/item/tonic-galler ... iew/120710

http://codecanyon.net/item/tonic-galler ... ery/120710

O melhor é verem com os próprios olhos: http://www.dizermais.com.br

Agradeço deste já!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 14:59

Observe ai no código que você tem 3 ícones dentro da div social e um somente dentro da div mobile. Não pode colocar esse ícone junto dos outros?

Esse bug da paginação eu não entendi. Aqui a paginação que eu vi aparece no menu Para.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:02

Não... é no menu Comunicar! Vou até atualizar o tópico.

Quanto as div's que falou, vou ver melhor.... que eu me lembre, já tinha visto isso antes.

--------------------

Não, os ícones estão dentro da div social e não dentro da mobile, como pode ser visto abaixo, detalhe: reduzi o tamanho do último ícone em px, justamente para ajustar da forma que está hoje.... anteriormente ele estava maior que os outros, mesmo tendo 32px igual. #coisasdoalém

<!--inicio social--> <div id="social" class="social" style="vertical-align:middle"> <a href="http://www.facebook.com/dizermais" target="new" title="Fanpage da Dizer Mais Comunicação no Facebook"><img src="images/social/facebook.png" oncontextmenu="return false" alt="Fanpage da Dizer Mais Comunicação no Facebook" width="32" height="32"></a> <a href="http://twitter.com/dizermais" target="new" title="Dizer Mais Comunicação no Twitter"><img src="images/social/twitter.png" oncontextmenu="return false" alt="Dizer Mais Comunicação no Twitter" width="32" height="32"></a> <a href="http://plus.google.com/u/0/b/105048572324532768994/105048572324532768994/posts" target="new" title="Dizer Mais Comunicação no Google Plus"><img src="images/social/gplus.png" alt="Dizer Mais Comunicação no Google Plus" oncontextmenu="return false" width="32" height="32"></a> <a href="http://pinterest.com/dizermais" target="new" title="Dizer Mais Comunicação no Pinterest"><img src="images/social/pinterest.png" oncontextmenu="return false" alt="Dizer Mais Comunicação no Pinterest" width="26" height="26"></a> </div> <!--fim social--> <!--inicio mobile--> <div id="mobile" class="mobile"> <h6 title="Agência de Comunicação, Design e Inovação" style="text-align:center;"><a href="mobile/index.html" title="Mobile site Dizer Mais Comunicação" target="_self">mobile site</a></h6> </p> </div> <!--fim mobile-->

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:09

Eu acho que você pode ter errado na lógica ai das divs. Verifica ai se os ids das divs estão de acordo com o exemplo do script. E também a quantidade de figuras para o espaço da altura.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:18

--------------------------------------------

Quanto a lógica do script e das div's no portfólio:

Não tem como errar, ele vem pronto, só coloquei o <h2> e mais nada.

<div id="main_container">
<div class="center">
<h2 title="Categorias do portfólio on line impresso planejamento 3d vídeo ideias Modelagem 3D Planejamento, gestão e conteúdo Internet e redes sociais Branding e identidade visual">Escolha a categoria de sua preferência:</h2>
<div id="portfolio_small" class="center2"></div>
</div>

Na configuração do script apenas configurei tamanho e altura e itens por página, na real imagino que deva ser algum pau no script de paginação que veio junto com o pacote:

<script type="text/javascript">
$(function(){
// init the portfolio functionality
$('#portfolio_small').portfolioSetter({xmlSource:'portfolio2.xml', pageWidth:670, pageHeight:180, itemsPerPage:14});
});
</script>

---------------------

Vou ver se acho o nome do script de paginação e o código para postar aqui. Na real eu alterei o mínimo possível o pacote de script.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:26

Talvez seja necessário forçar um click no primeiro item do menu.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:30

Concordo plenamente, mas não tenho a mínima ideia de como fazer isso... rs

A parte dos ícones estou pensando em resolver por imagem, vou duplicar a imagem, ajustá-la e depois troco o ícone.

Outra coisa que queria fazer é centralizar o portfólio, mas também sem chance. Criei até uma class específica, mas nada:

.center2 {
width: 670px;
text-align: center;
background-position: center;
}
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:35

Para centralizar, pode usar esse exemplo

<style> .centralizado{ text-align:center; width:100px; } </style> <div class="centralizado">abc</div>

Já o script, aparentemente está dando conflito, talvez na altura que você colocou. Tenta com a altura original para confirmar.

Quanto ao clique que indiquei, pode se forçar o clique dessa forma:

$(document).ready(function() { $("#objeto").click(); });

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:54

Calma... estamos quase lá... rs

Os ícones já resolvi apenas alterando a imagem, embora fossem idênticas. #coisasdoalém

Quanto a centralizar o portffólio, seja por:

<style> .centralizado{ text-align:center; width:100px; } </style> <div class="centralizado">abc</div>

ou direto no CSS como fiz, dá na mesma, certo?

Por fim, o código

$(document).ready(function() {
$("#objeto").click();
});


Eu coloco exatamente onde? Dentro do script?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 15:58

O alinhamento dá no mesmo. Só montei um exemplo completo de uso. Já o click, você pode colocar abaixo do

$('#portfolio_small').portfolioSetter({xmlSource:'portfolio2.xml', pageWidth:670, pageHeight:180, itemsPerPage:14});

Ou pode carregar a função como indiquei no topo do documento, após a chamada do jquery.js. Para carregar assim que a página estiver completa.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 16:08

É... nem o clique forçado nem o alinhamento funcionou. Estou alterando em tempo real. #merda

PArece ser do além mesmo pq seja qual for o browser que eu testar, se eu der um clique em qualquer das categorias antes... ZAZ ! Tudo funciona na boa.

Quanto ao alinhamento... deve ter alguma coisa no código original puxando o alinhamento à esquerda, só pode, mas já vasculhei tudo e nada!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 16:17

O alinhamento tem que ver as class relacionadas. Teria que criar um bloco com esse alinhamento centralizado, e colocar todos os outros blocos desalinhado dentro.

A linha que eu postei o exemplo

$(document).ready(function() {
$("#objeto").click();
});

Esse objeto que adicionei seria o id da div que tem o texto do menu.

Lá tem o Todos, tipo:

<div id="Todos">Todos</div>

para

$("#Todos").click();
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 7
Sexo: Masculino

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 16:51

Bem... sem chance! Não rolou nem o clique nem o alinhamento.
Vou continuar batendo a cabeça aqui... Quem sabe encontro algo.

Agradeço os comentários e sugestões.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda com HTML, CSS e JS - Preciso corrigir 2 erros simples

20-10-2012 16:56

Se baseia no script original que está correto. Ai vai ver onde errou a questão das figuras.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]