Para quem quer saber como deixar seu link (ou site) completo ao compartilhar no facebook, segue o link que te ajuda com as meta tags que ficam dentro da tag <head>.
http://developers.facebook.com/tools/debug
Só acessar, colocar o link que deseja verificar e dar um DEBUG. Ele vai te mostrar se está conseguindo pegar todas as informações. Uma dica importante que percebi quando acessei, ao compartilhar no facebook às vezes ele mostra algumas imagens que ele consegue "puxar" do próprio link, você pode definir essa imagem na tag (não deixe de colocar todas que aparecem no Debugger).
<meta property="og:image" content="http://www.seusite.com.br/suaimagem.jpg"/>
Lembrando que ela deve ter no mínimo 200 de largura (width). Geralmente é um quadrado que aparece no compartilhamento do facebook.
É isso!
Valeu!
quarta-feira, 31 de julho de 2013
terça-feira, 30 de julho de 2013
Upload Class Image PHP - Upload de imagens classe php
Para quem procura uma classe para upload de imagens, essa aqui é bem interessante e possui algumas funções que fazem a diferença
http://www.verot.net/php_class_upload_download.htm
Já utilizei, fiz alguns ajustes, não lembro exatamente quais, sei que funcionou legal.
Até a próxima!
http://www.verot.net/php_class_upload_download.htm
Já utilizei, fiz alguns ajustes, não lembro exatamente quais, sei que funcionou legal.
Até a próxima!
Corrigindo margens 2 linha thumbnails Bootstrap (correct margins second line)
Fala Galera!
Esse link merece um post, para quem já teve problemas como esse aqui embaixo utilizando o bootstrap não somente em thumbnails mas também usando spans e row-fluid.
Se você está sofrendo com isso, segue a solução:
http://stackoverflow.com/questions/15576483/margin-problems-with-thumbnails-in-bootstrap
Já utilizei e funcionou 100%, se tiver uma pasta que sempre utiliza o bootstrap já substitua para não ter que caçar de novo o erro como fiz agora pouco, haha. Agora já corrigi na raiz.
Para facilitar segue abaixo o texto que deve ser inserido no arquivo bootstrap-responsive.css (eu coloquei na linha 145).
ul.thumbnails li.span4:nth-child(3n + 4) {
margin-left : 0px;
}
Espero que ajude!
;)
Esse link merece um post, para quem já teve problemas como esse aqui embaixo utilizando o bootstrap não somente em thumbnails mas também usando spans e row-fluid.
Se você está sofrendo com isso, segue a solução:
http://stackoverflow.com/questions/15576483/margin-problems-with-thumbnails-in-bootstrap
Já utilizei e funcionou 100%, se tiver uma pasta que sempre utiliza o bootstrap já substitua para não ter que caçar de novo o erro como fiz agora pouco, haha. Agora já corrigi na raiz.
Para facilitar segue abaixo o texto que deve ser inserido no arquivo bootstrap-responsive.css (eu coloquei na linha 145).
ul.thumbnails li.span4:nth-child(3n + 4) {
margin-left : 0px;
}
Espero que ajude!
;)
jQuery - Carregar páginas (loading content with ajax)
Opa!
Para quem procura um exemplo de site que carregue o conteúdo via ajax direto na mesma página segue o link no nettuts.
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/
Eu curto ver o exemplo antes de ler o post para saber que é realmente o que procuro, se você também prefere aqui vai o exemplo final (está no final do post tanto para download quanto a demo).
http://d2o0t5hpnwv4c1.cloudfront.net/011_jQuerySite/sample/index.html
É isso!
Até a próxima!
Para quem procura um exemplo de site que carregue o conteúdo via ajax direto na mesma página segue o link no nettuts.
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/
Eu curto ver o exemplo antes de ler o post para saber que é realmente o que procuro, se você também prefere aqui vai o exemplo final (está no final do post tanto para download quanto a demo).
http://d2o0t5hpnwv4c1.cloudfront.net/011_jQuerySite/sample/index.html
É isso!
Até a próxima!
Superscrollorama - Scroll com animações
Fala pessoal!
Estou postando diversos links que encontro dia-a-dia pela internet que são muito úteis e estão disponíveis para download! Acho que é uma forma de retribuir por também fazer uso dos materiais que encontro.
Esse plugin é para quem quer um scroll com animações, você vai descendo a página e os itens vão se animando.
http://johnpolacek.github.io/superscrollorama/
Não cheguei a baixar, parece bem explicado no link que já está demonstrando. Fica a dia!
Valeu!
Estou postando diversos links que encontro dia-a-dia pela internet que são muito úteis e estão disponíveis para download! Acho que é uma forma de retribuir por também fazer uso dos materiais que encontro.
Esse plugin é para quem quer um scroll com animações, você vai descendo a página e os itens vão se animando.
http://johnpolacek.github.io/superscrollorama/
Não cheguei a baixar, parece bem explicado no link que já está demonstrando. Fica a dia!
Valeu!
jQuery Parallax Plugin Demo
Para quem está procurando um plugin Parallax, aqui vai um link do bom!
http://ianlunn.co.uk/plugins/jquery-parallax/
Este link é para visualizar, acessando o GitHub do Ian Lunn você encontra o link do Parallax para baixa-lo. Ainda não fiz nenhum projeto utilizando Parallax, acho que tem que ser algo bem específico para utilizar o efeito sem deixar o usuário perdido ou sem saber o que acontece no computador dele, rs. Depende muito do uso, mas acho bastante interessante! E legal poder ter uma demo dessa para começar!
Manda ver! E aproveita que no primeiro link da Demo embaixo o Ian colocou alguns links que utilizou para fazer a demo bem legais também.
http://ianlunn.co.uk/plugins/jquery-parallax/
Este link é para visualizar, acessando o GitHub do Ian Lunn você encontra o link do Parallax para baixa-lo. Ainda não fiz nenhum projeto utilizando Parallax, acho que tem que ser algo bem específico para utilizar o efeito sem deixar o usuário perdido ou sem saber o que acontece no computador dele, rs. Depende muito do uso, mas acho bastante interessante! E legal poder ter uma demo dessa para começar!
Manda ver! E aproveita que no primeiro link da Demo embaixo o Ian colocou alguns links que utilizou para fazer a demo bem legais também.
segunda-feira, 28 de janeiro de 2013
[ AWESOME ] - Cool tooltip
Bem-vindos a nova série de posts chamada [AWESOME]!
Essa tag no título irá identificar os principais links que encontrei sobre plug-ins e programas desenvolvidos por programadores do mundo todo que disponibilizam gratuitamente para você utilizar. Praticamente todos que eu postar já terei utilizado, às vezes eu encontro alguns muito bons que merecem ser colocados aqui mesmo eu não ter usado ou testado.
Fiquem à vontade para comentar! E sempre que eu puder ajudar estou à disposição.
COLORTIPS TOOLTIP (jQuery)
é um plug-in em jquery que permite colocar tooltip em textos e imagens totalmente customizado. A demo que aparece no link já explica bem seu funcionamento, é muito útil para você colocar algum aviso importante, esclarecer formulários, identificar elementos em imagens com informações relevantes, enfim, além de ser muito simples de usar e adaptar o design (editando o CSS você consegue customizá-lo, é necessário um pouco de conhecimento em CSS para fazer isso). Clique aqui para ver em funcionamento.
Está disponível para download no link abaixo:
http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/
Até a próxima! =)
Essa tag no título irá identificar os principais links que encontrei sobre plug-ins e programas desenvolvidos por programadores do mundo todo que disponibilizam gratuitamente para você utilizar. Praticamente todos que eu postar já terei utilizado, às vezes eu encontro alguns muito bons que merecem ser colocados aqui mesmo eu não ter usado ou testado.
Fiquem à vontade para comentar! E sempre que eu puder ajudar estou à disposição.
COLORTIPS TOOLTIP (jQuery)
é um plug-in em jquery que permite colocar tooltip em textos e imagens totalmente customizado. A demo que aparece no link já explica bem seu funcionamento, é muito útil para você colocar algum aviso importante, esclarecer formulários, identificar elementos em imagens com informações relevantes, enfim, além de ser muito simples de usar e adaptar o design (editando o CSS você consegue customizá-lo, é necessário um pouco de conhecimento em CSS para fazer isso). Clique aqui para ver em funcionamento.
Está disponível para download no link abaixo:
http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/
Até a próxima! =)
Assinar:
Postagens (Atom)