picture picture

Como saber a tamanho de determinado espaço em uma imagem

Muitas vezes eu já usei  a régua do photoshop para saber o tamanho de determiado espaço em uma imagem… aí ficava fazendo contas, ai ai.

A solução é muito simples:

1 – Clique em Window->info, abrirá uma aba na lateral direita que exibirá as informações

2 -  Clique na ferramenta letreiro retangular e marque o local da imagem que você deseja saber o tamanho. No aba de informações o tamanho será exibido.

 

Seguem abaixo imagens:

 

Como instalar o Taskfreak e adicionar plugins

Taskfreak é um gerenciador de tarefas open source desenvolvido em PHP. Sua instalação é muito simples, já em relação a instalação dos plugins, há pouco conteúdo disponível na internet, e quando há conteúdo, é mal explicado, por isso resolvi criar esse post.

Para instalar o Taskfreak:

1- Faça o download dos arquivos http://www.taskfreak.com/original/download para sua máquina

2 – Crie o banco de dados e importe as tabelas que estão no arquivo /install/mysql.init.sql

3- Altere as variáveis abaixo, de acordo com os dados do seu banco, do arquivo /include/config.php:

define(‘TZN_DB_HOST’,'localhost’);
define(‘TZN_DB_USER’,'root’);
define(‘TZN_DB_PASS’,”);
define(‘TZN_DB_BASE’,'taskfreak’);

O usuário inicial para acessar o Task é admin com senha vazia.

 

Para instalar plugins:

1- Faça o download do Plugin Manager http://www.dracon.biz/download/PluginMan_0.2.6i.zip

2 – Descompacte os arquivos e coloque na raiz do Taskfreak

3- Acesse o arquivo plugins.php que está na raiz do seu task. Ex: www.meutask.com.br/plugins.php

4 – Aparecerá o nome do plugin, clique em + para instalar

Prontinho, a partir de agora você já consegue instalar outros plugins

 

Como instalar o plugin para notificação via e-mail:

1 – Faça o download dos aquivos http://www.dracon.biz/download/EmailNotify_0.1.7.zip

2 – Em www.meutask.com.br/plugins.php, por exemplo, selecioner a pasta do plugin zipada e clique em enviar

3- O nome do plugin aparecerá na tela. Clique no + para instalar

4- Altere o arquivo /include/config.php, as variáveis que se referem ao EmailNotify_0.1.7.

# ~~~ EMAIL NOTIFICATION PLUGIN SETTINGS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #
define(‘PLG_EMAIL_VER’, “0.1.7″);
define(‘PLG_EMAIL_TITLE’, “EmailNotify_”.PLG_EMAIL_VER);
define(‘PLG_EMAIL_DIR’, PRJ_ROOT_PATH.”plugins/data/installed/”.PLG_EMAIL_TITLE.”/”);
// sender identification, email address – default: taskfreak@yourdomain.com
define(‘PLG_EMAIL_FROM’, “task@rosianerocha.co.cc”);
// sender identification, name – default: TaskFreak! Management System
define(‘PLG_EMAIL_FROM_NAME’, “TaskFreak! Management System”);
// main recipient identification – default: taskfreak@yourdomain.com
define(‘PLG_EMAIL_TO’, “task@rosianerocha.co.cc”);
// recipients invisible to each other – if set to false PLG_EMAIL_TO is ignored
define(‘PLG_EMAIL_BCC’, false);
// user who triggered the notification will receive the email
define(‘PLG_EMAIL_USER’, false);
// only owner of the task will receive the email & the author if PLG_EMAIL_USER set to true
define(‘PLG_EMAIL_OWNER_ONLY’, true);
// override global settings and send emails to people based on their position in the project
define(‘PLG_EMAIL_BY_POSITION’, false);  // PLG_EMAIL_OWNER_ONLY disables this setting, set it to false
// setting for PLG_EMAIL_BY_POSITION, which positions will receive emails
define(‘PLG_EMAIL_POSITIONS’, “2,3,4,5″);  // 1 – visitor, 2 – official, 3 – member, 4 – moderator, 5 – leader
// Swift sending options – for other settings edit Notify.php (SSL, TLS, Auth)
define(‘PLG_EMAIL_SWIFT’, “phpmail”);  // smtp, sendmail or phpmail
// Sendmail path – this is the default location on most linux systems
define(‘PLG_EMAIL_SENDMAIL’, “/usr/sbin/sendmail -bs”);
// SMTP server – required only if PLG_EMAIL_SWIFT is set to smtp
define(‘PLG_EMAIL_SERVER’, “mail.rosianerocha.co.cc”);
// SMTP server timeout – sometimes required for anti-spam delays
define(‘PLG_EMAIL_SERVER_TIMEOUT’, 30);
// if your SMTP server requires authentification set PLG_EMAIL_SERVER_AUTH to true
define(‘PLG_EMAIL_SERVER_AUTH’, true);
define(‘PLG_EMAIL_SERVER_USER’, “task@rosianerocha.co.cc”);
define(‘PLG_EMAIL_SERVER_PASS’, “12345678″);
// no recipients error – if you want to be notified about no recipients
define(‘PLG_EMAIL_NO_RCP’, true);  // false for silent
// debug mode – will echo out all email info instead of sending
define(‘PLG_EMAIL_DEBUG’, false);
// just to make sure u’ve read all the options – please set to true
define(‘PLG_EMAIL_ENABLED’, true);
# ~~~ EMAIL NOTIFICATION PLUGIN SETTINGS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #

Caso apareça um erro PLG_EMAIL_ENABLE, altere o arquivo /plugins/data/installed/EmailNotify_0.1.7/modify/include/config.php setando true para a variável PLG_EMAIL_ENABLE. Em seguida vá até a página www.meutask.com.br/plugins.php, por exemplo, e atualize o plugin e-mailnotify.

É isso :)

 

 

 

 

Espelhar imagem no photoshop

Em alguns momento é preciso espelhar uma imagem no photoshop. Veja como é simples:

 

“Startar” wamp ao inicializar o windows

Se torna muito mais prático se ao ligar o computador o wamp já vier “startado”, para isso:

  • Clique  em ‘Iniciar’->’Executar’  e digite  ‘regedit’
  • Nas pastinha no lado esquerdo localize HKey_Current_User>Software>Microsoft>Windows->cureentVersion>Run
  • Dentro da pasta ‘Run’, do lado direito, clique com o botão direito do mouse ‘Novo’->’Valor de seqüência’
  • Coloque o  nome ‘Wamp’ e depois dê dois cliques em cima de ‘Wamp’ e no campo ‘Dados do valor’  digita e ‘C:\wamp\wampmanager.exe’

 

Prontinho, basta reiniciar o computador :)

Integração do CKEditor com o CKFinder (upload de imagens)

Estava pesquisando na internet a fim de conhecer melhor o  CKFinder e encontrei esse blog, http://www.fonini.net/blog/integracao-do-ckeditor-com-o-ckfinder-upload-de-imagens, que explica perfeitamente e me ajudou muito :)

Segue abaixo o conteúdo do post do blog:

“O CKFinder permite que você faça upload de imagens e outros arquivos, inserindo-os no CKEditor. Também fornece uma página, onde é possível navegar entre os arquivos escolhidos e alterar várias opções.

O objetivo deste post é ensinar como integrar o CKEditor com o CKFinder.

Baixe o CKEditor e extraia em alguma pasta.
Baixe o CKFinder e extraia dentro da pasta que você extraiu o CKEditor. Eu estou usando a versão para PHP

Agora, vá até a pasta do CKFinder e edite o arquivo “config.php”. A primeira função do arquivo, CheckAuthentication(), deve retornar true para que você possa acessar o painel do CKFinder. Porém, se ela sempre retornar true, qualquer um poderá acessar e modificar suas imagens. A solução, no meu caso, foi usar a própria sessão do usuário para autenticar no CKFinder. Mais ou menos assim:

1 function CheckAuthentication() {
2     if (!empty($_SESSION['usuario']))
3         return true;
4     return false;
5 }

Para anexar o CKFinder com o CKEditor temos duas opções: no próprio arquivo (HTML, PHP) que vai conter o editor ou no arquivo de configuração do CKEditor, config.js.

No caso de configurar no próprio código:

1 CKEDITOR.replace( 'editor',{
2     filebrowserBrowseUrl : 'ckeditor/ckfinder/ckfinder.html',
3     filebrowserImageBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?type=Images',
4     filebrowserFlashBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?type=Flash',
5     filebrowserUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
6     filebrowserImageUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
7     filebrowserFlashUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
8 }
9 ;) ;

Usando o config.js da pasta do CKEditor:

1 CKEDITOR.editorConfig = function( config ){
2     config.filebrowserBrowseUrl = 'ckeditor/ckfinder/ckfinder.html',
3     config.filebrowserImageBrowseUrl = 'ckeditor/ckfinder/ckfinder.html?type=Images',
4     config.filebrowserFlashBrowseUrl = 'ckeditor/ckfinder/ckfinder.html?type=Flash',
5     config.filebrowserUploadUrl = 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
6     config.filebrowserImageUploadUrl = 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
7     config.filebrowserFlashUploadUrl = 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
8 };

O sistema está pronto. Na configuração padrão, o CKFinder armazena as imagens do upload na raíz do servidor, pasta ckfinder/userfiles/. Essa pasta deve ter permissão 777 para que funcione corretamente. Esse caminho pode ser mudado no arquivo “config.php” da pasta do CKFinder.

Após a instalação, o CKFinder fica disponível no botão “Figura” do CKEditor. Clicando nesse botão e indo até a aba “Submeter”, você poderá realizar o upload das suas imagens. Clicando em “Localizar no servidor”, você poderá usar as imagens já upadas.”

 

MySQL Workbench – Modelagem de banco de dados com engenharia reversa

MySQL Workbench é uma ferramenta gráfica para modelagem de dados que possibilita  realizar a engenharia reversa de esquemas do banco de dados, bem como gerar todos os scripts em SQL.

Antes de instalar o MySQL Workbench é preciso instalar o Microsoft .NET Framework 4 Client Profile. O download pode ser feito no site http://www.microsoft.com/downloads/details.aspx?familyid=5765d7a8-7722-4888-a970-ac39b33fd8ab&displaylang=pt-br.

Após instalado basta fazer  o download do MySQL Workbench, http://www.mysql.com/downloads/installer/, e instalá-lo.

 

Para fazer a engenharia reversa basta clicar em Database->Reverse Engeneer, como na imagem abaixo


Essa opção serve para quando não temos nenhuma tabela do banco modelada

 

No caso que eu vou mostrar abaixo, eu já tenho algumas tabelas modeladas, mas nem todas. Siga as imagens:

Prontinho!

Recortar imagem transparente

As vezes é preciso ter um fundo com transparência em um site, e quando vamos cortar no photoshop, a imagem perde a transparência. As imagens abaixo mostram como cortar corretamente:



 

janeiro 6, 2012 Sem categoria 0 Comments

Exibir posts do Twitter no Facebook

Para exibir post do Twitter no facebook é preciso ter uma página.  Pode ser uma página de empresa ou de perfil mesmo.

Para criar uma página do seu perfil, clique em Criar página no rodapé do facebook.

Pesquise e clique no aplicativo Tweets To Pages

Siga os passos conforme as imagens abaixo:

 

 

 

 

Arredondar canto de imagem

Passo 1: Com a imagem aberta no photoshop, clique na ferramenta Retângulo Arredondado

Passo 2: Crie o retangulo em cima da imagem

Passo 3:  Coloque a camada da imagem  em cima por cima da camada do retângulo. Clique com botão direito na camada da imagem e selecione a opção “Ativar máscara de camada”.Pro

Prontinho! A imagem ficou com os cantos arredondados :)

Não deixar copiar texto do site

Para que não seja poss[ível copiar o texto do seu site basta colocar esses dois eventos na tag <BODY> da sua página:

OnSelectstart="return false" OnContextMenu="return false"

Para funcionar no Firefox:

<style>
body{
-moz-user-select: none;
-moz-user-focus:ignore;
-moz-user-input:disabled;
}
</style>