∞ Sugoi Tutoriais

Bom gente , pra esse tutorial existir foi preciso usar o código da site Cor Seletiva ele foi retirado do tema Skyscraper que foi disponibilizado pelo site. Clique em mais informações para conferir o tutorial.

Oi gente bom depois de uma semana eu estou de volta e vai ser assim por um bom tempo e agora o Sugoi tem mais uma colaboradora que é a Lorrayne, ela vi fazer um post se apresentando. Então sobre o código os créditos são para o blog Sweerness Designs -Mayara Pescovic e para ter acesso a ele siga essas regras clique aqui para ir ao blog.

  Olá Pessoas Divas , Hoje vim Aqui postar o efeito Grayscale mais conhecido como preto & branco .. serve para wordpress & Blogger ou Até tumblr .. Blogger :  1.   Vá até editar HTML e procure por ]]></b:skin>. Acima da tag, cole o seguinte:  Wordpress : 1. Vá Em Style.css é cole o código seguinte :   mg:hover {-webkit-transition-duration: .50s;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);} img {-webkit-transition-duration: .50s; opacity:0.99;-moz-opacity: 0.99;filter: alpha(opacity=99);}  é puf o efeito aparecera nas suas imagens é isso beijos até  +Nós Acompanhe Pelas Redes Sociais : TWITTER - FACEBOOK - FLICKR  

  Olá Amores , estavam com saudades de mim ? Rs , então criei um twitter do meu fansite se poderem seguir é curtir a página no facebook :) Twitter | Facebook | NÓS SIGA Estou trazendo 2 efeitos diferentes para vocês pegarem é comentarem agora que tem 2 formas , quero muitos comments viu ? :)     Clique nas miniaturas para pegar o pack :)  até o proximo post é para tirar duvidas ask.fm/ruanquestions é isso beijos é bom domingo.

Oi gente , desculpa pela desatualização no blog , é que eu estou trabalhando e estudando e não tenho tempo pra postar durante a semana e eu vou postar apenas nos finais de semana e minha irmã vai postar durante a semana e é isso . Clique  aqui para ver o tutorial feito por Elaine Gaspareto . Créditos : Elaine Gaspareto

Oi gente , bom esse menu está sendo usado por bastante gente certo ! e então eu decidi postar aqui como faz para usar ele no blogger os códigos é do site Handy Html confiram :   MEU RESULTADO

Os que visitam o site {perfeito} Crazy Productions devem conhecer esse blog , eu nunca usei os temas que são disponibilizados mais devem ser bem legais então confiram o blog clicando aqui .

Hi Guys , Hoje vim trazer o link do meu colourslove , onde posto paletas,cores,patterns e etc é isso mas o que eu mais gosto é as paletas , acho que ia ajudar muita gente é isso , beijos é comentem aqui se gostarem uhul :D | CONFIRA AS PALETAS  | ME-SIGA | SIGA-SUGOI | CURTA

Olá Gente , tava sumidinho risos , fiz um pack faz ja um tempinho , hoje vim aqui postar pra vocês acho que tem uns 15 styles muito bom , espero que gostem é bom uso até a proxima seus liemdos <3 | DESCARGA | ME-SIGA | SIGA-SUGOI | CURTA

Bom gente como pediram esse tutorial lá na ask eu decidi postar esse tutorial pertence ao Tumblr HTLM STREW então todos os créditos para eles. Confiram : 1 - Vá em Modelo > Editar Html e procure por ]]></b:skin> e cole esse código antes da ta procurada. /*** efeito back por htmlstrew ***/ @-webkit-keyframes pulse {0% { -webkit-transform: scale(1); }50% { -webkit-transform: scale(1.1); }100% { -webkit-transform: scale(1); }} .moddib {background: url('SUA IMAGEM AQUI'); height: alturapx; width: largurapx; display: inline-block; -webkit-transition-duration: 0.5s; margin-left:10px;} .moddib:hover {background-position: right; -webkit-animation: pulse 1s;-moz-animation: pulse 1s;-ms-animation: pulse 1s; -webkit-transition-duration: 0.5s; } 2 - E coloque esse código a onde você quer que apareça: <div class="moddib"><a href="SEU URL"><img src="SUA IMAGEM TRANSPARENTE DO MESMO TAMANHO QUE A DO CÓDIGO" /></a>...

Bom gente , eu procurei alguns psds no tumblr e achei esses que estão sendo bastante usados em quase tudo , mais eu separei por um só artista e toda segunda vamos postar um " especial " de psds para imagens de um artista então hoje é dia de Cher Lloyd ! confiram :

{Leiam o livro A seleção < muito bom >} Oi gente , procurei alguns patterns no DeviantArt e encontrei esse bem legais e alguns dotted {desenhos pontilhados ou " rabiscos "} cliquem em mais informações para conferir os resource. 

Oi gente bom eu achei esses dois packs no site Design Bolts e decidir postar confiram :

Esse tutorial pediram no Aks, e eu decidi postar também é bem simples esse menu é mesmo do tutorial de menu hover no blogger confiram: 1 - Vá em Aparência > Editar Modelo > Style.css e cole esse código : menu { font-family: Verdana; letter-spacing: 2px; font-size: 10px; line-height: 13px; display: inline-block; background:#F3F3F3; color:#000; width: auto; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; border-bottom: 2px solid #FF99CC; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } menu:hover { font-family:Verdana; letter-spacing: 2px; font-size: 10px; line-height: 13px; display: inline-block; background: #000; color:#fff; width: auto; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; border-bottom: 5px solid #00CCFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } 2 - E para usar vá em header.php e cole esse código : <a href="LINK" title=...

Bom gente eu vi esse blockquote sendo usado em muito blogs/sites é a mesma processo de como colocar a imagem da largura do post que já foi postado aqui. Bom é muito simples então confira abaixo o tutorial: 1 - Vá em Modelo> Editar Html > e procure por ]]> e cole esse código: blockquote { background:#f0f0f0; /*Cor do fundo*/ color:#9a9898; /*Cor da fonte*/ border: 0; /* borda na imagem em zero, não altere */ margin: 0 -30px 0 -10px; /* margem da direita e esquerda, altere se necessário */ padding: 5px; /* espaço entre margens e imagem, não altere */ width:610px; /* tamanho máximo da imagem, altere se necessário */ } Mude as cores que você deseja e mude somente a largura do mesmo tamanho que a area do post do seu blog. E para usar só usar o parágrafo [citação]. Tutorial feito por : Sugoi Tutoriais.

Oi gente , bom essa nova versão do sugoi é pra comemorar os 2 anos online , eu fiz essa versão bem rápido porque eu não estava aguentando mais a outra >.