Olá gente, como vão? Como prometido, hoje eu trouxe um Tutorial para vocês, esse foi bem pedido principalmente na minha Ask. Além do Tutorial, trouxe o resultado da enquete que coloquei no blog pra decidirmos juntos se eu deveria abrir vagas para postadores aqui no Blog.Bom, o Tutorial é o efeito degradê no Blog. Vejam alguns exemplos abaixo:
Bom, o código não é nenhum bicho de sete cabeças, basta ler com atenção. Para aplicar o efeito é usado um código só, a diferença é que esse código é usado pra fazer coisas diferentes. Por exemplo, o código do efeito degradê é o mesmo nos dois tutoriais acima, a única diferença é que eu usei dois tutoriais diferentes, um de barra de rolagem personalizada e o outro de Título dos gadgets personalizados. Bom, o código do efeito é esse:
background:-webkit-gradient (linear, left top, left bottom, color-stop(0.05, #COR1), color-stop(1, #COR2) );
background:-moz-linear-gradient( center top, #COR1 5%, #COR2100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#COR1', endColorstr='#COR2');
background-color:#COR1;
Pronto, sabendo esse código você poderá aplicar o efeito em qualquer tutorial. Basta substituir a parte de qualquer tutorial que tiver:
background: #COR
Pelo código do efeito acima. Por exemplo, no Tutorial de Blockquote tirado daqui do blog:
.post blockquote{Agora, como disse anteriormente, você deve substituir a parte destacada, pelo código do efeito degradê. ficará assim:
margin:10px auto;
padding:5px;
margin-left: 10px;
margin-right: 10px;
text-align:justify; /*Alinhamento do texto*/
background: #COR;}
.post blockquote{Fácil não é? Se usarem qualquer um dos códigos, por favor, deem os devidos créditos ao blog ok? Bom, agora vamos ao resultado da enquete que iria decidir se eu ia ou não abrir uma equipe aqui no Blog. Ansiosos? Vejam o resultado na imagem abaixo *-*
margin:10px auto;
padding:5px;
margin-left: 10px;
margin-right: 10px;
text-align:justify; /*Alinhamento do texto*/
background:-webkit-gradient (linear, left top, left bottom, color-stop(0.05, #COR1), color-stop(1, #COR2) );background:-moz-linear-gradient( center top, #COR1 5%, #COR2100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#COR1', endColorstr='#COR2');background-color:#COR1;}
PS: Os comentários da postagem anterior serão retribuídos amanhã, no feriado õ/
Ótimo tutorial! Muito lindo o resultado! Beijos. ♥
ResponderExcluirgarotaestranha-oficial.blogspot.com.br
Acho lindo esse degrade saliente u.u,
ResponderExcluirse abrir as vagas pode deixar que eu participo!
Meu Segredo Oficial.
Amei o tutorial. Uma hora vou tentar fazer lá no Cf. ^^ E que bom que você vai abrir vagas para equipe *--* Boa sorte a todos que se inscreverem. :D'
ResponderExcluirCara, eu amei o layout do seu blog *o* e pelo que eu vi, foi você que criou, então eu queria perguntar: você faz um layout pra mim ? ><' É que eu achei muito lindo esse do POM e queria um pois ontem o CF completou 2 meses. *-* E aí, o que me diz ? Por favor. >-< Se caso não der, eu entendo :/
Torcendo e aguardando resposta (yn' sz'
Beijão. Feê :3
cookiefashion.blogspot.com
Eu adoro esse efeito Alex, mega original! Eu talvez use aí em algum layout dessa vida rsrs'
ResponderExcluirAiin' que legal que você vai abrir vagas, não sei mas provavelmente irei me inscrever, seria mais que uma honra concorda?
Nhaaaac :3 | Bom feriado;] | viciadasemcupcake.blogspot.com.br
Super legal *u*
ResponderExcluirGostei
gostinhoporsuicidio.blogspot.com
O tuto é muito útil ,nossa seu blog é super hiper mega lindo ! me apaixonei.
ResponderExcluiralgodaodoceteen.blogspot.com.br
Que massa, salvei nos favoritos!
ResponderExcluirBjs, bjs ;*
jaguarsedictions.blogspot.com
Aii, eu que pedi esse tuto >.< Vllw!
ResponderExcluirAMO esse tipo de efeito *----* Só não uso muito pois acho que não combina muito com o meu layout :c
ResponderExcluirMas enfim, amei de paixão seu blog! *u*
Layout inovador e super original! OMG seguindo agora u_u
Kawaii-cakepop
Poxa, super facil esse tutorial, e muito útil! E eu votei em "Otima ideia! Eu me inscreveria!" *u*
ResponderExcluirthe-zombieworld.blogspot.com
Becky Nunes/ Andy Assis
Eu super amei o seu blog, assim, todo no degrade tá super diferente e original hein, parabéns. Ah, eu votei em deixar como tá né, eheheh. Mas ok, espero que dê certo <3
ResponderExcluirxoxo ;*
mustaches.tk
Ótimo tutorial. Já coloquei os créditos pelos menus lá no blog ok? Está na página de créditos que está sendo indicado no ultimo gadget do blog.
ResponderExcluirBeijos
Mrs. Inglaterra
~ Coffee in Paris ~(Clica no perfil)
Não conhecia o efeito, mas amei ! Ele é lindo, e bem diferente do que estamos acostumados ^^
ResponderExcluirAmei seu blog amr, é muito lindo aqui ! *--*
Obrigada pela visita! ♥
Beijinhos~~> Unicorns of Plush
O efeito é Muito Bom!
ResponderExcluirUm Ótimo resultado Na enquete!
De Garota & Ninguem me Entenderia Beijos e Ate Mais '3'
~~>Joyce Comentou
Gostei do tutorial! Gostei mt do seu blog tbm XD Tô seguindo amore! Se puder, faça uma visitinha no meu blog :3
ResponderExcluirBeijos:*
pequena-julieta.blogspot.com
Viste@
Gosto muito do seu blog com você no comando, mas também acho que seria interessante colocar uma equipe, afinal é uma mão na roda, porque você não precisa ficar o tempo todo se preocupando em não deixar o blog desatualizado já que muitas vezes surgem alguns imprevistos...
ResponderExcluirBom, acho que vai ser legal, e tô doida pra conhecer essa equipe *o*
Esse efeito é lindo, nunca tinha visto outro blog ensinando *o*
Beijão ;)
Lnfinito.tk
Adorei o tutorial e o layout , nossa quanto tempo que não vinha aqui nesse blog perfeito *-*
ResponderExcluirKiss mundo-teens-mt.blogspot.com.br
Acho lindo esse efeito em degradê que você colocou aqui no POM. E não parece ser tão difícil assim de fazer, basta ter atenção, como você disse no comecinho do tutorial. Acho que você comanda muito bem o blog sozinho, mas talvez uma equipe seria bem legal para deixar tudo atualizado e até mais ajudar em algumas tarefas. Adorei a postagem! Um beijo, Luly.
ResponderExcluirthe-zombie-attack.blogspot.com
Olá, desculpa incomoda.
ResponderExcluirPrazer, meu nome e Pedro (:
Uma amiga indicou seu blog e achei de mais aqui ... Super da Hora. Parabéns mesmo pelo blog.
int, tou começando meu primeiro blog junto com uma amiga. Seria muito pedir para que você visita-se e fala-se o que achou ? se gostou segue, smp e duro começa o primeiro blog e tou perdidinho. A url vou deixa logo embaixo e espero que vc goste.
http://depoisdaadolescencia.blogspot.com.br/
Ah, mt legal esse tutorial, gostei demais ;D
ResponderExcluirE sobre a enquente, nem conhecia seu blog, ai nem votei, mais vou dar minha opnião... É sempre bom fazer uma equipe, é interessante, e o blog fica bem atualizado.
Seguindo aqui ;D
http://www.blogmeninamulher.com/
Nossa, é meio que complicado rsrs'.
ResponderExcluirJá conhecia o efeito - e acho-o muito criativo - mas nunca cheguei a utilizar ou a entender bem o código.
Gostei do post, talvez use em layouts próximos! :D
Bjoos! ^^
amei! salvei o tuto nos favoritos!
ResponderExcluirque blog lindo!
Adolescente nerd // blog no perfil
Adoro esse efeito, mas não sabia fazer. Agora sei ^^
ResponderExcluirBjs!!!
aonde eu coloco o codigo?
ResponderExcluir