Mostrando postagens com marcador Internet. Mostrar todas as postagens
Mostrando postagens com marcador Internet. Mostrar todas as postagens
segunda-feira, 27 de outubro de 2008

Estilizando recados do Orkut (Parte 1)

Diz aí galera!

Introdução

O tutorial de hoje é pequeno e simples, porém bastante eficaz. Ensinarei 3 truques para recados do Orkut: aumentando e diminuindo o texto, colocando qualquer cor, criando fundos coloridos e muito mais.

O primeiro tutorial dos 3 é "Aumentando e diminuindo textos no recado do Orkut". O tutorial é muito fácil, e com ele é possível você criar um texto com quase o tamanho da caixa de recados, como também criar um texto que só aquele seu primo nerd de quatro olhos pode ler.

Informações
Programa utilizado:
Nenhum
Subcategoria: Estilização
Nível de dificuldade: Fácil

Tutorial 1

Estilizando o texto: aumentando e diminuindo, alterando cor e fonte...

1. Comece copiando o código abaixo:

<p style="font-size: 146px; color: red; font-family: 'Times New Roman'; "><i>EU TE AMO</i></p>


Se quiser, você pode colocar uma letra abaixo da outra, ou melhor, eis o código:

<p style="font-size: 1000px; color: red; font-family: 'Times New Roman'; "><i>E
U

T
E

A
M
O</i></p>


Obs: Se você conhece um pouco sobre CSS você pode alterar a fonte facilmente. Caso queira alterar a cor para uma cor de seu gosto, clique aqui.

2. Cole-o no local onde você escreve seus recados. E finalize clicando em "enviar recado". Ou se preferir visualize antes!

3. Para diminui-la é só alterar o "font-size":

<p style="font-size: 8px; color: red; font-family: 'Times New Roman'; "><i>EU TE AMO</i></p>



Flw!


Original de: Tuto de Tudo
Se caso você viu este post em outro blog, site, etc sem seus devidos créditos. Denuncie-o clicando aqui.

sábado, 18 de outubro de 2008

Retirando sublinhado de links

Prometo que esse é o último de hoje...kkkkkk!

Introdução

Neste tutorial ensinarei uma técnica muito simples e talvez muito útil para um simples administrador de blog, site, etc.
O sublinhado dos links chega até ser um incômodo em certos momentos. Também pode até ser por motivo de vaidade, ou até por motivo de visualização. E com a ajuda da CSS (Cascading Style Sheets) resolveremos isso num "piscar de olhos".

Informações

Programa utilizado: Nenhum
Subcategoria: Links/Botões
Nível de dificuldade:
Super Fácil

Tutorial

1. Caso esteja no Blogger, comece indo ao "Editor HTML" do seu blog. Por motivos de segurança, baixe o modelo completo do seu template.

2. Pressione CTRL + F na página do Editor HTML do seu blog e cole a seguinte chave na barra de procura:

