14/11/2012

Efeito degradê no Blog + Resultado da Enquete


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:


Gostaram do Efeito? Então clica em Leia Mais pra conferir:
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{
margin:10px auto;
padding:5px;
margin-left: 10px;
margin-right: 10px;
text-align:justify; /*Alinhamento do texto*/
background: #COR;}
Agora, como disse anteriormente, você deve substituir a parte destacada, pelo código do efeito degradê. ficará assim:

.post blockquote{
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;}
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 *-*


A maioria das pessoas, votaram que seria Ótimo uma equipe no Blog, e que se inscreveriam para disputa de uma vaga. Bom, como aqui a voz do povo é a voz de DEUS, eu abrirei sim vagas para a equipe do Blog, porém, antes preciso organizar tudo para que nada saia dos conformes, ok? Preparem-se pois em breve postarei tudo sobre as vagas para novos postadores (a) aqui no blog. Bom, por hoje, é isso mesmo. Tava devendo uma postagem recheada assim não é? HEHE Aproveitem bastante o feriado, certo? Até mais :)
 PS: Os comentários da postagem anterior serão retribuídos amanhã, no feriado õ/

25 comentários:

  1. Ótimo tutorial! Muito lindo o resultado! Beijos.

    garotaestranha-oficial.blogspot.com.br

    ResponderExcluir
  2. Acho lindo esse degrade saliente u.u,
    se abrir as vagas pode deixar que eu participo!

    Meu Segredo Oficial.

    ResponderExcluir
  3. 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'
    Cara, 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

    ResponderExcluir
  4. Eu adoro esse efeito Alex, mega original! Eu talvez use aí em algum layout dessa vida rsrs'
    Aiin' 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

    ResponderExcluir
  5. Super legal *u*
    Gostei

    gostinhoporsuicidio.blogspot.com

    ResponderExcluir
  6. O tuto é muito útil ,nossa seu blog é super hiper mega lindo ! me apaixonei.

    algodaodoceteen.blogspot.com.br

    ResponderExcluir
  7. Que massa, salvei nos favoritos!

    Bjs, bjs ;*
    jaguarsedictions.blogspot.com

    ResponderExcluir
  8. AMO esse tipo de efeito *----* Só não uso muito pois acho que não combina muito com o meu layout :c

    Mas enfim, amei de paixão seu blog! *u*
    Layout inovador e super original! OMG seguindo agora u_u

    Kawaii-cakepop

    ResponderExcluir
  9. Poxa, super facil esse tutorial, e muito útil! E eu votei em "Otima ideia! Eu me inscreveria!" *u*

    the-zombieworld.blogspot.com
    Becky Nunes/ Andy Assis

    ResponderExcluir
  10. 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
    xoxo ;*
    mustaches.tk

    ResponderExcluir
  11. Ó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.
    Beijos
    Mrs. Inglaterra
    ~ Coffee in Paris ~(Clica no perfil)

    ResponderExcluir
  12. Não conhecia o efeito, mas amei ! Ele é lindo, e bem diferente do que estamos acostumados ^^
    Amei seu blog amr, é muito lindo aqui ! *--*
    Obrigada pela visita! ♥

    Beijinhos~~> Unicorns of Plush

    ResponderExcluir
  13. O efeito é Muito Bom!
    Um Ótimo resultado Na enquete!
    De Garota & Ninguem me Entenderia Beijos e Ate Mais '3'
    ~~>Joyce Comentou

    ResponderExcluir
  14. Gostei do tutorial! Gostei mt do seu blog tbm XD Tô seguindo amore! Se puder, faça uma visitinha no meu blog :3

    Beijos:*
    pequena-julieta.blogspot.com
    Viste@

    ResponderExcluir
  15. 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...
    Bom, 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

    ResponderExcluir
  16. Adorei o tutorial e o layout , nossa quanto tempo que não vinha aqui nesse blog perfeito *-*

    Kiss mundo-teens-mt.blogspot.com.br

    ResponderExcluir
  17. 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.
    the-zombie-attack.blogspot.com

    ResponderExcluir
  18. Olá, desculpa incomoda.
    Prazer, 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/

    ResponderExcluir
  19. Olá, desculpa incomoda.
    Prazer, 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/

    ResponderExcluir
  20. Ah, mt legal esse tutorial, gostei demais ;D

    E 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/

    ResponderExcluir
  21. Nossa, é meio que complicado rsrs'.

    Já 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! ^^

    ResponderExcluir
  22. amei! salvei o tuto nos favoritos!

    que blog lindo!

    Adolescente nerd // blog no perfil

    ResponderExcluir
  23. Adoro esse efeito, mas não sabia fazer. Agora sei ^^
    Bjs!!!

    ResponderExcluir