Arquivo da tag: language html

Wookmark jQuery plugin

jquery-plugin-example

Navegando acabei achando esse http://www.wookmark.com/, quem tem um layout bem interessante e descobri que ele disponibiliza um script para poder usar, Olhem abaixo. Continue lendo Wookmark jQuery plugin

Força downloads de arquivos em PHP

Pesquisando achei esse script que força a baixar qualquer tipo de arquivo.

Crie uma arquivo baixar.php copie o código abaixo.

<?php

$arquivo = $_GET["arquivo"];
if(isset($arquivo) && file_exists($arquivo)){ // faz o teste se a variavel não esta vazia e se o arquivo realmente existe
 switch(strtolower(substr(strrchr(basename($arquivo),"."),1))){ // verifica a extensão do arquivo para pegar o tipo
 case "pdf": $tipo="application/pdf"; break;
 case "exe": $tipo="application/octet-stream"; break;
 case "zip": $tipo="application/zip"; break;
 case "doc": $tipo="application/msword"; break;
 case "xls": $tipo="application/vnd.ms-excel"; break;
 case "ppt": $tipo="application/vnd.ms-powerpoint"; break;
 case "gif": $tipo="image/gif"; break;
 case "png": $tipo="image/png"; break;
 case "jpg": $tipo="image/jpg"; break;
 case "mp3": $tipo="audio/mpeg"; break;
 case "php": // deixar vazio por seurança
 case "htm": // deixar vazio por seurança
 case "html": // deixar vazio por seurança
 }
 header("Content-Type: ".$tipo); // informa o tipo do arquivo ao navegador
 header("Content-Length: ".filesize($arquivo)); // informa o tamanho do arquivo ao navegador
 header("Content-Disposition: attachment; filename=".basename($arquivo)); // informa ao navegador que é tipo anexo e faz abrir a janela de download, tambem informa o nome do arquivo
 readfile($arquivo); // lê o arquivo
 exit; // aborta pós-ações
}
?>


Agora crie o HTML index.php e coloque o código abaixo.

<!--
Este será o link que apontará para o nosso script PHP.
Use no href "baixar.php?arquivo=" + caminho de seu arquivo;
No Exemplo abaixo utilizei uma imagem com o nome "imagem.jpg" que esta dentro da pasta "arquivos".
-->
<a href="baixar.php?arquivo=arquivos/imagem.jpg">Baixar Arquivo</a>

Agora abra o arquivo index.php e clique no link “Baixar Arquivo”.

Fonte: http://www.devmedia.com.br/forcar-download-de-arquivos-com-php/17097

Colocar link “Leia mais” usando jQuery

O Plugin jQuery Expander é um script para mostrar/recolher o conteúdo de um texto grande.

Aqui está uma maneira simples de usar este plug-in seu HTML ou páginas ASP.NET

1. Declare uma Div ou ASP.NET Painel.

<div class="readmore">
   The Div Text Comes Here
</div>

Continue lendo Colocar link “Leia mais” usando jQuery

Como colocar um favicon no site

English: A screenshot of English Wikipedia in ...
English: A screenshot of English Wikipedia in Firefox on KDE, showing the favicon next to the address bar. (Photo credit: Wikipedia)

Um favicon (favorites icon) é uma pequena imagem que, nos browsers modernos, se associa ao nosso website (podem ver em baixo um exemplo). Uma imagem deste tipo, além de favorecer a estética do website, dá uma imagem mais profissional do mesmo. Tudo o que é necessário é acesso ao FTP e uma imagem/símbolo que se possa associar ao website pretendido. Ainda existem imensos websites na internet que não possuem um favicon, mas esse é um erro que eu não quero que vocês, os leitores, cometam! Continue lendo Como colocar um favicon no site

Simples Galeria feito em jQuery

Recentemente, fui convidado para codificar uma galeria de fotos muito simples com o jQuery. É realmente simples e é a primeira vez que eu construí uma galeria com jQuery. Ele funciona através da utilização do link para a imagem grande da tag rel que estabelecemos em nosso código html. nós então substituir o conteúdo da div com o id da #image. As funções  hide() e fadeIn() são opcionais. Confira a demonstração abaixo e, como de costume, você pode baixar o código completo!

gallery Continue lendo Simples Galeria feito em jQuery

Imagem com efeito de Zoom com jQuery

Então, hoje eu vou correr pela técnica usada para ampliar as miniaturas das imagens e exibir a sobreposição de texto.

jquery-thumbs Continue lendo Imagem com efeito de Zoom com jQuery

Manipuladores de atributos no jQuery

English: The text "jQuery" in the of...
English: The text “jQuery” in the official logo of jQuery. For the entire logo, see: File:JQuery logo.svg (Photo credit: Wikipedia)

O jQuery oferece 10 métodos que que estão na categoria de atributos, neste post vou mostrar como cada um deles funcionam, com um exemplo simples e pratico, os métodos que estão na categoria de atributos são: Continue lendo Manipuladores de atributos no jQuery

Votação com estrelas – Ajax jQuery

Não vou explicar muito detalhadamente o HTML e CSS, pois está tudo bem simples.
Apenas para dar um contexto, usei alguns produtos, e embaixo de cada um deles, existem 5 estrelas cinza.

Continue lendo Votação com estrelas – Ajax jQuery