a{


3. Cole o seguinte comando dentro dessa chave:

text-decoration: none;


4. Muitas vezes, também o link no estado "sobre" recebe o sublinhado, então procure também pela chave:

a:hover {


E cole o mesmo código.



1. Mas se caso esteja em um simples editor de sites, cole o código a seguir:

<style type="text/css">

a {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

</style>


Facinho, né?!
Flw!



Original de: Tuto de Tudo
Se caso você viu este post em outro blog, site, etc sem seus devidos créditos. Denuncie-o clicando aqui.

sexta-feira, 26 de setembro de 2008

Jogos para o final de semana

Olá galera. Mais uma postagem rápida pra não passar em branco... kkkkkkkk!

Introdução

img_artigo1Até que enfim, heim? Chegou a tão esperada sexta-feira, a mesma que marca o ínicio do final de semana. E quando falamos de final de semana, falamos de diversão e vagabundagem. Então, não existe coisa mais divertida e vagabunda que JOGOS! E principalmente se for aqueles gratuitos da internet.

Ora, não podemos dizer que esses "joguinhos" em flash são tão divertidos, mas que dá para se divertir, isso dá. E atraves desta postagem farei uma breve e pequena descrição com os melhores jogos para passar o tempo e colocar em extinção o tédio!

 
 
 


Enfim, os jogos

1 - Billiards (Multiplayer Online)

img_artigo2Este jogo, pode ser sim chamado de um jogo super divertido. Isso porque, além dele ser online, pode ser jogado com várias pessoas reais do Mundo todo. Além de ser gratuito, ele possui um rápido cadastro sem a necessidade de verificação de e-mail e sem burocracia. Haha, eu sou um viciado nesse jogo, caso queira jogar comigo algum dia, só para perder (hehe), basta procurar na barra de procura do jogo (não, na do seu browser, dããñn) pelo o e-mail ramon_davi@hotmail.com e ele te retornará com a sala que eu estou.
 
 
 
 
2 - Raft Wars

img_artigo3Um jogo simples, viciante e engraçado. Essas são só três palavras, das quais podemos caracterizar este jogo. O objetivo deste jogo é simples: você irá combater com seus adversários e tentar derruba-los de suas navegações. Mas cuidado, poderá acontecer de você cair primeiro. Ao decorrer do jogo, você poderá aprimorar sua armação e melhorar sua defesa, gastando o dinheiro ganho a cada fase completada.

 
 
 
 
 
3 - Four Second Firestorm

img_artigo4Um jogo totalmente viciante, nele, é reunido mais de 175 mini-jogos. E cada mini-jogo com seu objetivo. Mas o objetivo principal desse jogo é praticar ações em menos de quatro segundos, caso contrário você perderá uma vida. Entre esses mini-games existe de tudo, ou seja, não fique surpreso quando você tiver que encher um pneu de carro. E isso tudo acompanhado de uma trilha sonora hilária! Um ponto negativo deste jogo é a demora para o preenchimento do carregamento, mas é uma demora que valerá apena. E também não se preocupe com isso, até mesmo no carregamento do jogo tem o mini-jogo para você jogar.
 
 
4 - Bloxorz

img_artigo5Esse é mais um daqueles jogos que é desafio é desafiar você mesmo. O objetivo é simples: você terá que levar o bloco até o buraco, sem que ele caia pelas bordas da plataforma.
 
 
 
 
 
 
 
 
 
 
 
5 - The Worlds Hardest Games

img_artigo6Se você é péssimo no inglês, então não deve saber a tradução desse jogo, a menos que você tenha colado o nome desse jogo no Google Translate (hehe). Mas a sua tradução é: O jogo mais difícil do Mundo. Então não podemos reprimir isso, não acha?! Pois, esse jogo é o mais difícil do Mundo mesmo, pelo meu ponto de vista. Ele é contido de trinta fases, e cada uma mais difícil e desafiante que a outra. Eu já cheguei na fase vinte, depois de ficar cinco horas jogando sem parar. Também está disponível no site do criador a versão dois deste mesmo jogo.



Então é isso aí, espero que tenham gostado dessa breve seleção.


Original de: Tuto de Tudo
Se caso você viu este post em outro blog, site, etc sem seus devidos créditos. Denuncie-o clicando aqui.

domingo, 21 de setembro de 2008

Participação do Emo Day 2008

img_emoday_1

Olá galera!

É com muita EMOção (sem piadinhas) que venho aqui anunciar que o Tuto de Tudo está com sua participação confirmada no Emo Day. E nesse dia, 24 de Setembro, estaremos postando conteúdo adequado para Emos e para quem deseja ser Emo, ou para aquele que é Emo e não se declara Emo. Ou para você que só quer ver o conteúdo Emo... Ahh!! Basta!

E se você deseja participar e quebrar a barreira da descriminação contra os Emos, basta clicar aqui e preencher corretamente o formulário de contato que será enviado ao Nadaver.

Veja os blog's que estão participando dessa campanha:

Nadaver | Buzz | Treta | Fudeu | Juliano Nogueira | Mulheres Intocáveis | Tudo que restou | Controle Remoto | Fatos Inúteis | Roba Hein | Papo de Buteco | Morcego | Infonet | Woolz | FourVoyage | Ela tá de Xico | Capinaremos | Que Tirada | Luz Vermelha | Rebeca Vieira | Mercado Pop | Na Mosca | Intaum, neh… | Folha de Seu Paulo | Bobagento | Hypelândia | Papo-Cabeça | Chip Sangrento | Fester | Zecanet | Batata Rocks | Sem Freio | Que Mario? | Drogaria das Idéias | Seu Estranho | Poste Azul | Triplo Sentido | Manicômio S/A | Isensatotal | Quarto Universitário | Conteúdo Proibido | Criativo de Galochas | Bomba Digital | Mundo Vigarista | Sol Sekisi | Clube dos Internautas | Batalha Naval | Dicas Blogger | Ri de mim | Direção | Leite de Vaca | CrazyD Show | Sem Vagas | Nem dá Nada | Irmão do Jaca | Defeitos Especiais | Speed Racer Go Brazil | +Tech | Vem que vai cair | Três Desocupados | Melhor do Humor | Mega Balaio | O Impressionante | O Crepúsculo | Gangue do Palhaço | Loading 50% | Sem Tempero | O Padre Voador | Peroxas | Usuário Compulsivo | Críticas, Sarcasmo e Humor | Tio Punk | Apê da Yulliah | O Blog que Ninguém Lê | Ignes Elevanium | A Grande Abóbora | Splinter Owned | >>Tuto de Tudo<< | Herzão Downloads | Coisas de Homem | Janela do Quarto

Também o nome do seu blog poderá está nesta lista, é só entrar em contato!

Ah, e não percam! A partir das 00:00 hs do dia 23 para o dia 24 será publicado uma postagem relacionada à Emos!

Flw!

sábado, 16 de agosto de 2008

A internet 0.0 (hehe)

Oi!!! Quase que eu não posto hoje.

Introdução

Se hoje você navega na net e se depara com um site "chinfrim" que o menu é um mapa de imagem (primeiro sinal de noob), os links é a cor dos links padrões do browser (principalmente quando o link é aquele azul-turquesa - padrão do Internet Explorer), as imagens parecem que foram feitas no Microsoft Paint e você morre de rir e fica uma semana zuando o site, principalmente quando é um site ou blog como esse (huahuahuahua... Bilu vai ficar super bravo...kkkk... zoando claro ^^), você vai pensar duas vezes e vai lembrar que esse site é o melhor site feito que você já entrou. Mas por que eu estou falando isso? (aff, pareço um retardado falando comigo mesmo) Isso porque eu irei te mostrar nesse post como eram os sites em 199... e bolinhas. Para mim o pior é o da UOL em 1996.

Então segue abaixo alguns (aff, só coloquei um) sites dos tempos das cavernas, naquele tempo que a sua tataravó tinha uns peitinhos durinhos (hehe, valeu pela frase Carlos, ele é o culpado).

Em 1996...

Uol (na época conhecida como "Universo Online")

e muitos outros sites!

Para visualizar estes sites, acesse: http://web.archive.org

Um breve tutorial para que você ache o site que você deseja ver...

1. Na página principal do site em "The Wayback Machine" logo abaixo coloque o endereço do site desejado, mas não vá tentar colocar o endereço do seu blog, né, dããnnn, porque ele não te enviará nada, você pode colocar por exemplo, endereço de sites conhecidos e bastante antigos, como o endereço da UOL, da Terra, da Microsoft, entre outros.

2. Finalize clicando em "Take Me Back".

3. Na próxima página você verá uma lista organizada respectivamente pelo ano do site e pelo número de paginas possíveis do mesmo. Para visualizar o site em determinado ano basta clicar em algumas das datas que possivelmente é nomeada com a data (dia, mês e ano) da determinada página.

Fácil, né?!


Flw!

Original de: Tuto de Tudo
Se caso você viu este post em outro blog, site, etc sem seus devidos créditos. Denuncie-o clicando aqui.

sábado, 2 de agosto de 2008

Como criar um recado em gif para orkut

Eu denovo! E aproveito para desejar um feliz fim de semana à todos!!!!!

Introdução

Se você ama aquele seu amigo ou amiga e quer por cima de tudo e de todos criar um recado em gif especialmente e exclusivamente para ele e não faz a mínima idéia de como criar um, chega! Você vai aprender a criar um agora mesmo! Só basta você ler o tutorial abaixo (Parece publicidade interativa...huahuahuahua!).

Informações

Programa utilizado: Adobe Photoshop CS3 Extended
Subcategoria: Animação
Idioma do programa:
Inglês (EUA)
Nível de dificuldade:
Intermediário
Resultado final:
Aqui

Tutorial

Obs: Este tutorial só é útil aos usuários do Photoshop CS em diante. Caso contrário a animação só poderá ser feita no Image Ready, que pelo meu ponto de vista é uma merda.

1. Comece abrindo o seu Photoshop (que não existe programa melhor que esse para criar um gif, né, Thales?!). E crie um novo documento, eu lhe indico criar o documento com o tamanho abaixo, que é um dos tamanhos padrões dos recados em gif no Orkut. Mas nada impede que você crie um documento de outro tamanho, isso fica ao seu critério. Para criar um novo documento vá até File > New... (Arquivo > Novo...) ou pressione CTRL + N.

img_tuto1

2. Como de costume, sempre algum recado em gif do orkut tem um fundo ou background de uma paisagem bonita, de um pôr-do-sol, quando é uma frase romântica Quando é de aniversário é uma imagem de balões, ou seja, o fundo é referente ao estilo de recado que você irá enviar. Neste tutorial eu irei criar um ao estilo romântico, então usarei alguma paisagem, um pôr-do-sol etc. Então para achar uma imagem dessas eu te indico o Google Imagens, nele você terá um grande conteúdo de imagens. Utilizarei esta imagem como o fundo:

img_tuto2

Obs: Se caso queira salvar a imagem clique com o botão direito do seu mouse e selecione a opção "Salvar link como...".

3. Agora abra a imagem pressionando CTRL + O e acione a Move Tool (Ferramenta Mover) pressionando a letra V do seu teclado e arraste-a para o documento criado anteriormente.

img_tuto3

img_tuto4

4. Agora com o CTRL pressionado clique sobre a miniatura da layer do nosso trabalho, isso fará que seja criado uma seleção sobre toda a imagem. E vá até Select > Modify > Border... (Seleção > Modificar > Borda...). Também defina como na imagem à seguir:

img_tuto5

Provavelmente seu trabalho estará assim:

img_tuto6

5. Agore pressione CTRL + J para que seja criada uma camada com a borda aplicada. Clique na camada da borda e vá até Layer > Layer Style > Pattern Overlay... (Camada > Estilo de Camada > Sobreposição de padrão...).

img_tuto7

Defina como à seguir:

img_tuto8

Sua borda deverá está assim...

img_tuto9

6. Pressione CTRL + E para que una-se a camada da borda junto à camada da imagem.

7. Agora acione a Horizontal Type Tool (Ferramenta Texto Horizontal) pressionando a tecla T do seu lindo teclado e digite a sua frase ou poema etc, fica ao seu critério. No meu caso eu colei uma frase da internet, nada impede que você possa fazer o mesmo. Para dá um efeito de manuscrito, utilize a fonte "Vivald", como eu fiz. No metódo de Anti-aliasing (Metódo de Suavização de serrilhado) coloque como "Strong" (Bem definida).

8. Se caso queira deixar a letra mais chamativa vá até Layer > Layer Style > Stroke... (Camada > Estilo de Camada > Traçado...) e coloque como na imagem:

img_tuto10

A este momento seu trabalho deverá está assim:

img_tuto11

9. Agora iremos colocar o famossísimo efeito glitter no nosso recado em gif. Então para isso comece pressionando CTRL + SHIFT + ALT + N (Ufa! Tomare que você não tenha 3 dedos!), com isso criaremos uma nova camada e deixe essa camada acima de todas as outras.

10. Se caso a barra "Animation" do seu Photoshop não esteja acessível no ambiente, então vá à Window > Animation (Janela > Animação), logo você notará ela lá embaixo.

img_tuto12

Eis a barra Animation do Photoshop:

img_tuto13

11. Agora começaremos a colocar os glitter's, utilizaremos um pincel para isso, então pressione a letra B do seu teclado para que seja acionada a Brush Tool (Ferramenta Pincel). E selecione o seguinte set de pincéis:

img_tuto16

E o seguinte pincel:

img_tuto17

12. Inicie pressionando o X do seu teclado para que a cor do pincel seja o branco. Agora vá clicando em diversas áreas da imagem para que seja criado o glitter, para diferenciar um pouco vá diminuindo e aumentando o tamanho do pincel, para isso basta apertar o botão ([]) do seu teclado, lembrando que para aumentar o pincel é o colchetes"fecha colchetes" (]) e para diminuir é o "abre colchetes" ([). Veja como está o meu:

img_tuto18

Também você poderá diferenciar "girando" um determinado glitter para determinada posição, tanto esquerda, quanto direita. Para isso é só pressionar CTRL + T para que seja aberta a Free Transform (Transformação Livre) e gire-o. Não esqueça de antes criar uma nova camada com o glitter à ser girado, caso contrário será girado todos os glitter's.

img_tuto19

13. Agora começaremos dá "vida" ao recado, ou seja, começaremos à criar a animação do recado. Então comece criando um novo quadro de animação na barra de animação do seu Photoshop clicando no botão, como o destacado abaixo:

img_tuto20

14. Desta vez criaremos novamente novos glitter's, mas em outros lugares. Para isso comece criando mais uma nova camada pressionando CTRL + SHIFT + ALT + N e clicando em outros lugares limpos (só não "entupa" o trabalho, né...aff!).

img_tuto21

15. Agora clique no quadro 1 da animação e retire a visiblidade (clicando no olhinho ao lado da camada) da última camada criada, volte no quadro 2 e coloque a visibilidade novamente.

16. Agora no quadro 1 clique na "setinha" do quadrado, como na imagem, também basei-se pela imagem para colocar o determinado tempo do quadro. E faça o mesmo no quadro 2, colocando o mesmo tempo de animação.

img_tuto22

17. Para finalizarmos: Salve a imagem indo em File > Save for Web & Devices... (Arquivo > Salvar para a Web e Dispositivos...) ou pressione ALT + SHIFT + CTRL + S, como na imagem...

img_tuto23

18. Na janela que acabou de abrir clique em "Save" (Salvar), sendo assim a sua animação será salva, irá aparece uma mensagem, nela clique em "Ok".

img_tuto24

19. Eis o meu recado:

img_tuto25

20. Agora iremos colocar o recado animado no orkut, então comece hospedando o recado em algum hospedeiro de imagens, não hospede no seu álbum de fotos. Você poderá hospedar nos seguintes sites abaixo:

Image Shack
Picasa da Web
Flickr
entre outros...

21. Depois que o recado for hospedado copie a URL que fica na barra de endereços do seu browser.

img_tuto26

22. Termine colando a URL na caixa de recado da pessoa que você deseja enviar.

img_tuto27

E clique em "enviar recado"!

Flw! E abraços à todos!


Original de: Tuto de Tudo
Se caso você viu este post em outro blog, site, etc sem seus devidos créditos. Denuncie-o clicando aqui.

© 2008
Tuto de Tudo
Todos os direitos reservados.