∞ Sugoi Tutoriais

Postagens

Mostrando postagens de março, 2013

Como colocar senha no Google Chrome

março 31, 2013

1- Abra seu Google Chrome (qualquer versão) 2- Acesse a ' Chrome Web Store ' e na barra de pesquisa digite ' Simple Startup Password ' 3- Depois que achar, instale a extensão no seu Google Chrome . 4- Depois de instalada e ativada. Clique no menu de configurações do navegador. Vá em ' Ferramentas ' e no menu suspenso clique em ' Extensões '.

MAIS INFORMAÇÕES

Photoshop CS5/CS6: Efeito 3D na imagem

março 31, 2013

1- Abra a imagem no seu photoshop CS5/CS6 2- Aperte 'CTRL + J' para duplicar a camada

MAIS INFORMAÇÕES

Menu hover com Borda

março 30, 2013

Oi gente , eu adaptei esse menu hover e coloquei um efeito bem legal , veja o exemplo e confira o tutorial: 1 - Vá em Modelo > Editar HTML e procure por ]]</b:skin> e cole esse código antes:

MAIS INFORMAÇÕES

Base Header

março 28, 2013

Oi gente , bom eu trouxe uma base diferente um base mais legal certo , por favor se você abaixarem comentem não custa nada isso , então é só ! ENJOY *O* Zip contem : Edição do header Edição da foto principal Fontes Usadas e Background separado.

MAIS INFORMAÇÕES

Personalizando Imagens das Postagens

março 25, 2013

