Alguem sabe me explicar por que tem esse simbolozinho no meio de todas as ilustracoes que eu tento colocar aqui? ;n;Oi, gente linda e maravilhosa <3Quem mais ai esta num mar de desespero por causa do fim do ano? Alem do ENEM no fim de semana, ainda tenho provas e projetos de escola para me preocupar @-@ Esta e uma das razoes de eu estar tao sumida aqui, e a outra e um layout novinho que ando preparando, e mal posso esperar para revelar OwOHoje, trouxe um post com o qual espero ajudar muita gente: alguns @font-face prontos <3 E algo que ajuda bastante, embora conseguir este codigo muitas vezes seja uma tarefa mais demorada e enjoadinha. Escolhi um total de cinco fontes, e, mais para frente, pretendo tambem ensinar algumas das melhores formas de conseguir essa bencao.Para aplicar cada @font-face no seu blog, coloque o codigo do primeiro blockquote acima de <head>.<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script><script src="raleway.cufonfonts.js" type="text/javascript"></script><script type="text/javascript">Cufon.replace('.raleway-light', { fontFamily: 'Raleway Light', hover: true });</script>Para usar:font-family: Raleway Light;<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script><script src="buttercup-sample.cufonfonts.js" type="text/javascript"></script><script type="text/javascript">Cufon.replace('.buttercup-sample', { fontFamily: 'Buttercup Sample', hover: true });</script>Para usar:font-family: Buttercup Sample;<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script><script src="angelface.cufonfonts.js" type="text/javascript"></script><script type="text/javascript">Cufon.replace('.angelface', { fontFamily: 'Angelface', hover: true });</script>Para usar:font-family: Angelface;<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script><script src="bignoodle-titling.cufonfonts.js" type="text/javascript"></script><script type="text/javascript">Cufon.replace('.bignoodletitling', { fontFamily: 'BigNoodleTitling', hover: true });Cufon.replace('.bignoodletitling-oblique', { fontFamily: 'BigNoodleTitling Oblique', hover: true });</script>Para usar:font-family: BigNoodleTitling Oblique;<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script><script src="mission-script.cufonfonts.js" type="text/javascript"></script><script type="text/javascript">Cufon.replace('.mission-script', { fontFamily: 'Mission Script', hover: true });</script>Para usar:font-family: Mission Script;Espero que tenham gostado, e, se quiserem sugerir mais fontes, fiquem a vontade!Abracos! Ola, pessoal!Demorei muito, mas estou de volta (e o meu computador tambem)! Porem nao posso prometer postagens tao frequentes, ja que minhas aulas tambem voltaram. Esse ano fui para o terceiro, tem vestibular... fora que as aulas comecaram a complicar antes do esperado >< De qualquer forma, farei o possivel para atualizar aqui pelo menos uma vez por semana!O tutorial de hoje e o efeito turns, usado atualmente aqui no blog. Nele, temos uma imagem com opacidade baixa que, ao passarmos o mouse, da um giro, fica mais visivel e na forma de um circulo. E bem simples de aplicar, e a edicao e de basicamente duas cores. Espero que gostem ><LIVE PREVIEWNo seu HTML, cole o codigo abaixo acima de ]]></b:skin>:.turns {border: 1px solid #609087; /* cor da borda externa */opacity: 0.5;background-color: #a8bba2; /* cor da borda interna */padding: 5px 5px 5px 5px;margin-top: 2px;margin-bottom: 2px;transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;}.turns:hover {border-radius: 50px;opacity: 0.9;-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);transform: rotate(-360deg);}Altere a cor da borda externa (em negrito) e da interna (em italico).Em seguida, em um gadget de HTML/Javascript, cole:<center><a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="turns" /></a><a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="turns" /></a><a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="turns" /></a><a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="turns" /></a><a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="turns" /></a><a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="turns" /></a></center>Substitua os termos em negrito, e pronto~ recomendo usar uma imagem quadrada, ou nao acontecera o mesmo efeito.Mais uma vez, espero que tenham gostado do tutorial <3 Caso queiram sugerir algum, por favor deixem uma sugestao pelos comentarios (^^)~Abracos! Oi, pessoal!Estou tendo varias ideias referentes ao blog recentemente. Ando tao produtiva,