Olá gente , bom como pediram resolvi postar , o código é da base da Ana Carolina confiram o tutorial : 1 - Vá em Modelo - Editar Html procure por ]]</b:skin> e cole esse código .post img{ box-shadow: 0px 0px 3px #000000; -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s; -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s; -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s; background: url(http://static.tumblr.com/um2zssm/kftmh7jo5/pack-backgrounds_cherry_bomb_31.gif); background-position: top left; padding: 5px; border: 1px solid #9F8C76; } .post img:hover{ -webkit-filter: grayscale(100%);z-index: -80px; -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, co

MAIS INFORMAÇÕES

Como fazer backup dos seus templates WordPress

março 24, 2013

Então como pediram eu pesquisei e achei esses dois , não testei nenhum deles , duvidas comentem que eu tento resolver. 1 | 2

MAIS INFORMAÇÕES

Tumblr de Icons

março 21, 2013

Não sei se vocês perceberam mais eu gosto de fazer icons então resolvi fazer um tumblr de icons *OO* se quiserem visitar e seguir tranq \o Aqui

MAIS INFORMAÇÕES

Usando Cortininhas no Blog

março 21, 2013

Esse Tutorial eu Achei no blog Menina Princesa confiram : Vá em Modelo --> Editar HTML --> Aperte Ctrl + F e procure por: <body expr:class='"loading" + data:blog.mobileClass'> Abaixo do código encontrado, cole o seguinte código: <div style=" background-image: url('Url Do Background ou Cortininha'); top: 0px; left: 0px; width: 100%; height:40px; z-index: 100;position: fixed;"></div> Troque a Url da imagem pela sua e visualize e salve. Confira algumas cortinhas clicando aqui . Créditos : Menina Princesa

MAIS INFORMAÇÕES

Dica: Fontes

março 21, 2013

Oi gente , então eu resolvi postar essas fontes legais cliquem na imagem pra visitar o site e em mais informações para ver mais.

MAIS INFORMAÇÕES

Ribbons no Titulo da Sidebar

março 17, 2013

Bom como todo mundo usa {porque é bonito} eu decide postar esse tutorial ó do blog Garota Vertigem confiram : 1- Vá em HTML e aperte Ctrl+F e procure por: /* Widgets. Você vai encontrar algo assim: /* Widgets ----------------------------------------------- */ .sidebar .widget { margin: 10px 0; } 2. E no lugar da parte destacada cole o seguinte código: .sidebar h2 { background: url(URL DA RIBBON)no-repeat; color: #XXXXXX; /* COR DA FONTE */ font: italic 18px 'georgia'; /* FONTE */ padding-top: 40px; padding-left: 40px; width: 167px; height: 167px; text-align: left; margin-left: -10px; /* AJEITE ATÉ FICAR NA POSIÇÃO CERTA */ text-shadow: 1px 1px 0 #XXXXXX; /* COR DA SOMBRA DA FONTE*/ 3. O que está destacado é onde você poderá fazer modificações. Provavelmente você terá que modificar quase todo código, pois cada blog tem uma proporção diferente. 5. Onde está URL DA RIBBON você irá colocar a url da imagem de sua ribbon. Tutorial por Garota Ver

MAIS INFORMAÇÕES

Trocando a Sidebar de Lado pelo código

março 17, 2013

Oi gente , então pediram esse tutorial então eu separei de como fazer isso na plataforma Blogger e no Tumblr. Confiram Abaixo : Blogger { Ferramentas Blog } Tumblr { Having Themes }

MAIS INFORMAÇÕES

PNG's/Render's: Ashley Benson

março 16, 2013

Png's/Render's da atriz Ashley Benson encontradas por Sugoi Tutoriais no site DeviantART ...Confiram (clique nas imagens para amplia-las)

MAIS INFORMAÇÕES

Header em PSD: Katy Perry

março 16, 2013

Fiz essa header faz um tempinho. Espero que gostem. (clique na imagem para amplia-la) Download Se usa-la da forma que está não retire os créditos de forma alguma.

MAIS INFORMAÇÕES

Como Colocar Instragam no seu Blog

março 15, 2013

Oi gente eu achei esse tutorial no site Doce Abril e adaptei pra postar aqui confiram : 1 Entre nesse { aqui }s ite e coloque as informações pedidas : {clique na imagem para ampliar} Depois de fazer isso vai gera o código. Copie esse código e vai em Layout > Adicionar um Gadget > HTML/Javascript. Salve e pronto . Duvidas comentem . Créditos: Doce Abril e Sugoi Tutoriais

MAIS INFORMAÇÕES

Efeito Costura no Texto - Photoshop

março 13, 2013

Oi gente eu achei esse vídeo e gostei muito confiram :

MAIS INFORMAÇÕES

Packs : Patterns

março 13, 2013

Hey gente , separei alguns patterns pra você confiram : Para Visitar o site clique nas imagens. Confira mais clicando em mais informações.

MAIS INFORMAÇÕES

Lista : Tutoriais Úteis

março 13, 2013

Hoje eu decide postar alguns tutoriais de customização do blogger então confiram abaixo : Substituir "Postar um comentário" por imagem - Place Fame - Extra Customizar links externos com seletores CSS em blogs do Blogger - HDBlog Customizar area de comentários - CrazyseaWol f Dois Backgrounds no Blog - Cherry Boom

MAIS INFORMAÇÕES

Bruhs Halftone Photoshop

março 11, 2013

Oi gente , então eu amo esses brush e decidi postar pra vocês confiram : créditos | download

MAIS INFORMAÇÕES

Png's/Render's: Emma Watson

março 11, 2013

Confiram abaixo algumas png's/render's da atriz Emma Watson , que encontrei no site DeviantART ...

MAIS INFORMAÇÕES

Colocando Favicon no Wordpress

março 09, 2013

Esse tutorial é super super simples confiram : 1 - Vá em Aparência > Editor > Cabeçalho (header.php) aperte Ctrl+F e procure por : <head> e cole esse código logo apos : <link rel="shortcut icon" href="url do seu icon"> Tutorial feito por Sugoi Tutoriais

MAIS INFORMAÇÕES

Cabeçalho em toda a largura do blog

março 09, 2013

Oi gente , como pediram eu achei esse tutorial no blog da Pepi, confiram: Vá em design > EditarHTM > aperte ctrl + f e procure por : body { font: $(body.font); color: $(body.text.color); background: $(body.background); } agora substitua por : body, html { height: 400 px;margin: 0;padding: 0; }body {background: url(" URL do cabeçalho ") repeat; } html {background: #cor ; } onde está em vermelho deve ser substituído de acordo com seu blog o 400 é a altura onde está escrito url do cabeçalho é o endereço da imagem que vai usar como cabeçalho e #cor é a cor de fundo do resto da pagina Tutorial Feito Por : Blog da Pepi

MAIS INFORMAÇÕES

Photoshop CS5/CS6: Como redimensionar gifs

março 08, 2013

1. No menu superior do seu photoshop clique em ' Arquivo ' depois ' Abrir... ' e selecione o gif 2. Selecione todas as camadas do gif e aperte as teclas ' Alt+Ctrl+I ' (clique na imagem para amplia-la)

MAIS INFORMAÇÕES

Ativando Photoshop CS6 e Download

março 08, 2013

Oi gente eu achei esse tutorial e decidi portar créditos total ao blog FireSlim Clique aqui para fazer o download do CS6 e aqui para conferir o tutorial Créditos : Fire Slim

MAIS INFORMAÇÕES

Sidebar separada

março 07, 2013

Bom gente esse tutorial do blog Sense Of Wonder, se quiserem ver mais modelos clique aqui e confiram o tutorial : Vá em Modelo > Editar HTML e procure ]]</b:skin> e cole esse código acima : .sidebar h2{ text-align: center; background:#1E90FF; color: #ffffff; margin-top: -35px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .sidebar h2:hover{ cursor:Crosshair; color:#696969; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .sidebar .widget { width:100% !important; background:#fff; border-bottom:7px #1E90FF solid; border-radius:0 0 0px 0px; padding:10px; box-shadow: inset 0 0 20px #d8d5d5, 0 0 4px #ccc; } Edite como quiser visualize e salve. Resultado Créditos

MAIS INFORMAÇÕES

Post Separados

março 07, 2013

Oi gente , eu achei esse tutorial e achei muito util confiram : Vá em Design → Editar HTML marque a caixinha 'Expandir modelo de windget' Tecle F3 ou Ctrl+F e procure por: .main-inner .column-center-outer { background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image: none; } Apague todo o código anterior e cole esse no lugar .post-outer { margin: 4px 2px 10px; background:#fff; padding: 20px 10px; } Modifique de acordo com o seu tema visualize e salve. Créditos : Capture Dream Encontrado em : The Dream

MAIS INFORMAÇÕES

Icon Afiliados

março 06, 2013

Oi gente eu fiz 13 icons de afiliados confiram : Icons feitos por Sugoi Tutoriais se usar credite

MAIS INFORMAÇÕES