tag:blogger.com,1999:blog-13437385707430562152024-03-05T07:33:27.988-03:00{{ Karine•in•Júpiter }}Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.comBlogger58125tag:blogger.com,1999:blog-1343738570743056215.post-44506383197654742662012-12-24T01:15:00.000-02:002012-12-24T01:15:55.276-02:00Apenas o tempo..<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOiJd4bYzOUfIHz4YIRvwDsmcVPwspktYOEJu0j6ea_Hz8RV3CLGSh7T3lBCpwKmy-0e7tNGSRfYy7oRb98dZTcXzlm7Q2Cp2GSRZ0FkZsjPFppRwI7qvxYBtQLZnco9fbQQjUp5ek8g/s1600/25889.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="379" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOiJd4bYzOUfIHz4YIRvwDsmcVPwspktYOEJu0j6ea_Hz8RV3CLGSh7T3lBCpwKmy-0e7tNGSRfYy7oRb98dZTcXzlm7Q2Cp2GSRZ0FkZsjPFppRwI7qvxYBtQLZnco9fbQQjUp5ek8g/s640/25889.jpg" width="640" /></a></div>
<big>T</big>udo que é bom acaba, e todos que são bons se vão..pra mim o mundo acabou em novembro, nada será com antes, agora só tenho as lembranças de meu melhor amigo, que são infinitas..
Não consigo pensar em nada e minha inspiração virou pó, não tenho ânimo pra levantar de manhã e nem falar com ninguém, por isso com a ajuda de amigos e pessoas que gosto muito, tenho certeza que vou me recuperar..vou viajar esse final de ano pra tentar amenizar a dor que estou sentindo, que parece que nunca vai passar..é uma dor que apenas o tempo pode curar.<br />
<br />
<div style="text-align: center;">
<u>Agradeço ao meu pai, meu melhor amigo, pelo que sou hoje..e não me arrependo de ter largado tudo pra ficar ao lado dele quando ele mais precisou..</u><br />
<br />
<span style="color: #b4a7d6;">Blog em Hiatus </span></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com0tag:blogger.com,1999:blog-1343738570743056215.post-82214185376311034842012-11-26T22:55:00.000-02:002012-11-26T22:55:08.736-02:00Enfeitar link: Linha ondulada<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44uN10ThhBoTOJoO-WY3qX8gSln22k5svhBwpbMZH5x84QJjqlExqKHCEz9rjflNkbf11tjES459QLQdj7k0oWwbAepHMUZoi3My02tshHQmLnuKhemcm7x6BuW5j4wOLiy0l5pUh4Q/s1600/tumblr_lfcln0mUdQ1qe6uovo1_500_large.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="373" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44uN10ThhBoTOJoO-WY3qX8gSln22k5svhBwpbMZH5x84QJjqlExqKHCEz9rjflNkbf11tjES459QLQdj7k0oWwbAepHMUZoi3My02tshHQmLnuKhemcm7x6BuW5j4wOLiy0l5pUh4Q/s640/tumblr_lfcln0mUdQ1qe6uovo1_500_large.jpg" width="640" /></a></div>
<big> O</big>iie gente hoje foi dia de faxina 'canina' aqui em casa, siiiiim dei banho nas minhas filhas *-* elas ja estavam fedorenas e encardidas coitadas rsrs, quem tem cachorro (<span style="color: #e06666;">que detesta banho</span>) em casa, sabe como é divertido \o/ <strike>amoo</strike>.. Olha que eu trouxe xuxuzinhos uma dica bem bacana e simples para quem gosta de usar efeites de linha nos links, além das linhas tradicionais que vou postar, tem a linha ondulada *-* que é bem bonitinha :3 é essa aqui óh <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8F0wDj5vIyaORqWdAmWV3-qxwXm4xV-erBDk-t_BVwxvB224cMEDUIZQcGIggQ7rNjr-zxkbnxcZ01uColFlJTJF-MOP1E1MmpQZTnQ2I1h0eGX5vQNw-cMGyj36Q0G15jgCP1TwovZg/s1600/style-wavy.png" /><br />
<br />
<b>coloque isso no link que deseja 'enfeitar' </b><span style="color: #d5a6bd;">sempre dentro das chaves { }</span><b></b><br />
<br />
<span style="background-color: #fff2cc;"> text-decoration: <b>underline</b>;</span><br />
<span style="background-color: #fff2cc;"> color:#<b>f22</b>; </span><br />
<span style="background-color: #fff2cc;"> -moz-text-decoration-color: #<b>000</b>;</span><br />
<span style="background-color: #fff2cc;"> -moz-text-decoration-line: <b>underline</b>;</span><br />
<span style="background-color: #fff2cc;"> -moz-text-decoration-style: <b>dashed</b>; </span><br />
<br />
<u>No exemplo acima onde diz: <b>underline</b> pode ser substituido por:</u><br />
<br />
text-decoration: <b>none </b>→ retira o sublinhado;<br />
text-decoration:<b> underline</b> → coloca sublinhado;<br />
text-decoration:<b> overline</b> → coloca a linha no topo do texto;<br />
text-decoration: <b>underline overline </b>→ linha no topo e em baixo do link;<br />
text-decoration:<b> line-through</b> → coloca a linha no meio do texto.<br />
<br />
<br />
<u>Exemplos de style, onde diz: <b>dashed</b> no exemplo acima, pode-se usar: </u><br />
<br />
<b><span style="background-color: #fff2cc;"> </span></b>-moz-text-decoration-style: <b>dashed <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrN3xWeAERBq0enX4rnzDVQ223Xr9mjZ4gd3wKcy3z4_l6PAwqtvIvlgU2UaJo0LbztFLR9dq5Htw_J-U8C9-42i5NG_5skZ7dtbzZOb6PPGYCUpOD3Mb0UN8-g7stKw08EB3CGNzI7bE/s1600/style-dashed.png" /> </b><b><span style="font-size: small;"><i> </i></span></b><br />
<b><b><span style="background-color: #fff2cc;"> </span></b></b>-moz-text-decoration-style:<b> dotted <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0YtX1spU9Jnly8c0p4AJLty4JwuNmi0CUb4uyIqBbwdcodSNDg3nV7e36a_JVeS_prZEkWPGtCQzvqU7vhaOIlfoGVUgicSJJhtRVe8TdiSWarkHpMRjHXQHySUDtbgyS7YJAwUAeI7s/s1600/style-dotted.png" /> </b><br />
<b><b><span style="background-color: #fff2cc;"> </span></b></b>-moz-text-decoration-style: <b>solid <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrder3bE5cMvC69mKfJs6VMj5T7EGZ5VE8cKrIWYxUGTthMrCucbJ5OpDsm5c44PqeTBaLL0NUO27l-jOVjkmBYFzpzfVYKeMWNt616JKfJ2qxOUHjA2JoLqNp6rwc12W6mYvfSjdwHis/s1600/style-solid.png" /> </b><br />
<b><b><span style="background-color: #fff2cc;"> </span></b></b>-moz-text-decoration-style: <b>double <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgni16c-bjNyf7pG2JIEQHqCKab-IIm3JT59P3AjDte3d-lcwzhuW3-0jA9ZvF3se-4atbejl9pHjOFm7vWeVJUOLSIladtCByWPKGb2GIZN-87kNggjIhauaSa9YxWSsSceMmJkETHQtE/s1600/style-double.png" /> </b><br />
<b><b><span style="background-color: #fff2cc;"> </span></b></b>-moz-text-decoration-style:<b> wavy </b><b><span style="background-color: #fff2cc;"><i><span style="background-color: white;"> </span></i></span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8F0wDj5vIyaORqWdAmWV3-qxwXm4xV-erBDk-t_BVwxvB224cMEDUIZQcGIggQ7rNjr-zxkbnxcZ01uColFlJTJF-MOP1E1MmpQZTnQ2I1h0eGX5vQNw-cMGyj36Q0G15jgCP1TwovZg/s1600/style-wavy.png" /> </b><span style="background-color: #fff2cc; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><i>olha que lindinha</i></span><i><span style="font-family: "Courier New",Courier,monospace;"> *-*</span></i></span><b><span style="background-color: #fff2cc;"><i><span style="background-color: white;"><span style="font-size: small;"> </span></span></i></span></b><br />
<b><span style="background-color: #fff2cc;"><i><span style="background-color: white;"><span style="font-size: small;"><br /></span></span></i></span></b>
Onde diz: <span style="color: #76a5af;">color:#f22;</span> <span style="color: #ea9999;">é a cor do texto/link</span><br />
Onde diz:<span style="color: #76a5af;"> -moz-text-decoration-color: #000;</span><span style="color: #ea9999;"> é a cor da linha</span><br />
<br />
<u>Extras:</u><br />
<br />
text-decoration:<b>blink; </b><span style="font-size: small;">→</span> <i>O texto pisca.</i><br />
letter-spacing:<b>3</b>px; → <i>espaço entre as letras</i><br />
line-height:<b>2</b>; → <i>altura entre linhas</i><br />
<br />
<div style="text-align: center;">
<span style="font-family: inherit;"><span style="color: #999999;">Se eu ajudei, e vocês usarem.. gostaria de receber os <span style="color: #a2c4c9;">créditos </span>^^</span></span><i> </i><i><br /></i></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com0tag:blogger.com,1999:blog-1343738570743056215.post-8572804110650133752012-11-22T21:38:00.000-02:002012-11-22T23:03:38.619-02:00Bah! Eu quero<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIboSUndoVGbm3xkynzbWOo3LlBOmsV79KjE0DGUK8wC2wlzbzil-BGbmHvNI2cyIvRyu4eqFrcb4pYy3dZjvYzmd2-75DMqbgXdlID-fPAh5b6YyMpBIqlDsUsQaa_kNgnJm4R9FGdA/s1600/Tagbaheuquero.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIboSUndoVGbm3xkynzbWOo3LlBOmsV79KjE0DGUK8wC2wlzbzil-BGbmHvNI2cyIvRyu4eqFrcb4pYy3dZjvYzmd2-75DMqbgXdlID-fPAh5b6YyMpBIqlDsUsQaa_kNgnJm4R9FGdA/s1600/Tagbaheuquero.png" style="cursor: move;" /></a><span style="background-color: #fff2cc;">Bah! Eu quero</span> é uma tag que criei onde vou mostrar para vocês minha lista de sonhos de consumo *o* sim a tal de <i>wishlist</i>, o que me faz dizer Bah! eu quero<span style="color: #ea9999;"> (pai compra pra mim)</span> siiiim, algumas bugigangas totalmente desnecessárias, mas que eu gostaria de ter em casa *-*<br />
<span style="color: #ea9999;">Antes<span style="color: black;"> <span style="color: #ea9999;">de sair para</span></span> comemorar o aniver da minha prima, vou postar o primeiro item da minha lista</span><br />
<b>♥</b> Começando com minha listinha de bugigangas apresento pra vocês <span style="background-color: #fff2cc;">a<span style="color: #ea9999;"> </span><span class="st">câmera mais vendida do Brasil,</span> a maravilhosa camera Tekpix</span>..ráaaaa to brincando, nem de graça eu ia querer uma geringonça dessas :P<br />
Eu babei pela <span style="color: #ea9999;"><span class="st"> </span> <u>Domo Toaster</u>, </span>uma torradeira <strike>superfouufa</strike> do <a href="http://pt.wikipedia.org/wiki/Domo-kun" target="_blank">domo kun</a>..<span style="color: #b6d7a8;">ei amigos queridos lindos #voquere de natal hehe</span> parece de brinquedo né?! essa fofura eu achei no <span style="color: #ea9999;"> <a href="http://www.amazon.com/gp/product/B00829HUTK/ref=as_li_ss_tl/?ie=UTF8&camp=1789&creative=390957&creativeASIN=B00829HUTK&linkCode=as2&tag=craziestgcom-20" target="_blank">amazon.com/Domo Toaster</a></span><span style="color: #0000ee;"> </span><span style="color: #999999;">(quem sabe no dia em que eu deixar de ser tão mão de vaca eu compre umas dessas aí..)</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOr6H8OoGExkQemUjHbFYCBuNVjdAvml7YAibFFquLGMg4QrZlHLtOQc4aTAwnhYyxJxtv_4DX3Vo5HrioaZjOE-rLLB-1BXu6UIG6QbqegAMQeNG7rJ28SxRoklYr5ovekdbUkQvFMw/s1600/baheuquero1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="609" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOr6H8OoGExkQemUjHbFYCBuNVjdAvml7YAibFFquLGMg4QrZlHLtOQc4aTAwnhYyxJxtv_4DX3Vo5HrioaZjOE-rLLB-1BXu6UIG6QbqegAMQeNG7rJ28SxRoklYr5ovekdbUkQvFMw/s640/baheuquero1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<blockquote class="tr_bq">
<span style="color: #76a5af;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #444444;">Gente não estou conseguindo comentar em alguns blogs, diz que <span style="background-color: #ffe599;">tem que ser membro</span>..mesmo depois de eu logar continua aparecendo a mesma mensagem :( se alguém souber o que posso fazer me avisem, se não<span style="color: #76a5af;">..<span style="color: #444444;">não posso retribuir os comentários</span></span></span> </span></span></blockquote>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com14tag:blogger.com,1999:blog-1343738570743056215.post-80750755329100205132012-11-17T13:27:00.000-02:002012-11-17T13:27:59.277-02:00Já chegou o disco voador<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi99UsRxn1vZHCShdfhL1SrXmF01NgQ3FX_GYgvtQU3633Ao-71sU5NxzNKO7THqe1XPE2ETxLhmg4Rdesww6k-tMtdxiDaQLI4nrIo6_EhfYPNWznzI3hSMIwIY4OUr_ghR875KPQ0lQ/s1600/ace-ventura-1994-01-g.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="357" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi99UsRxn1vZHCShdfhL1SrXmF01NgQ3FX_GYgvtQU3633Ao-71sU5NxzNKO7THqe1XPE2ETxLhmg4Rdesww6k-tMtdxiDaQLI4nrIo6_EhfYPNWznzI3hSMIwIY4OUr_ghR875KPQ0lQ/s640/ace-ventura-1994-01-g.jpg" width="640" /></a></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><span style="color: #ea9999;"><span style="color: #b4a7d6;"> Voltei wiiiiii</span>..Preparem os bolinhos de chuva que eu cheguei pra tomar café <span style="color: #e06666;">♥</span></span></span></span></div>
<div style="text-align: center;">
<br /></div>
<span style="color: #666666;"><span style="background-color: white;"><big>S</big>iim chegou o disco voador</span></span> o// agora diretamente de Júpiter, <span style="color: #ea9999; font-family: Arial,Helvetica,sans-serif;"> <span style="color: #999999; font-family: inherit;">saudades *-*</span></span><span style="color: #ea9999; font-family: Arial,Helvetica,sans-serif;"> </span> achei que nem sabia mais digitar de tanto tempo que fiquei longe do pc e sem net..foi o t<span style="color: #8e7cc3;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">í</span></span></span>pico <u>"catando milho"</u> no teclado rsrs..mas agora tenho net em casa novamente *-* aproveitei e mudei.. pois é, nesse tempo que fiquei sem net <u>T.T</u> me distraí lendo livros, pintei meu quarto, ganhei uma maquina de costura ♥<i> ainda estou aprendendo</i>..eu assisti todas séries e filmes favoritos..<i style="color: #d5a6bd;">cláaaaaassicos</i>..agora deixei o blog exatamente do jeito que queria :) mudou o nome, achei necessário pra deixar <i style="color: #f6b26b;">meu blog mais meu</i><b> </b>entendem, vocês podem achar feio, besta e sem sentido ou sei lá, mas pra mim esse nome foi como acertar na mega-sena wiiii.. <br />
<div style="color: #666666;">
<br />
Ah aos antigos leitores do <i><span style="color: #ea9999;">Bad Reputation</span></i> eu aviso talvez eu continue postando goodies de vez em quando, mas vou falar dos meus gostos e das bobagens que me mantem nesse mundo de chimangos e maragatos :B<b> </b><br />
<b>todos posts anteriores permanecem, não apagarei nenhum..não vou jogar trabalho fora né :) só os seguidores que o blogger piroquiou e apagou todos já eram 530 xuxuzinhos :( mas tudo bem blogger..<u>sim, te perdoo</u> T.T</b><br />
<br />
<center>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="http://www.youtube.com/embed/ZvLZZR111es" width="500"></iframe></center>
<br /></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><span style="background-color: #fce5cd; color: #666666;">- Os parceiros e afiliados do BR vou começar tudo de novo, pois perdi os links ok..</span><br style="background-color: #fce5cd; color: #666666;" /><span style="background-color: #fce5cd; color: #666666;">- Se <span style="font-size: small;">quiser</span> esclarecer dúvidas que corroem seu cerebrozinho lindo e cheio de graça..leiam a <u>F.A.Q</u> :)<u><br />
</u></span></span>Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com24tag:blogger.com,1999:blog-1343738570743056215.post-86335585718374005482012-06-20T13:35:00.002-03:002012-10-24T20:49:44.909-02:00Background's<div class="separator" style="clear: both; text-align: center;">
<img alt="2012, beautiful, beauty, everything, fashion" height="362" src="http://s4.favim.com/orig/49/2012-beautiful-beauty-everything-fashion-Favim.com-441180.jpg" width="640" /></div>
<div class="separator" style="clear: both; text-align: left;">
<big>H</big>oje passo aqui rapinho p/ trazer alguns backgrounds <b>variados </b>espero que gostem e usem <b>:)</b> trouxe também aquele que usei no lay anterior e que <u>muita gente me pediu </u>:) ..hoje é isso aee..tchau vou trabalhar <b><span style="color: #8e7cc3;">T.T</span></b></div>
<blockquote class="tr_bq" style="text-align: center;">
Ah um aviso..tem xuxuzinhos me perguntando e<i> pedindo</i> se faço lay..<b>Não </b>faço não amores :B</blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<div class="separator" style="clear: both; text-align: center;">
<b>A</b>lguns <span style="color: #6fa8dc;">xuxuzinhos</span> me perguntaram onde achei o <span style="color: #93c47d;">bg do lay anterior</span>..<b>eu que fiz</b> especialmente para aquele tema e hoje disponibilizo a vocês, <span style="color: #8e7cc3;">mas peço que se usarem de os <b>créditos</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<b>Tema</b> <u>Toeto</u></div>
<div class="separator" style="clear: both; text-align: center;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmoIMtQLnhPzgZ9qohnCZMVUvw-W4vwtcKIey5HNQ_WGddsQ1ctNBDSMmOV7rGF1Gd0O-832iJ8BZ5H8kqAm2xpX2o_DpsN18R-tD_XMfrnk02o5E-BVSblfRkrEcb36h2bPPAKk8vVAF-/s1600/BR.jpg" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://i.imgur.com/sDdNc.png" /> </div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYAX-lKMsa5xRyFCKjO9m3cR3roxfuZ4mO9dMbTsZWy0-hfkCbmnAvKtURa8AkDC0InqpqkXSo3kdl4QLoB5ehiJnkDhWBffM0ScmUdXGjwOtY-T6KhKtG0wJo-Bn48edoEn8J9CTOEPs/s1600/14ubr.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRiMLshZ2bKjSvRAYbGkAbgnlrea-ahsaRLc_hK0SUePJTt1ekvVhAnx5BsN9tMo5Eeu9bMrx_Fy4t4Pn2boJLDNhoImuP2t-V_NAWCB27kuDD17wftMb-dEQVAmLT41BDS19Y8oGJpnM/s1600/b1.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3e5Oq_saF9zdzkFQtBDSprHZFDC3nIDo1JwuAZmxvmi46jFNx7dm6c-cxSlHoTqG2KZyEoujex691e0zm7XEJL83kYn3IM9cb-LkTUS43Iu_Ex4lDz5ath-EVULQ2qeej32XyVflU8to/s1600/14uui.png" /> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4PpdVmJFEZ60n_Z0pzevOfXCzToR0Z9GMJIeHw3fY4G55qjKEvyaztLgNuwouKbM2qxyhm8us0olhBB0uhyphenhyphenUcDFqislMo4PFIxvJhwpL9vzJTITPVaiMY7Q_8PxSIOXzkeQcsnAoBKKY/s1600/77words_patt7_231.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmugqu-0syWEGgNWiIdx5BmCaAeUJWf55jsa3eHaIyHMuyiYQ_CJwwhfzI1HXeVSO1gDxsRH22WxO4K9uYF_Vhgd_CtOHD1fe6-Eprac-TIAB_d7VKQjRFDUMNlDfXSNQf3hc84Hb_z_s/s1600/429g.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfO9aJlSaJY4tqJHsocdv1R2nJLh477jomla1I36SlbkgW5ljlhxuuIBPBc0adYhs81-H-U7_W45rm1zxwLWx-Z_922IWYrtPY_-zZ2s7s-RWp-KM6OlTYGJbJHEplYFfM8WA71oRceOY/s1600/FFD7D7FFFFFFF9BDB3FFFFFFFDB9E2_166.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxXZfLqYeRXjAApBZgaHQb2x_sBM09xJH6UJPNXk1lYC0nwi_jtnTZxjloY-QvFPnrBHwy5j79rANFnoOGbRc43-hZa4toktHMiKDcy0zmwkxhqkDVoIlbA1ruEBKfvACIk6rFdW1OjA/s1600/tapestry_pattern.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzRT7TxrwwNnJvd_eQwzDE45aCTKQ6Vow20_eFk2h0pWdofo31FYIfi6QzBGMFyuZowBUiWPDHVFv-5H6TNm_w3M95VlhFDiEX065rFwn6TSQ5BtgaayhTm2NPryWyBWAHaW3QiMBn7g/s1600/polka-dot-background25.gif" /> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlh5ud5mx9hk_haiL052DKR9kr3pyPbQE_4iMPW6OZdNwD7d-X2GNGeOHAs9kWDw3AdONFGPyYtjdw2tEhVz7uhuxE_20RfqCmTfCVZJBNq8WxrXv7iX65qwolXUgO_oI2I12O-KLYc9w/s1600/pink-brown-drawn-hearts.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8p5EMMLSgUDE3-BFWiaBuyDHHWrIMBfmV8PN098ZQXGfbPxlS67jCTWuArFHNKIRhcQ9PJvuz0HomyREZczhhvo2pSj6pXCSf7yonoZt_b3bPEAy-grrTMyBpZ7U6GA9aX3ENElurM_i/s1600/643_image.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90cak9SlRiH1IIBE0BPeQxWtk0tRo6E_VMbXh2gwboxXLQFTm28SVGxs-_1HBpEFs1P2Jn3Ef7BFefAODWKWdso4rMB-F7BDyzvmHQibsvMDvqmCSJl8jsXPuS5dTKn9t12b_v1EuHZE/s1600/54+(1).jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWXJFOoB6nBZIZlALDsS3LP1v9kG0i6t5OszlFKzq1ZNWEgCX5hA0Q-__ZbyTMFtDQEVNjLtr5gRq3oGU20zqtMx1w3bcXiT52ssWNJwPC197Zr-24xjDNh1gh8uMGxvy3niwyyKqlp4/s1600/77words_patt7_020.gif" /> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGIhlbn68_E5dyKW7oye9KsjCGASIybxme_-3ZFWLEb_Ifmonq4W_HJyc7RC7-eSyE2vETw0nKeSfrdr-lafsa3htlCH17JNCTE5wXnrZBjNPo45OIWMj_tbWzEYcCHgFycir4uLGvG40/s1600/cutesetbg49.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYjuhyphenhyphenujhst8WJ3_PFSyNKuKNXNYgy_JcdgDHMTb_coYfZYVOTV1VTxnQV_54TtYq-iLbv0o_uXdZXT65k_y38zSjPh-i2u2fXd_X0YJMSUzI_g_JB0LwMeilOwqNI3jC5MfjsvO2qRveh/s1600/background-BR+(182).gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjEf7n2T7C1uCP6-uRAx-n5_kFR_aWM9XW8wRxae5OmcYdE9crz2-bZu8e1bByw_rI0pfXVjt1M5pueIdA8x_NLsTTo5WrpZ8eHiA2BanHuKw1IuCc85o5uDI76lwbLBPf1lE8nAJ4Ng/s1600/hrtbg129.gif" /> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-X059YI0Kq0A1PjUVMyLVESjyD-8N64F_pPDyy3zadrsSDh-PmmzS3q67dEyUiXEurodicHxk0KYmquKL8hFVeVDq2DmZLn7_BifZZSDX0d6xrMWelpq1O6CK9zBeWYXt8SExMQ9Ty0E/s1600/77words_patt7_208.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6bz2R7JLfPn9_JAGTDPCmWyaEnkSq2-oka5RofixEpGIdXDCV81xcYkGWLa8K3ntSe7mIRs1i4tKVOnccV_mpzrgO5cYUEc6KHS4wynLGM3tixFXNTCKlDl1QCTIB-bl-u_oumwN2unId/s1600/wallpaper02_1024x768.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-qYWSbF2cF8wWJhrmaaibg5DIGTofsEDOryVX8Nu72jDzsxbviyzqTImxLeekl96s-DsxvE4ZOFhbO5N1tqepSrFvepscv_vvz0jvc53vH461PkIofHou6eJOHLzicIB94Thk-z3AZzwr/s1600/wallpaper03_1024x768.jpg" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5HsEQxvrg1toyjhMcZkkQqxw35Skr8ESSXibpcWJ1P72Wzf_hLBqK1bNU9udAqFrAqQYUzh36Q9yoiFGwYCfcFc1LwUuJnN_jvWAT71W1H4RFgW0e4R2BzY4HmiCYWZ72farpIVNaK8/s1600/77words_patt7_207.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6GFafkg_ZRUM_mfiQ-oKyYako1UXTaWFyVlGHfdmKRdy9cutV3vUtubE-Pt6TYNt82IgPdjSkWJtH7nkmn4OxYuNpnKkHReL42frue0yHITtIhF5kWvuiPVaHd2D_Y369ddsEL0GXy0/s1600/77words_patt7_232.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbwTBLMIbfH4lNdZLuG2iecPF6m19Es66I-_viIObd9hIKsHex3EjjwMRpcKnJvgpX8qkt-WNFt4JqvLokIO8JtnAhJwmiN0MN8uPo0-Y3U7Sn6B4szvUSw86JiC8NTM7MmI3eATojRU/s1600/1stpattern_brown.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-2KGQHwt7oKBjp6a6CDQpy1QOkOdAPSQhhsVJ78VQtnQcsKZS2hvX8sgq3FHxPzvDpBgj4CzzM8PLC5FrAUnT1m1OtCIPOfSzf8p4GUVFMgUuc78d_eaGdtdeHCDYqmi6c_rayYSaXQI/s1600/77words_patt7_197.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeF5GnDBnxs8TwJELJkGKaJsF-9S3vtoUx42F8D8EhYjBegevnUF9jN9HdIqN_S0DMts9Jp_6gWuQtwQjEDip-XroXYTchJBA87MtQLmK2l_EpZvYIQUWjsBgj3XEPmf190q8Fve6YXYU/s1600/77words_patt7_188.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFWSBxZ1NOc8cnM4VzL3sAIxnvIolOmhz0MEJdS04PJ7YQv38wIxNWqxXaA4FAb3BKbySac9UCpuiZ9slH1JOqnlFrAnQYypfeiSD46ZJ_mqYhd4NN4VSYBOAySSKUR1U8vYSSAqLuHw/s1600/light_toast.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Ph3kmfT1NfV3huUvF9VT81kSiqojlNyI4f2UuLExj-DJN0OCAJVDnh7-DpQXfJWfvmUMw-wJF1e4V-71f3mq5JDeOSfCOxbWVLNyxjq5W9NCGwzMtmAedqxnPTcmQig4MKU-u7Dcp8w/s1600/JEANS-1-JACKSONANGELO.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1R6NTeMdrWmVcZ9pfPG3uFLiwEaDxoy0M-jj8v5Zny1QoTDHkZ19srs5LOdXGyPfC9SZot8I5S7ybjSbCTxQMl0XttbGaOkcftuCjTwlId-zzAEFQFr6Jq2kvbSMg3kBSJNk0LMqb5wc/s1600/images+(3).jpg" /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqA1pY3GRoHfRIp0ZCCSi-MzML_co0GBm_wvsPBpGHg4vNpuuomum_5ll48n9FxlOETFJpB2rPJSw_MEM1mncoj4Rp05pmmeFJYulPK1U1R5UagefYhE8i7YcO_81VTa-CzdU60yCOLFs/s1600/cutesetbg58.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CSi6_-Eo4hsahzcFljy7C6GHDL4o3qvuy222qnMFay0VRP55I6YBq8Hiy7OEzByH7dOkNVoHzxx-t9LDVhNq3sJx2r5ECTJ-fh1xp8BwrNIqUDQILdUczG3_8jkxDN1eI3Cfco05iMs/s1600/tumblr_la3f6rI0Jt1qcdtsho1_250.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOhpT_aLmAMeQ96XMe2qFcVuKZIhvMuoaNSnFB9M28ebx2eU1TRaJ8aVrAlsnRGIy_FBuI9Rj-Q2W2cpdDRSe2yT0ykq4yeiowYUGTxmFZGTQ8X-8czD-495cAS0cpRN-RbGndDqrvoJE/s1600/blackbg16.gif" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVpnaIGpa_UkXwKIIYQVeEE8HSKv7b7nqDnu5iUWBGepaF1pXwpeGORO3Xymmtt7LBPD-JDqCxUZy11tCQQOlVzNZDtX1MlEDpyy4SqdPTgE5CgUJcmo2-I6FHEFK96C-SP8ZfaFkdXBo/s1600/little-pastel-hearts-background.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVpnaIGpa_UkXwKIIYQVeEE8HSKv7b7nqDnu5iUWBGepaF1pXwpeGORO3Xymmtt7LBPD-JDqCxUZy11tCQQOlVzNZDtX1MlEDpyy4SqdPTgE5CgUJcmo2-I6FHEFK96C-SP8ZfaFkdXBo/s1600/little-pastel-hearts-background.gif" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV1qQFBqwNVtGVy5tqzrzFbgsZYuMQPOFmwM7W4xL3LSJxnDreMHfIutS3C_7eOlcTt2odfEGeulTQ4DCyQY87EK35y0qKH_Ljh0m6SUt_h-R-r3UecMzg1DWgBEMaUdBT4qmRCNBfuYg/s1600/transparent-hearts-background.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV1qQFBqwNVtGVy5tqzrzFbgsZYuMQPOFmwM7W4xL3LSJxnDreMHfIutS3C_7eOlcTt2odfEGeulTQ4DCyQY87EK35y0qKH_Ljh0m6SUt_h-R-r3UecMzg1DWgBEMaUdBT4qmRCNBfuYg/s1600/transparent-hearts-background.gif" /></a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1TBFdyhdPxm_n9dSzSavD26bcmtm-7Xz-C-zx99pPHYQbTZcAaLuKHTufIxx7eJPMEQU1aHrUAIqtnpzI7JWd406bKvdcFYq-sIEJLv1Y15bZgZFjkN7VMP5Orc3MqADvtOHx1D8TZM/s1600/ssam_cutiepatootie_paper10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1TBFdyhdPxm_n9dSzSavD26bcmtm-7Xz-C-zx99pPHYQbTZcAaLuKHTufIxx7eJPMEQU1aHrUAIqtnpzI7JWd406bKvdcFYq-sIEJLv1Y15bZgZFjkN7VMP5Orc3MqADvtOHx1D8TZM/s320/ssam_cutiepatootie_paper10.jpg" /></a></div>
<div style="text-align: center;">
<br />
<span style="color: #999999; font-size: x-small;">créditos: <a href="http://www.backgroundlabs.com/" target="_blank">♥</a> <a href="http://google.com.br/" target="_blank">♥</a> e outros editados por mim</span></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com152tag:blogger.com,1999:blog-1343738570743056215.post-38885338552063038052012-06-16T13:03:00.002-03:002012-10-27T20:16:03.614-02:00Gadgets diferentes<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9-0-2jKHIak37WpjdPm7PLitWJJrmelx7QUtpzozFjPSwLEDxZJK8gO1t4aG4LXV4byIRZU7CpKS0x6YXA5V46wy1xo7xNhC9z_BPkU7xd_5w_w64wjICVUc-RrbaAuha0P86SitNsmbk/s1600/tumblr_lipkgozOi41qc6czfo1_500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9-0-2jKHIak37WpjdPm7PLitWJJrmelx7QUtpzozFjPSwLEDxZJK8gO1t4aG4LXV4byIRZU7CpKS0x6YXA5V46wy1xo7xNhC9z_BPkU7xd_5w_w64wjICVUc-RrbaAuha0P86SitNsmbk/s640/tumblr_lipkgozOi41qc6czfo1_500.jpg" width="640" /></a></div>
<big>A </big><a href="http://domo-kun-lovers.blogspot.com.br/" target="_blank">Ellen</a> e a <a href="http://magaligirls123.blogspot.com.br/" target="_blank">Samantha </a>me pediram o tuto de como deixar a sidebar assim como a minha, com cada gadget diferente do outro, vou dar o código e o resto é com vocês <b>^-^</b> vocês vão ver que é a coisa mais fácil do mundo, sério muitos devem pensar que devem ser aqueles tutoriais com códigos gigantes, mas não é não :) <u><span style="color: #6aa84f;">Por hoje é isso bom find p/ vocês e até quarta-feira</span></u><br />
<u><span style="color: #6aa84f;"></span></u><br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4x5X5SfTKuz904_6Kf1aPtm1ZW4bI0-zzHEDNaoxYx07yhb9trDwSlXEXZHG0msWqvjyacxw8NA-pggIcesIQmgjfYn2oL8Ize-9rprDIfciKyBnTDoR5UBt7rdzn2L8QGow13mz0Rcx/s1600/sidebartuto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4x5X5SfTKuz904_6Kf1aPtm1ZW4bI0-zzHEDNaoxYx07yhb9trDwSlXEXZHG0msWqvjyacxw8NA-pggIcesIQmgjfYn2oL8Ize-9rprDIfciKyBnTDoR5UBt7rdzn2L8QGow13mz0Rcx/s1600/sidebartuto.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Vocês perceberam que cada gadget é diferente, pode-se usar formas, cores e backgrounds..<br />
<br />
<b>Vá em design</b> ~ <u>Editar HTML</u> ~ Marque a opção <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif" style="border: 0px solid transparent; color: #817e7f; font-family: 'Didact Gothic', sans-serif; font-size: 14px; line-height: 19px; max-width: 99%; padding: 0px; text-align: left;" /><span style="background-color: #fff2cc; color: #817e7f; font-family: 'Didact Gothic', sans-serif; font-size: 14px; line-height: 19px; text-align: left;"> Expandir modelos</span><br />
<br />
Aperte <b>Ctrl F</b> e procure por <strike>o nome do gadget</strike> que deseja personalizar, veja a imagem:<br />
<span style="color: magenta;">N</span>o caso eu quero personalizar o <span style="color: #6aa84f;">meu </span>gadget <span style="color: #e06666;">welcome</span>..<b><span style="color: #f6b26b;">apertei Ctrl f e procurei por welcome</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKg-jsxFy-vAS-f9PmzfLFmF3YA8iM0iP6MgneeXiz0VIjm_HiTkxipbu-XpAhB8vYllomRfWj8fnbaY5u1LXHBCyEGHy6r4apYdDvw54dDQUZwQgdkfKdEPdTkRHe4isM2ecA7QA4ANt0/s1600/tutosidebar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKg-jsxFy-vAS-f9PmzfLFmF3YA8iM0iP6MgneeXiz0VIjm_HiTkxipbu-XpAhB8vYllomRfWj8fnbaY5u1LXHBCyEGHy6r4apYdDvw54dDQUZwQgdkfKdEPdTkRHe4isM2ecA7QA4ANt0/s1600/tutosidebar.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Identifique o numero do <i>widget id</i>..que no meu caso o meu gadget <b>welcome </b>era <b>HTML4 </b>e faça o seguinte:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Procure por <span style="background-color: #674ea7; color: white;">]]></b:skin></span></div>
<div style="text-align: left;">
<span style="color: #3d85c6;">e acima dele cole:</span></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
#HTML4 { <b><span style="color: #8e7cc3;">código da personalização aqui </span></b>}</blockquote>
<div>
dentro da chave você coloca o que quiser, por exemplo:</div>
</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div style="text-align: left;">
<b><span style="color: #6aa84f;">#HTML4 {</span></b></div>
<div style="text-align: left;">
border: <span style="color: #6fa8dc;">solid</span> 1px #000; <b>Se você quiser borda no widget</b></div>
<div style="text-align: left;">
background: url(URL DO BG AQUI) repeat; <b>Se quiser background de fundo no widget</b></div>
<div style="text-align: left;">
background: #000; <b>Se quiser apenas cor de fundo no widget</b></div>
<div style="text-align: left;">
box-shadow: inset 0 0 15px #ccc, 0 0 3px #aaa; <b>Se quiser sombra no widget</b></div>
<div style="text-align: left;">
border-radius:10px; <b>Se quiser arredondar</b></div>
<span style="color: #6aa84f;"></span><br />
<div style="text-align: left;">
<span style="color: #6aa84f;"><b>}</b></span></div>
</blockquote>
</div>
É super fácil, não tem mistério, agora é só usar o mesmo processo em todos gadgets que queira personalizar, <b><span style="color: #8e7cc3;">procure pelo nome identifique o id e personalize ^-^</span></b><br />
<br />
<b>Obs: </b><span style="color: #3d85c6;">Para personalizar o gadget de </span><u><span style="color: #444444;">seguidores</span></u><span style="color: #3d85c6;"> o código usado é:</span> <b>#Followers1 { <span style="color: #8e7cc3;">personalização</span>}</b><br />
<br />
<div style="text-align: center;">
<div style="text-align: left;">
<b>Mais Tutoriais:</b></div>
<div style="text-align: left;">
<a href="http://bad-reputation-13.blogspot.com.br/2012/03/tutorial-separar-os-gadgets.html" target="_blank">Separar os widgets</a></div>
<div style="text-align: left;">
<a href="http://bad-reputation-13.blogspot.com.br/2012/03/tutorial-centralizar-titulo-dos-gadgets.html" target="_blank">Centralizar título</a></div>
<div style="text-align: left;">
<a href="http://bad-reputation-13.blogspot.com.br/2012/05/gif-no-titulo-do-gadget.html" target="_blank">Colocar gif no título do gadget</a></div>
<div style="text-align: left;">
<br /></div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" /> </div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com48tag:blogger.com,1999:blog-1343738570743056215.post-45807013021795482342012-06-15T20:38:00.002-03:002012-10-24T21:06:13.227-02:00Personalizar o Tooltip<div style="text-align: center;">
<div class="separator" style="clear: both;">
<img height="359" src="http://24.media.tumblr.com/tumblr_m5kuxsp8fC1rr5ytzo1_500.gif" width="640" /> </div>
</div>
<div style="text-align: left;">
<big>X</big>uxuzinhos como prometi trouxe p/ vocês um tuto de como personalizar o <b>Tooltip </b>(what?) é aquele <span style="color: #8e7cc3;">balãozinho </span>que aparece quando passamos o mouse no link <a href="http://www.blogger.com/www" title="Este balãozinho">Passe o mouse</a> viram </div>
<div style="text-align: left;">
Não é difícil e cada um pode personalizar de acordo com seu gosto e com o estilo do blog <b>:)</b><br />
<b></b><br />
<a name='more'></a></div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><b><span style="color: #e06666;">Vá em design ~ </span><span style="color: #8e7cc3;">Editar html</span><span style="color: #e06666;"> ~ Ctrl F procure por</span></b> <span style="background-color: #674ea7;"><span style="color: white;">/body</span></span><br />
<div>
<br /></div>
<div>
E cole acima:</div>
<div>
<br /></div>
<div>
<i>código a ser personalizado:</i><br />
<div style="text-align: left;">
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="color: #3d85c6;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/></span></div>
<span style="color: #3d85c6;"></span><br />
<div style="text-align: left;">
<span style="color: #3d85c6;"><script language='JavaScript' src='http://dl.dropbox.com/u/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'/></span></div>
<span style="text-align: left;"></span><br />
<div style="text-align: left;">
<span style="text-align: left;"><style></span></div>
<span style="text-align: left;"><div style="text-align: left;">
div#qTip{</div>
</span><br />
<div style="text-align: left;">
margin:17px 0;</div>
<div style="text-align: left;">
padding:<b>3</b>px <b>5</b>px <b>3</b>px <b>22</b>px; <b><span style="color: #6aa84f;">/*modifique se precisar ajustar o mini gif*/</span></b></div>
<div style="text-align: left;">
display:none;</div>
<div style="text-align: left;">
background:#<b>fff <span style="color: #6aa84f;">/*Cor de fundo do Tooltip*/ </span></b>url(<b>url do mini gif</b>)no-repeat 5%;</div>
<div style="text-align: left;">
text-align:left;</div>
<div style="text-align: left;">
font-family: '<b>arial</b>'; <b><span style="color: #6aa84f;">/*modifique a fonte se quiser*/</span></b></div>
<div style="text-align: left;">
font-size:<b>12</b>px; <b><span style="color: #6aa84f;">/*tamanho da fonte*/</span></b></div>
<div style="text-align: left;">
z-index:1000;</div>
<div style="text-align: left;">
position:absolute;</div>
<div style="text-align: left;">
color:#<b>000</b>;<b> <span style="color: #6aa84f;">/*Cor da letra que quiser*/</span></b></div>
<div style="text-align: left;">
border:#<b>ccc solid 1</b>px; <b><span style="color: #6aa84f;">/*Cor e estilo da borda que quiser*/</span></b></div>
<div style="text-align: left;">
border-radius:<b>10</b>px <b><span style="color: #6aa84f;">/*Se quiser arredondar o balãozinho*/</span></b></div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
</style></div>
</blockquote>
</div>
<span style="color: #3d85c6;"></span><br />
<div style="text-align: left;">
<b><span style="color: #3d85c6;">Não mexa no que esta destacado em azul, </span>apenas o que esta em rosa ok</b><br />
<br />
<u><span style="color: #8e7cc3;">Para aparecer nos seus links use:</span></u><br />
<br />
<br />
<blockquote class="tr_bq">
<a href='<b>URL</b>' title='<b>Descrição do link</b>'><b>Nome do link</b></a></blockquote>
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" /></div>
</div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com42tag:blogger.com,1999:blog-1343738570743056215.post-24332658923205678282012-06-14T12:43:00.002-03:002012-10-28T14:04:04.979-02:00Brushes de animais fofos<div style="text-align: center;">
<img height="380" src="http://s2.favim.com/orig/37/amazing-beautiful-cute-girl-lepillow-Favim.com-303375.jpg" width="640" /> <br />
<div style="text-align: left;">
<big>O</big>ii xuxuzinhos :) <b>Não, eu não exclui o blog! </b>quem tentou acessar o<span style="color: #8e7cc3;"> BR</span> viu que o blog estava <strike>fechado</strike> né..<br />
peço desculpas por não avisar que ia fechar, mas é que tive um problema com o html e o blogger e seus bugs também não ajudam, tive que futricar nele p/ arrumar <img src="http://media.tumblr.com/tumblr_lkqyefAyHF1qi6qow.gif" /><br />
<i>morecos agradeço a todos vocês pelos avisos de que o cabeçalho foi plagiado</i>..é eu já tinha visto <img src="http://media.tumblr.com/tumblr_lkqykhFnXl1qi6qow.gif" /> </div>
<div style="text-align: left;">
<br />
<span style="color: #93c47d;">E claro, agradeço aos bugs do blogger as vezes o lay antigo volta e algumas letras somem <img src="http://media.tumblr.com/tumblr_lkqzczzPqm1qi6qow.gif" /> mas logo as coisas voltam ao normal rsrs</span><br />
<br />
<img src="http://olhar-43.net/conteudo/minigifs/10/265.gif" /> Agora sim, Trouxe p/ vocês alguns brushes de bichinhos <u>fofuias</u> espero que vocês gostem <img src="http://media.tumblr.com/tumblr_lm6pkvUi1F1qfoi4t.gif" /> <br />
<b><br /></b>
<b><span style="color: #444444;">#</span>No fim da tarde</b> <b>eu volto p/ responder comentários e mostro como personalizar o tooltip </b><u>a pedidos</u><br />
<b>aquele balãozinho que aparece ao passar o mouse.. </b><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/15.gif" /> <a href="http://www.blogger.com/www" title="Este balãozinho">passe o mouse aqui </a><br />
<br />
<a name='more'></a></div>
<div>
<span style="text-align: center;"></span><br />
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><span style="font-family: 'dancing script'; font-size: 23px; text-align: center;"><span style="color: #ff6eb4; text-shadow: rgb(80, 80, 80) 0px -1px;">Eu que retirei o fundo das imagens e editei se for usar estas imagens peço que credite</span></span><br />
<div style="text-align: center;">
<span style="color: #e06666; font-family: impact;"><span style="font-size: 20px;"><br /></span></span></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ7LHqurwATAA9qS0fOu3nQp7ZDFLXKlbCjbRGH_Lk68BayWEfTzLCekMg-Iyi8UKKB8GVKxEJFAsbzz_KO6IHmgJBIvS5Q_s2ly1RfZt3DqdOKoobAcWncwYqRHIr_t9lOxdCRx222G4/s640/BrushesanimaiscuteBR-kaka+10.png" width="635" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="423" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJeFtLqCMnSFZYEpZaeFhyVnCaPvoaNYE1NsMEp6zb9qxtfrRIZ_o5Zlx1vKcCOVeFc5rsZLLfDxPhdia4LxuO_WR-tuC1d0-LheGOwqptvV2mEKDGsI1NeYIOQiVeiivtYKR2Kk23cx4/s640/BrushesanimaiscuteBR-kaka+18.png" width="640" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7blJ8GAbJHhQHziuUTBPeHmBd59i0Aes8i16PGLhgGLPU0BagPdtOBzdGql4QiKJemDpwbCzY112f3OSGMT4wu3R_uuP3fJW6vLFYXSRZCiY9x_dtshWKTFlgTSob-rCW-qnAdZUb5Ek/s640/BrushesanimaiscuteBR-kaka+27.png" width="546" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfz6r_9o1hACJvjI_vZm6x7dk5EooVQ_EFaiiUlYE7RDYqqCE3PVRJI5cJ6ezmzYh5RJcx1mgXyTRD9w_VFaPhETCVRy1mApqFB2zQ0sPgRySrKDLTjP3kjuNY-58arJtRW1oOWFDE3zk/s640/BrushesanimaiscuteBR-kaka+36.png" width="442" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVFSn1pJrWT1Lw32-MdQzpNUly2dSkS7Q0o7Ghgq1lMZV2IN6s1B3vMsZjGPJsIUu2UUOjPFL4N01hmovT70nhMBv3y3MzhecUgl1MsMI0VfWYYpWI1I9OwFeHsYM2vS28HKL9DbY8GCw/s1600/BrushesanimaiscuteBR-kaka+4.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_dGSbeOunWYEIyRONPcyYxwWXo5egEJYw5ssgLbrpSasjC7kQ8pBBGcVpxcSQL-oUSMQeX-niloC3t16ohqkYEca0hx9H6pMgGXwMnE6RBICjqWu_zywTYHMiN_MRayXTGHlLMvHnOE/s640/BrushesanimaiscuteBR-kaka+44.png" width="454" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFxVRU6Bvbzab-hB8XkU-SSMmUQ1F6bzOrL-wC3moZSY-fXQ8rreauwaGMNd1Y65ZDYaSBlT55lpZF79O3X4B2VUXYpG9We_LjvH7kQxIfMpVdCBZJNB-qBf9_cl7ejhl2IgPu8dzJLQ/s1600/BrushesanimaiscuteBR-kaka+7.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="481" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdHtp3Y3j5hbc-sVv4C5PN9bBKxIZtUdY0-Zo6nQDgMwMAFbgKzN8QHYZSjT7JI9u0-pFQYjTVP9ugAeKd0RjEP_yLsY9QoQHzsiEWQdLqxm1rrmpliT6F40TBkvVMiGZit0fw7ToPoM/s640/BrushesanimaiscuteBR-kaka+1.png" width="640" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTvJ8BmxsArI0lgxOQLytkbZSqDGGp4uWwRYPGoalnhYrIRvw8b2gm0q4LMo1ccicbbx8OhF_FQlK7Zh1G-kX0o6Rlfd8lYAgMTVW5DCFI45dBQYIhB1ZSuPOBmTuysl_R_bhc8pQ6-EA/s1600/BrushesanimaiscuteBR-kaka+11.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLGPSiXH0RLJyakm5lVYhckS4rxyx15Grm77KOvCARqxkPRKdKu5cKhhoOhslpSkNjPV9Km6Ai2b3wlBV6PMYOjxU77Nj0NLSHOF_fQ64xQ3iX5XWeY4tBfZ44JACSlx2LOXjDC-0iy8/s1600/BrushesanimaiscuteBR-kaka+13.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSM21mw2jEnNO8Gd3hx2Ymtodqtq-yCq4yW4pwU_BV4KVZba9f1kts5B-AsV593_CNWNogF36qURkgDEooJtpQTcMi1QXVFWqDeQ0K4YVxv2SXW5sqH6A3GqquaM73cloDV_b-0TzXqU/s1600/BrushesanimaiscuteBR-kaka+14.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXq-SWuRlcTZq5NmVlFdJDWlG0vK5aDPsQyHaTHKwSz7FnK0ucV2cm-6VwhXx8SMCCr7T4OxHMP9zXc19bBjQZoPdnOTqnocmShgCceDZdNV039kZGYBjBZjPdagnrCESsU8IgcIWXO4k/s1600/BrushesanimaiscuteBR-kaka+16.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6L3C6xBNGCQ_7CgiQvue9wHHESDFCkrODAXKLG1CA63uGQiRCJg_q24c-tP6FWVA3-ZQxKYzJ-yclyKvRt9ZEJm6RkayfaRQqEw-62kKIVhWeLRsuiyCM_pWHJQir5mnUa_4NNZ4OlfY/s640/BrushesanimaiscuteBR-kaka+2.png" width="613" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv2uxWUqE4FSO0qIVyJk51zflDcei2qXAKBWWDbnV_Ou6Q-sQypcHNOuBQ03IP_Dwl5TNUmJ-GoSEqtdernnAXUflTt09jq4WfGaTsE619oSs-YfKfuc2Cn76LtLMnMK9NG2UJzNtzeNg/s640/BrushesanimaiscuteBR-kaka+20.png" width="640" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="486" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUcrMXcZCqLMFh89NqPtqkOeiu2BD5Uc3y-0xruEnbDxdkPR1FJW2HYLav1ydCJfme61QaX7jWfErCNxiMuB168MhyZFQwMAWc1qs6-SPiGtAiArBB4QA0fPce9vON5XmipKmmy3ctL8E/s640/BrushesanimaiscuteBR-kaka+21.png" width="640" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="465" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Exlujg_RQ0qdhpIHictc22__pQP3ox_siUeQjBROo7AX7hVz-OzOMNHKiqK4RSsodP-M-y0u4S8pEJ52odm4EN1r-h9kdAk8wdg21aGZfPIoKZjI2MvXOSyt2MP01QGkhDaYB-mt_AI/s640/BrushesanimaiscuteBR-kaka+22.png" width="640" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbT6o1szr-KoBsQ2AeSWtU52wBuc3vFA8OpFyJWinwGKfo4Ci2oI28mQj8Kwz69Lgq5d6rq6bIJrdOANP9BL8dyVem8JFgmsSkRwQchytI3uN_x5s8gk7NDxGnp7pDvOlK_FHe7auQpQk/s640/BrushesanimaiscuteBR-kaka+45.png" width="603" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nLibE3zLcPkP5naPKbdf-4N5gHYg9FNwbEpyEZPeaWXdgYTEMgaLC59qlewMzoIMyLcDFZBvQqi91NdqqbTxpqTs4x-fzycSUdCBdDUbvLMHspcoSXHjIJQaBUgh2cTqsf5bez-q3lA/s640/BrushesanimaiscuteBR-kaka.png" width="601" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img height="575" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfEdtuT8KkYVU1UVsRCRhnh35oNH7gKRD6D547JTlqSzRLIZbq9Oyu6pmrHL25FITDT3-UxhZHE1lkB4iiMChwFEw-RGj3_TE3A5KMMNe54D4b2uMelbJUuYwFD6RrSaihpXts5nOnwXg/s640/BrushesanimaiscuteBR-kaka23.png" width="640" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com25tag:blogger.com,1999:blog-1343738570743056215.post-30628481634819550802012-06-08T13:32:00.002-03:002012-10-28T14:09:31.358-02:00Diminuir espaço do Footer/Rodapé<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<br />
<div style="text-align: center;">
<img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiy2V2iTa3yi1Xu3x7ltRr2F6PhvhpaUBtz511BneRkc3qep5b_0zOzBaNXSQuwbbq_j-_RGMQfnKlkqvBF7BNPSwXBjH2q6PMScVH0qBG-3mLjXlMmHQhhz9_ge5-McRfa-WsjxEEj56H/s640/imagens-tumblr-cute-pink.png" width="640" /></div>
<big>A</big>ii <b>xuxuzinhos</b> óh eu teclando de uma <strike>lan house</strike> T.T achei que nem existiam mais, mas p/ minha sorte achei uma perto de onde trabalho \o/ semana que vem vão colocar internet no serviço *-* daí vou poder <u>atualizar</u> o blog :)<br />
Esse tuto foi o que consegui fazer no pouco tempo que tenho na lan, vou mostrar como <span style="color: #8e7cc3;">diminuir </span>o espaço vazio do <i>footer ou rodapé</i> como quiser chamar :) é um tuto bem curtinho e fácil.</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7LlfrBUBonOGQ_apTJV1i4mcwS_2-cOTwBugL3zt_mQ3zmeYBS6BnkE1BZe7SbXPgAcLlHVDG7P3VB_Dp2XJf8du6X1w_jqza0Hh3xylF1zW-7wh09tiAaGj8daNfHShC1WRnKLPcSmbP/s1600/espa%C3%A7odoffoter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7LlfrBUBonOGQ_apTJV1i4mcwS_2-cOTwBugL3zt_mQ3zmeYBS6BnkE1BZe7SbXPgAcLlHVDG7P3VB_Dp2XJf8du6X1w_jqza0Hh3xylF1zW-7wh09tiAaGj8daNfHShC1WRnKLPcSmbP/s400/espa%C3%A7odoffoter.png" width="400" /></a></div>
<br />
<a name='more'></a><br />
Vá em design <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/72.gif" /> <span style="color: #76a5af;">Editar HTML</span> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/72.gif" /> Ctrl F e procure por: <span style="background-color: #8e7cc3;"><span style="color: white;">.footer-inner {</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_vQUcUgajXnnzfkReEl1ZaFOEq_zzwcnaJoziKbtPmiUsJfJWMMjkVEkQnNY5saSriOH2JdDSEiPMic7GmPKIAp4qVdzsjoqcUXMDoHA-mZqXDttj9GL07wMf8_D3j5tQOftaNEJgaYT5/s1600/apague.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_vQUcUgajXnnzfkReEl1ZaFOEq_zzwcnaJoziKbtPmiUsJfJWMMjkVEkQnNY5saSriOH2JdDSEiPMic7GmPKIAp4qVdzsjoqcUXMDoHA-mZqXDttj9GL07wMf8_D3j5tQOftaNEJgaYT5/s1600/apague.png" /></a></div>
<br />
<img src="http://lh3.ggpht.com/_NZJzdRm10Y0/TUbfA6spDfI/AAAAAAAAAes/i512CAyJpo8/outros3.gif" /><span style="color: #6fa8dc;">Apague o código destacado na imagem acima e coloque antes de fechar a chave o seguinte:</span><br />
<blockquote class="tr_bq">
margin: -50px;</blockquote>
<span style="color: #999999;"><img alt="Mini gif 150" src="http://img382.imageshack.us/img382/338/blog00326di4.gif" /> Modifique como quiser o espaço, em quanto <b>maior</b> o numero <b>menor</b> o espaço fica ok!</span><br />
<br />
<img src="http://muitopat.webs.com/goodies/emo31.gif" /><span style="color: #93c47d;">Se caso não encontrar o código (como acontece em alguns Templates) procure por:</span><b style="color: #93c47d;"> </b><span style="background-color: #b4a7d6;"><span style="color: white;">Widgets</span></span><br />
<span style="color: #93c47d;">e cole abaixo dele o código:</span><br />
<blockquote class="tr_bq">
.footer-inner {<br />
margin: -50px;<br />
}</blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbmqLVQpsysXcjqos3jWo-UeVoPCh2D6jFMlOB9dipTTPXBFF9mKvTWyLkae7rBtE6nlBwsWDi1yvlMJFmPf0okzsgmBjwOnOv8CXVM8vq9ASjSz1NxkeBxJJgZw32_KZNEPhxK9rwvx4G/s1600/tutofooter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbmqLVQpsysXcjqos3jWo-UeVoPCh2D6jFMlOB9dipTTPXBFF9mKvTWyLkae7rBtE6nlBwsWDi1yvlMJFmPf0okzsgmBjwOnOv8CXVM8vq9ASjSz1NxkeBxJJgZw32_KZNEPhxK9rwvx4G/s1600/tutofooter.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
É só isso, <u>visualize</u> e quando tiver do jeito que você quer, salve <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHT6IP3vc-JbDkJx82RsMWLzZfSM6CgwnUyER51CIJCVVq_FxZH6ar9kNvL8lbsDSw0bxW8jgcEIOQhAJRQDEc3n5mNZYwo7AqialfhdqxVfCY_NGEUBCY6c9CZx2hs-6ap-c0tc6d8845/s400/371.jpg" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com16tag:blogger.com,1999:blog-1343738570743056215.post-75313577486761986442012-05-29T12:38:00.002-03:002012-10-24T21:09:25.622-02:00Imagem com efeito giratório #2<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGkLnyXH8vPemOKGKBHlJy648g46bDUuggoBTOrb9ZYnTsG5SPIkvWUaMrD4aNuYtEWTjFv-MDtyuHqXhyphenhyphenB2-Xszk3Zrj4yzcEGoUQ5an1EzLv67Jw9m8cLxkCDKfsANS8tEVFJWzckNll/s1600/tumblr_m06j008h711r5d2guo1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGkLnyXH8vPemOKGKBHlJy648g46bDUuggoBTOrb9ZYnTsG5SPIkvWUaMrD4aNuYtEWTjFv-MDtyuHqXhyphenhyphenB2-Xszk3Zrj4yzcEGoUQ5an1EzLv67Jw9m8cLxkCDKfsANS8tEVFJWzckNll/s640/tumblr_m06j008h711r5d2guo1_500.gif" width="640" /></a></div>
<big>A</big>iin estava com saudades da minha <u>plantação de xuxu mais linda das galaxias</u> :) Bah demorei p/ aparecer né?! pois é, realmente não consegui passar aqui, estou trabalhando mais que burro de carga rsrsrs<br />
Mas hoje tenho o dia livre (<i>wiiiiiiiiiiiiiiii</i>) e postarei um tuto simples, <span style="color: #76a5af;">vocês lembram que já postei sobre efeito giratório em imagem</span>? aquele bonitinho que a maioria usava nos afiliados,<span style="color: #93c47d;"> se não lembram vejam</span> <a href="http://bad-reputation-13.blogspot.com.br/2012/02/tutorial-imagem-com-efeito-giratorio.html" target="_blank">aqui</a> .. <span style="color: #8e7cc3;">hoje vou postar o efeito giratório também</span><span style="color: #6aa84f;">,</span> mas não igual o outro <strike>lógiiico muié </strike>espero que gostem <b>:)</b><br />
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><span style="color: #6aa84f;"></span><br />
<a name='more'></a><br />
<span style="color: #6aa84f;">Vá em Design</span> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minigifmpg37.gif" /> <span style="color: #ea9999;">Editar HTML</span> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minigifmpg37.gif" /> <span style="color: #6fa8dc;">Ctrl F</span> e procure por <span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span><br />
<div>
<br /></div>
<div>
Cole acima de <i>]]></b:skin></i> este código<span style="color: #b4a7d6;">:</span><br />
<span style="color: #b4a7d6;"><br /></span>
<span style="color: #b4a7d6;"><u>Efeito 1:</u></span></div>
<blockquote class="tr_bq">
<br />
.rotate{<br />
width:auto;<br />
border-radius:<b>5</b>px;<br />
border: <b>4</b>px <b>double </b>#<b>ff73da</b>;<br />
-webkit-transition-duration: <b>1.00</b>s;<br />
-moz-transition-duration: <b>1.00</b>s;<br />
transition-duration: <b>1.00</b>s;}<br />
<br />
.rotate:hover{<br />
width:auto;<br />
-webkit-transform: rotateY(-<b>360</b>deg);<br />
border: <b>4</b>px <b>solid </b>#<b>ff73da</b>;<br />
-webkit-transition-duration: <b>1.00</b>s;<br />
-moz-transition-duration: <b>1.00</b>s;<br />
transition-duration: <b>1.00</b>s;}</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKS9qq1W3jXMS2DIY-qBCxgpp7uGDbsAJJpagPsQG2gfeCQX0tb3jzF95dPoNhSGhffWzx2U-FzvvxQCVd7hO95LN7x62AAgN8oQwWAM5NaCEIPSjhSQW_0oLnTpHE6mIPIZ14DUDe8dE/s1600/imagemnormalBR.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7b7Cb6zH8v7Ji65hr8Zb19nrLx3rWTftVPaA-nAsISJoeHvpzbFJdkcTM4XTxdXdbLA-v0sSJIqb9YcZngz4burD-Ui6tQWccKvTdO0-W3m6kM6QG2MDaClYorx5MnLTm_hPLlLLq2qwH/s1600/imagemaopassarmouseBR.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7b7Cb6zH8v7Ji65hr8Zb19nrLx3rWTftVPaA-nAsISJoeHvpzbFJdkcTM4XTxdXdbLA-v0sSJIqb9YcZngz4burD-Ui6tQWccKvTdO0-W3m6kM6QG2MDaClYorx5MnLTm_hPLlLLq2qwH/s200/imagemaopassarmouseBR.png" width="178" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKS9qq1W3jXMS2DIY-qBCxgpp7uGDbsAJJpagPsQG2gfeCQX0tb3jzF95dPoNhSGhffWzx2U-FzvvxQCVd7hO95LN7x62AAgN8oQwWAM5NaCEIPSjhSQW_0oLnTpHE6mIPIZ14DUDe8dE/s1600/imagemnormalBR.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKS9qq1W3jXMS2DIY-qBCxgpp7uGDbsAJJpagPsQG2gfeCQX0tb3jzF95dPoNhSGhffWzx2U-FzvvxQCVd7hO95LN7x62AAgN8oQwWAM5NaCEIPSjhSQW_0oLnTpHE6mIPIZ14DUDe8dE/s200/imagemnormalBR.png" width="183" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtGX7Teqc9LsO5lJey3CsFfti_9jyVfFEE1KMprlfc6pj9JiEgvpQ7vgoDi9Zxa550VVwZYEq6CBf1kikyUtXo5gipqPDSkaibufUmx7XDN1z0ysM3R8jeEXlrs9BEuyqkWTfrkUY5AJU/s1600/giraimagemBR.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtGX7Teqc9LsO5lJey3CsFfti_9jyVfFEE1KMprlfc6pj9JiEgvpQ7vgoDi9Zxa550VVwZYEq6CBf1kikyUtXo5gipqPDSkaibufUmx7XDN1z0ysM3R8jeEXlrs9BEuyqkWTfrkUY5AJU/s1600/giraimagemBR.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Imagem gira para o lado =></b></td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<u>Efeito 2:</u></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<blockquote class="tr_bq">
.rotate{<br />
width:auto;<br />
border: <b>4</b>px <b>solid</b> #<b>ff73da</b>;<br />
-webkit-transition-duration: <b>1.00</b>s;<br />
-moz-transition-duration: <b>1.00</b>s;<br />
transition-duration: <b>1.00</b>s;}<br />
.rotate:hover{<br />
width:auto;<br />
border: <b>dashed 4</b>px #<b>ff73da</b>;<br />
-webkit-transform: rotatex(-<b>360</b>deg);<br />
-webkit-transition-duration: <b>1.00</b>s;<br />
-moz-transition-duration: <b>1.00</b>s;<br />
transition-duration: <b>1.00</b>s;}</blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz4-gRYdzsDXKDuLoYJTW4uEiBmP_uihim4dfYyYlG4_VbKqRo_tp0_bXk9cgKayspvFBaj4-guyJpwJVhothD0qv7v5aNI8UCIVLsLJfpwPHEJ45pJq9HsyAKXDtHoeC4chjzOWFp-otZ/s1600/giraimagemBR2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz4-gRYdzsDXKDuLoYJTW4uEiBmP_uihim4dfYyYlG4_VbKqRo_tp0_bXk9cgKayspvFBaj4-guyJpwJVhothD0qv7v5aNI8UCIVLsLJfpwPHEJ45pJq9HsyAKXDtHoeC4chjzOWFp-otZ/s1600/giraimagemBR2.png" /></a></td></tr>
<tr><td class="tr-caption"><b>Imagem gira para cima ^</b></td></tr>
</tbody></table>
<br />
Depois de escolher o estilo Salve!!<br />
<span style="color: #93c47d;"><img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/k_atencao.gif" /> Modifique como quiser o que esta destacado em rosa</span><br />
<div>
<b>Obs: </b>Agora para que o <b><span style="color: #8e7cc3;">código funcione</span></b> coloque onde você quiser que apareça esse efeito o seguinte código:<br />
<br />
<span style="color: #6aa84f;"><u>Se quiser por link na imagem:</u></span><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="<b>URL</b>"> <img src="<b>LINK DA IMAGEM</b>" class="rotate"></a></span></blockquote>
<br />
<span style="color: #3d85c6;"><u>Se não quiser link na imagem:</u></span><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="<b>LINK DA IMAGEM</b>" class="rotate"></span></blockquote>
<br />
<span style="color: #444444;">Nesse post tem estilos de bordas : <a href="http://bad-reputation-13.blogspot.com.br/2012/05/negrito-italico-sublinhado-e-riscado.html" target="_blank">\o/</a></span><br />
<span style="color: #444444;">Aqui tem as cores : <a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">\o/</a></span><br />
<br />
<div style="text-align: center;">
Espero que tenham gostado é simples, mais é bacaninha o efeito!</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" /></a></div>
</div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com38tag:blogger.com,1999:blog-1343738570743056215.post-8794299045753292962012-05-20T18:55:00.002-03:002012-10-24T21:09:33.733-02:00Png de Ilustrações<div style="text-align: center;">
<img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQGGlnbw-tPlFJQl_nNGOI9rjdz6suflTC0JOttqgN580B1KkxkbJW6QzWQ2ymOCbaMUCbPAf8WzYo0mB8qCAMLAt4bMHepOWfZfxy7vrBahs8_ttJ13J1Ls0JXYA8rxmLQu8XIBRX0ZnQ/s640/tumblr_lzhjxqPMPr1qm4heyo1_500.gif" width="640" /></div>
<span style="color: #e06666;"><big>F</big>az muito tempo que não trago png de ilustrações né</span>..eu tinha essas há milênios junto com aqueles que já postei, só que são tantas <b>pastas dentro de pastas</b> que esqueci que existia esses aqui *o* hoje dei um jeitinho na <u>bagunça </u>do meu pc e vou postar o que achei p/ não esquecer de novo hihihi <span style="color: #8e7cc3;">e enquanto faço uma pipoca diliça aproveito meu resto de domingo p/ assistir</span> <span style="color: #76a5af;">Harry Potter e as Relíquias da Morte</span>, <strike><span style="color: #999999;">é né, pq acho só eu que não assistiu esse filme ainda.</span></strike><br />
<span style="color: #93c47d;">Espero que vocês gostem dos png's</span><span style="color: #8e7cc3;">..Tchauzim agora vou-me p/ tumba, </span><span style="color: #8e7cc3;">bjuuuu </span><img src="http://i805.photobucket.com/albums/yy331/momoirobox/clickable%20smilies/face64.png" /><br />
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<a name='more'></a><br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDgBAJxICFwDr4t5YERteMmVNL0Iy4dhkPeeAOFyIvlb0hWy5nyA3KY89QGO_6TZaMr1NaYdsLS4wzUpNS-avF83VYwz7sqtfoLY6-CSdZ9IdTqunqCcEOiIIkd9Mir7kxF5SeOB-NrY/s1600/ilustra%C3%A7%C3%A3oBR223.png" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9jmzO2rhlv30h3N1JcQxoZN2jNxeO5tpJu-j8qWo09udiKl6MzcrxqcGrTyzd0wLM5KWeN2Y06Yr4R16xG4zUcTOp4I0ZCyzRF7nC9dv_WGmrMxFbCOaCR4HO6mFZ38MZqTRw5xQrmQ/s1600/Ilustra%C3%A7%C3%B5es-BR182.png" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG0eMoRV8ukMMC5K7WxeX8zBD0TCxuOT1Vk5jwB0yRgYzPm38Joo1RD6McCPDYZ_Hfga2p1a59eaxe774vq5sB56mRkysDS9SsRUNUxvj2p8Sm7EYMD-CYp2NA6SYduNwKHyN7vOqqRH4/s1600/Ilustra%C3%A7%C3%B5es-BR181.png" /> </div>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukSCbZSy3gliuFvZNQ0SZWtycS3ds7JMSnzotLxLSjGs7S6HARFLRouO8LOPPYFxrX6tiAz4vzDYuyqGrknQNEw2OJ0w8ah-UsD9z95UqaUVvn2O8ia3yYpIwhcRzfKstxC7PS1R_qNg/s1600/Ilustra%C3%A7%C3%B5es-BR180.png" /><br />
<br />
<br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivZbkPX7F6ebsDCHvqgb9OE0sos6N4f-O-UWmnWZlESzWq864RPnYfhHKgPTrTgzu3xSQWl8V-v9pWCob8qCP6QrtEjo21nOBl8UAz4JG1Im8oAxGAvfjdVHwUY3BGFhbNfdoZmj_x9gc/s1600/Ilustra%C3%A7%C3%B5es-BR172.png" /><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLYRMcTsuGep3Xa_5eVhA_zguDC-RwxIw3LNnhFs9zvR14MIRO2W9xMwZr5svsZzJKluiL4t9LzN81-0Fq2z8kzwTe9fzbttCOaRgSu_LtiKonG39eOEAr9kpUun3I9LITyXvtRhfyhOI/s1600/Ilustra%C3%A7%C3%B5es-BR173.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLYRMcTsuGep3Xa_5eVhA_zguDC-RwxIw3LNnhFs9zvR14MIRO2W9xMwZr5svsZzJKluiL4t9LzN81-0Fq2z8kzwTe9fzbttCOaRgSu_LtiKonG39eOEAr9kpUun3I9LITyXvtRhfyhOI/s1600/Ilustra%C3%A7%C3%B5es-BR173.png" /></a></div>
<br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvisjojfwNWagsIqxJP-zwIoD56a9CJhM6OgVF8RsBsisooorUrugaAD9mePMpKo8wW5kUP27qu9NrBm85uK9TkYajPCK0GuLmLtd4CMt3epptd4Isu2RNTMte_zepEt1aGsG8V7uYT8/s1600/Ilustra%C3%A7%C3%B5es-BR171.png" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-h8Tv8558zl_7v4M104Fe2bAORsj7Kf6z-PLU0alWdePuoDWKRzrBvltSG9EVZnXp1humP8kEC4CrBvEBj6BpifoVmprV3iuyWmRfoGyUOJt6FO6TWPfTw61DADSlT4Jlb-gCnm7W9QA/s1600/Ilustra%C3%A7%C3%B5es-BR+92.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhzvhj9k4aU9iIkL4YsL_iVa_EQgbtbqBek1TnA4j3AQinhLLVSYY6XtzWQKE_6epMLfPolYl_T0xja9o3AhHpkKHxfqPM1JiypveXlcSLMkO-zEXS5_Z2AYNmx0kGVfYiNRWk9ks47Cw/s1600/Ilustra%C3%A7%C3%B5es-BR+8.png" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgwzDCJ3PJSM4aUiAQKkbcfFCpx0z5qtw2VThjtF-tigvaCE5hNU16mRqoDO3u7f2e5DpftC-ltMewHfdWoczlku-cOcOEULudf4H0kYPDXEKjeWSALqSo98yM6uiyVtEMDEQBCszRfY/s1600/Ilustra%C3%A7%C3%B5es-BR+6.png" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirSP_Gha45SFB6PHrv4_3f_GV_DSHbF2RyFVzQEFhT5ChQozVpgJrkPrGuBB5Jy2kGnbjlZTnASNCobsBSUoOE8V7i7bD4mGnEXPe9RpmwtdS6ep-H2Ozy_T0YLiFX0_rAAU2yRqnTqUc/s1600/Ilustra%C3%A7%C3%B5es-BR+49.gif" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ejm-tXZiSfClQ04jvW1Stw9A5mlNRcZeJaqbQZ5p1lZ8fdMScYv1IJ0xKZVO0Zf2g_M5p2fQbFBCY2KY_iH73aqKmQblzYpZir8i0lwZxmb3jaJAiosYr2HkXtIuMXFswmBZdlcSHaA/s1600/Ilustra%C3%A7%C3%B5es-BR+160.png" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim39feT48qrVAOdlGcF7AkTd6gyl54l8joHVrMXDmPQ0fh_gpUW7zVXVY_DFCkl4GbXUeamFVhoW-7F-1jE5-G8669HJ6vTCkE_Ss1Bl99GqrjrsKaOR8omVuvL5wCD2b6iymsNHg0No4/s1600/Ilustra%C3%A7%C3%B5es-BR+153.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbxxHLUQDdexLUxlc_emERDb5EwKE09VzcKWRTy3oE-8Dw-vPmqIuqjPepWKtfy6xEedwiTIVVYn80zu7sVKog2xQei7tXb-pgVA__uVCIaN60fiecnUYuXDKi2mXlF3kTWADbedaNeoA/s1600/Ilustra%C3%A7%C3%B5es-BR+152.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIGvVsbDvhXaDlBIu1PTrQF_sAvd2ubl9ubY848rGINqXCaZQNPIaFpf9nqkC4ITMwRc_zICV-bpYj5RShhmGgRg6VqsG6A4OdMG784jAqZi_Wk323LgaiHU1LOc-QNJgIQbOapLmjJ6Q/s1600/Ilustra%C3%A7%C3%B5es-BR+150.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxaVXPIDxdFbauNwLOQcJA-brInV59Ah1AdcuPMsS3Bnbi3pCWCLZ9iPmmqgOO6Fepvj1Bj1q1istea3fF5_i7eLU_YYVf5uAiO_iQYgMF5HsgxP2EM8HYC2-e_1YSIpXKewN89TND4Og/s1600/Ilustra%C3%A7%C3%B5es-BR+149.gif" /><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl3I0yQRn3Vus4mTMeAFflSADCiVmTOBg0U29ARjDGtP8fy8Sj0klPGrvYq-enX6GjLSPLzN8bnlZtC2VNN4xcrimyQguXOaa9UgMOwmTmbw8IECcAkZ8cPnkrYqI1xklZJxReGxr1FRzE/s1600/Ilustra%C3%A7%C3%B5es-BR+142.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl3I0yQRn3Vus4mTMeAFflSADCiVmTOBg0U29ARjDGtP8fy8Sj0klPGrvYq-enX6GjLSPLzN8bnlZtC2VNN4xcrimyQguXOaa9UgMOwmTmbw8IECcAkZ8cPnkrYqI1xklZJxReGxr1FRzE/s1600/Ilustra%C3%A7%C3%B5es-BR+142.png" /></a><br />
<br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNjKjQUOYCBHP5OShSgI8C5TB-7u7yUZ_VvL6Yqp3N8mS1pKhBqDoaBxz-yWaYgB-4cMsc-ZOoyAkYqSXJ_UERefyhqZU8re98zFJ0-qEjN4vkwOmnL4kpaqnMcxzf0xgTSRE5fj2aWdM/s1600/Ilustra%C3%A7%C3%B5es-BR+138.png" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhttvxqsqj7K3cdF_dzKjcXkCxzkiuJznDwL2FfStbrJwkI11D8AUI08s5RaJ3lojKHeJcNoSOvtMJHBb9q6FVJWBMDKyRsIOq2HsjqiRWc-JGajJtARaoVxZ99PIrMX5NxCHK8hxv1i7c/s1600/Ilustra%C3%A7%C3%B5es-BR+118.png" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMYosBNJKMoSWTz8u-AiHXzIO2jWVeF6DBXcZiRHLGNdJtLcfHPayLWdqITcbzXZ9rokfy6W01unn219mdD899joxTwYY1zKW7JEXaEQaWRCtx_LkGCGPe-SCSLLeBkLvegknOV4rohw/s1600/Ilustra%C3%A7%C3%B5es-BR+129.png" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2iFcKVLtLJbBmK0jIng2tJDz1oyy2cazYhjnBVSiFvPYuT4Qn8IDABVLrxq5fdOLrWU60UscLumCDjolR8Ynb0hsUjg857GitufBENnzn1oW0CWEi0OduouPMNOpKbZi8NkDJdmv_lGY/s1600/Ilustra%C3%A7%C3%B5es-BR+132.png" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRAwkVj-jKdNEUj_NLsUhHjlnBoyaVHWoDKSUzYyYeNyMWcaD0nkRiO13ia8dcV47nBT1I07r4K4STXREloP8YqZpnYQW1Iyq5SsZ-WEP97n7cg-RC93_IOizYxbXQR_A_-TLPUrARmbA/s1600/Ilustra%C3%A7%C3%B5es-BR+134.png" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk14oP4WjZ-u9vssLn97kPTT1zbgaa0-22x3DqP4wAFEL8YeOyy0O2pa9wS40XuF9wfIhuPErD21hirsez1DohaZbAyngLcYlf_7UH6LkPBKvBEJtAcYEX7ZUkHOKUr3kk8kt3N_W1rTo/s1600/Ilustra%C3%A7%C3%B5es-BR+135.png" /> <br />
<br />
<i>As 5 ultimas são do </i><span style="color: #888888; font-family: arial; font-size: 12px; text-align: justify;"><a href="http://edicaopopgirls.blogspot.com.br/" target="_blank">Seu Photoscape Perfeito</a></span><br />
<span style="color: #6fa8dc;">outras eu mesma tirei o fundo e bla bla por isso</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" /></a></div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com33tag:blogger.com,1999:blog-1343738570743056215.post-3719763706179509822012-05-15T12:51:00.002-03:002012-10-24T21:12:03.370-02:00Negrito, Itálico, Sublinhado e Riscado<div style="text-align: center;">
<img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqcKk4Lvt91Wu7mvqY7C6NaOXpwbMviptlQKpYPu2xB_-c1AM99_dsg06vAS0r_lhyCWxtSBleNARQZNIm6Tm2Cgn8fJqGOwrWAe1D9FXrATZ96OYatq2uDWkeyzvPCkecsFjHsoq3dsWQ/s640/tumblr_m1d0awfgMI1qgewyzo1_500.gif" width="640" />
<big>T</big>odos vocês já viram em vários blogs esse tuto..<b>Negrito</b>, <i>Itálico</i> e <u>Sublinhado</u> automático, mais nos que <b>eu</b> vi não tinha como personalizar o <strike>Riscado</strike>..pois aqui tem (<span style="color: #d5a6bd;">wiiiiiiiiiii</span>) e tem efeito hover também, se quiser aprender como faz é só continuar lendo meus xuxuzinhos de cerca preferidos.</div>
<i>Agradeço por todos os recadinhos e sejam bem-vindos os novos seguidores :)</i><br />
<b>Ah </b><span style="color: #6aa84f;">muita gente me perguntou onde peguei as imagens do post anterior.</span>.a maioria foi desse tumblr <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/047.gif" /><a href="http://fyeaheoljjang.tumblr.com/" target="_blank">Kpop & Ulzzang</a><br />
<br />
<a name='more'></a><br />
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
Vá em Design <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/51.gif" /> <span style="color: #e06666;">Editar HTML</span> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/51.gif" /> Ctrl F e procure por: <span style="background-color: #8e7cc3; color: white;">]]></b:skin></span><span style="background-color: white;"> </span><br />
<span style="color: #6fa8dc;"><span style="background-color: white;">ao encontrar..</span><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/92.gif" /><span style="background-color: white;">Cole este código acima dele: </span></span><br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="color: #444444;"></span><br />
<div>
<span style="color: #444444;">b {color: #<b>ff78a0</b>; text-decoration: none;}<b> /* Estilo negrito */</b></span></div>
<div>
<span style="color: #444444;">i {color: #<b>80c3ff</b>; text-decoration: none;} /* <i>Estilo itálico</i> */</span></div>
<div>
<span style="color: #444444;">u {color: #<b>ffca85</b>; text-decoration: none;</span></div>
<div>
<span style="color: #444444;">border-bottom: 1px dashed #<b>ffca85</b>;} /* <u>Estilo sublinhado</u> */</span></div>
<div>
<span style="color: #444444;">s, strike { color: #<b>99aaff</b>; cursor: normal; } /*<strike>Estilo Riscado</strike>*/</span></div>
</div>
</blockquote>
<br />
<u>Pode usar com efeito hover olha só:</u><br />
<blockquote class="tr_bq">
<div style="text-align: left;">
b {color: #<b>ff219f</b>; text-decoration: none;} /* Estilo do negrito */</div>
<div style="text-align: left;">
b:hover { cursor: <span style="color: #8e7cc3;">crosshair</span>; color: #<b>000</b>;}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
i {color: #<b>d6aef5</b>; text-decoration: none;} /* Estilo do itálico */</div>
<div style="text-align: left;">
i:hover { cursor: <span style="color: #8e7cc3;">crosshair</span>; color: #<b>000</b>;}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
u {color: #<b>6dd2f7</b>; text-decoration: none;</div>
<div style="text-align: left;">
border-bottom: 1px dashed #<b>6dd2f7</b>;} /* Estilo do sublinhado */</div>
<div style="text-align: left;">
u:hover {cursor: <span style="color: #8e7cc3;">crosshair </span>; color: #<b>000</b>;</div>
<div style="text-align: left;">
border-bottom: dashed 1px #<b>000</b>; text-decoration: none; }</div>
</blockquote>
<div>
<div style="text-align: left;">
<img src="http://lh3.ggpht.com/_NZJzdRm10Y0/TUbfA6spDfI/AAAAAAAAAes/i512CAyJpo8/outros3.gif" /><span style="color: #6aa84f;">Edite como quiser:</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Tabela de cores <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-NZU_8gUYTibBzZPSxikRxRZOComF0zt_82NOtKLwcyGOY9PqFiOMM31ef2gPLrJeMVq8lgH-n9lXvSijRUWKJzgVaDlXUtOgdQuGGUc9phsw3jwpGJ09-xnGvTODCcSlALJTkikeEya/s1600/mg154.gif" /><a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">aqui</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Alguns ponteiros do mouse:</div>
<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/81.gif" /> <b>Crosshair (cruz)</b><br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/79.gif" /> Default (seta)<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/81.gif" /> E-resize (seta que aponta à direita)<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/79.gif" /> Help (ponto de interrogação)<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/81.gif" /> Move (cruz com setas nas extremidades)<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/79.gif" /> N-resize (seta que aponta para cima)<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/81.gif" /> Pointer (mão)<br />
<br />
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif" /><b>Se não quiser seta diferente basta colocar</b> <span style="color: #444444;">None </span><b>onde diz </b><span style="color: #8e7cc3;">Crosshair </span><b>no código</b><br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/16.gif" /> <span style="color: #6aa84f;">Estilos de borda: (nome da borda esta em rosa)</span><br />
<br />
<div style="background-color: white; border-bottom-color: rgb(255, 94, 159); border-bottom-style: outset; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(255, 94, 159); border-left-style: outset; border-left-width: 2px; border-right-color: rgb(255, 94, 159); border-right-style: outset; border-right-width: 2px; border-top-color: rgb(255, 94, 159); border-top-style: outset; border-top-width: 2px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 2px <span style="color: magenta;">outset</span> #ff5e9f</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<br /></div>
<div style="background-color: white; border-bottom-color: rgb(110, 163, 255); border-bottom-style: inset; border-bottom-width: 3px; border-image: initial; border-left-color: rgb(110, 163, 255); border-left-style: inset; border-left-width: 3px; border-right-color: rgb(110, 163, 255); border-right-style: inset; border-right-width: 3px; border-top-color: rgb(110, 163, 255); border-top-style: inset; border-top-width: 3px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 3px <span style="color: magenta;">inset</span> #FFFF99</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<br /></div>
<div style="background-color: white; border-bottom-color: rgb(70, 199, 78); border-bottom-style: ridge; border-bottom-width: 4px; border-image: initial; border-left-color: rgb(70, 199, 78); border-left-style: ridge; border-left-width: 4px; border-right-color: rgb(70, 199, 78); border-right-style: ridge; border-right-width: 4px; border-top-color: rgb(70, 199, 78); border-top-style: ridge; border-top-width: 4px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 4px <span style="color: magenta;">ridge</span> #46c74e</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<br /></div>
<div style="background-color: white; border-bottom-color: rgb(237, 237, 88); border-bottom-style: groove; border-bottom-width: 3px; border-image: initial; border-left-color: rgb(237, 237, 88); border-left-style: groove; border-left-width: 3px; border-right-color: rgb(237, 237, 88); border-right-style: groove; border-right-width: 3px; border-top-color: rgb(237, 237, 88); border-top-style: groove; border-top-width: 3px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 3px <span style="color: magenta;">groove</span> #eded58</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<br /></div>
<div style="background-color: white; border-bottom-color: rgb(255, 0, 0); border-bottom-style: double; border-bottom-width: 4px; border-image: initial; border-left-color: rgb(255, 0, 0); border-left-style: double; border-left-width: 4px; border-right-color: rgb(255, 0, 0); border-right-style: double; border-right-width: 4px; border-top-color: rgb(255, 0, 0); border-top-style: double; border-top-width: 4px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 4px <span style="color: magenta;">double</span> #FF0000</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<br /></div>
<div style="background-color: white; border-bottom-color: rgb(237, 87, 76); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(237, 87, 76); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(237, 87, 76); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(237, 87, 76); border-top-style: solid; border-top-width: 1px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 1px <span style="color: magenta;">solid</span> #ed574c</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<div style="text-align: left;">
<br /></div>
</div>
<div style="background-color: white; border-bottom-color: rgb(106, 85, 237); border-bottom-style: dashed; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(106, 85, 237); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(106, 85, 237); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(106, 85, 237); border-top-style: dashed; border-top-width: 2px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 2px <span style="color: magenta;">dashed</span> #6a55ed</span></div>
</div>
<div style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: center;">
<br /></div>
<div style="background-color: white; border-bottom-color: rgb(145, 145, 145); border-bottom-style: dotted; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(145, 145, 145); border-left-style: dotted; border-left-width: 2px; border-right-color: rgb(145, 145, 145); border-right-style: dotted; border-right-width: 2px; border-top-color: rgb(145, 145, 145); border-top-style: dotted; border-top-width: 2px; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">border: 2px <span style="color: magenta;">dotted</span> #919191</span></div>
</div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com38tag:blogger.com,1999:blog-1343738570743056215.post-79420393753472652092012-05-11T16:18:00.002-03:002012-10-24T21:12:17.244-02:00Imagens para post<div>
<div style="text-align: center;">
<img height="480" src="http://i245.photobucket.com/albums/gg70/muna_mj/MotherAndKidCouple.jpg" width="640" /></div>
<b><big>O</big>iii meus xuxuzinhos</b> ^-^ <span style="text-align: -webkit-auto;">depois de meia hora consegui logar =/ a internet tah uma 'coisa' desde ontem, não abria nenhuma página nem o <strike>Google</strike>..</span>só dando uma <span style="color: #6aa84f;">passadinha rápida aqui hoje, aproveitando que a net deu uma melhoradinha </span>eu trouxe algumas imagens p/ vocês <span style="color: #ea9999;">enfeitarem </span>seus posts, espero que vocês gostem e usem..Agora já vou saindo tenho que comprar um presente pra minha <u>mamis</u> ano passado não comprei nada p/ ela *o*<br />
<div style="text-align: center;">
<i>bjuuu e Bom Find pro cês e um </i><b>Feliz dia das Mães</b><i> </i><i>(<strike>domingo</strike>) </i><i>p/ todas as mamães divas desse Brasil zil zil</i></div>
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<a name='more'></a><br />
<div style="text-align: center;">
As imagens estão todas em tamanho original :) </div>
<br />
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CaMkArt_wSbJiB-AzwTTVlr4b_pVGUkxd7Bgyk3tZZ0v8VMjme7t4_Owoxo8JFo_rBpOLMoU4Q4pVVp1kGcQacSEKC4XB-2G0yq0fC_FXPzuWnKaOiCV_gf89ZOaAVKnWSMV3EVhpT1P/s1600/tumblr_m0o3jfRYbW1qak6q0o1_500.png" /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR_xEdLGcYkl2gDK_rA8sUsIF4ofAXLGEk4lIztKUbRav6JdZEDK48JBH3VS_b0u5eULo-8r38Gd-TvX8qek87a1mKVn_ycagQ4d6oHnasBKaFtUpz6ojJ5sEjEh4zJoEHa2w2l9u84ts/s1600/tumblr_ls1fxxc2xO1r2fjnto1_500_large.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jYqjcMnN666dvthMI_MnDJVZn9e0Fp8N0Ej5YeRkXc5B3NyiOWEt7EMZLXtsiu6t6Kdl76PL-hwLzPcQtdau-VjKHJ9WqlHZTQ7WHYNhEcpsU_rwnzoqSaKom1nT5DpnLekV9amtHYUd/s1600/tumblr_m27fntUnUm1qak6q0o1_500.jpg" /><br />
<br /></div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB89UihujsJARVYtRIwHS6thqXRS8z37VzV6ibch6_bvPVcWnNRtAOA1MBMybHtqHUC7Ddu7p4YRwNaAAzz2BuAqotVUmJoFxLDTJTX6452-Pjgql4SaFiVJUcBRptrBvqaKsewUJw0ixp/s1600/tumblr_m29dqvdhkl1rtz6xeo1_500.png" /> </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-tXft04Ra38W542da2W_bp82vNkLhOPm4AVz3TjIS3zqfMvfs5aqH6g_PlOBn6dfDrlX1H8Jye619zjCsW_e46Os71k5RGItaYzh6gGDQQ3dUa3lJDs1Yij5HQ52ORTWbCvtTgtQ3oYZI/s1600/tumblr_lml8jwuWiP1qdl9dfo1_500_large.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-tXft04Ra38W542da2W_bp82vNkLhOPm4AVz3TjIS3zqfMvfs5aqH6g_PlOBn6dfDrlX1H8Jye619zjCsW_e46Os71k5RGItaYzh6gGDQQ3dUa3lJDs1Yij5HQ52ORTWbCvtTgtQ3oYZI/s1600/tumblr_lml8jwuWiP1qdl9dfo1_500_large.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh352kLkz1Sn-oNDFLmF0f_rye3J8J5-0cUZy781WHQIkiMoxahiQyp4IGRAWSbfNHcpabdkU-1d2cIiwM7PjHC5SCZl7LV70wkkQyUCQjWcta-hi8saVTw03TNpy2-8lelJ4zJ8Gzx6kSU/s1600/tumblr_m0o2voqeBQ1qak6q0o1_500_large.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh352kLkz1Sn-oNDFLmF0f_rye3J8J5-0cUZy781WHQIkiMoxahiQyp4IGRAWSbfNHcpabdkU-1d2cIiwM7PjHC5SCZl7LV70wkkQyUCQjWcta-hi8saVTw03TNpy2-8lelJ4zJ8Gzx6kSU/s1600/tumblr_m0o2voqeBQ1qak6q0o1_500_large.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRekljiG13I9P3K2R7o9cCZAnwn0pyHOE2p6urz6Xp7BzqRQn02de8B0lqZfhjCzx5bkUPVNLigIP02STb2wrA9kfgykEIODaPVQL5iEx7NYRknqrFkv-bAH89S1BPRWaxA35_XVhv-sCp/s1600/tumblr_m33y98r1mB1qfik8to1_500_large.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRekljiG13I9P3K2R7o9cCZAnwn0pyHOE2p6urz6Xp7BzqRQn02de8B0lqZfhjCzx5bkUPVNLigIP02STb2wrA9kfgykEIODaPVQL5iEx7NYRknqrFkv-bAH89S1BPRWaxA35_XVhv-sCp/s1600/tumblr_m33y98r1mB1qfik8to1_500_large.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
<img src="http://25.media.tumblr.com/tumblr_ls0t60H9Y01qak6q0o1_500.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<img src="http://24.media.tumblr.com/tumblr_lyunvxo8Hn1qak6q0o1_500.jpg" /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img src="http://24.media.tumblr.com/tumblr_lr7kh0JvHn1qak6q0o1_500.jpg" /></div>
<br />
<span style="font-size: x-small;">Créditos: tumblr</span>Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com38tag:blogger.com,1999:blog-1343738570743056215.post-51320238908238495632012-05-08T12:44:00.002-03:002012-10-28T14:09:55.757-02:00Autor, Tags e Coments abaixo do título<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<img height="426" src="http://data.whicdn.com/images/27758680/tumblr_m35dzv9W9U1qfrejzo1_500_large.jpg" width="640" /></div>
<big>H</big>oje vou postar um tuto bem conhecido por vocês <span style="color: #9fc5e8;">(ou não)</span>, nossa amiga <span style="color: #888888; font-family: arial;"><span style="font-size: 12px;"><a href="http://anonlypossibility.blogspot.com.br/" target="_blank">Anjinha Nati </a> </span></span><span style="color: #999999;">(<strike>é assim que esta o nick dela</strike>)</span> esta com dificuldade de encontrar, <b>Ela queria saber:</b> <i>como colocar Postado por e tals em baixo do título do post</i> ? por isso.. <span style="color: #ea9999;">Seus problemas acabaram \o/</span> eu fiz o tuto p/ tu que até minha prima entendeu..e saiba que ela tem 'dificuldades do tamanho do Godzilla' com essas coisas de computador/internet <span style="color: #f6b26b;">como ela mesmo diz</span> rsrs..<br />
<br />
<a name='more'></a><br />
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<div>
<br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/84.gif" /> <span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">Vá em Design </span> <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Seta.gif" /> <span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;"> </span><span style="background-color: white; color: #ea9999; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;">Editar HTML</span><span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;"> </span> <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Seta.gif" /> <span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;"> </span><span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: left;">Marque: </span><span style="background-color: #fff2cc; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px; text-align: left;"><img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif" style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;" /> Expandir modelos</span></div>
<div>
<span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;"><br /></span></div>
<div>
<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Seta.gif" /> <span style="background-color: white; color: #5b5b5b; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 17px;"><b>Ctrl f</b> e procure por: </span><span style="background-color: #8e7cc3; color: white;">post-footer-line</span><span style="background-color: white;"> (<i><span style="color: #b4a7d6;">é onde estão os códigos</span></i>)</span></div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<span style="color: #93c47d;">Recomendo que use o bloco de notas <img src="http://lh4.ggpht.com/_NZJzdRm10Y0/TUbfZ2FWQKI/AAAAAAAAAew/GUZTJhVziHA/outros19.gif" /> pois vamos recortar os códigos e colar em outra parte do Html, </span></div>
<div>
<br /></div>
<div>
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif" /> <b><span style="color: #444444;">Importante:</span></b> Preste <span style="color: #e06666;">atenção</span> e recorte sempre desde <b style="text-align: left;"><span style="color: #e06666;"><span class=</span> </b><span style="text-align: left;">até</span><b style="text-align: left;"> </b><b style="text-align: left;"><span style="color: #e06666;"></span></span> </b><span style="text-align: left;">como eu destaquei em <b>rosa</b>, ao contrario vai dar <b>erro</b> no html</span></div>
<br />
<div>
Os códigos à serem recortados são:</div>
<div>
<br /></div>
<div>
<u>Código do autor do post</u></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<b><span class='post-author vcard'></b></div>
<div style="text-align: left;">
<b:if cond='data:top.showAuthor'></div>
<div style="text-align: left;">
<data:top.authorLabel/></div>
<div style="text-align: left;">
<b:if cond='data:post.authorProfileUrl'></div>
<div style="text-align: left;">
<span class='fn'></div>
<div style="text-align: left;">
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'></div>
<div style="text-align: left;">
<data:post.author/></div>
<div style="text-align: left;">
</a></div>
<div style="text-align: left;">
</span></div>
<div style="text-align: left;">
<b:else/></div>
<div style="text-align: left;">
<span class='fn'><data:post.author/></span></div>
<div style="text-align: left;">
</b:if></div>
<div style="text-align: left;">
</b:if></div>
<div style="text-align: left;">
<b></span></b></div>
</blockquote>
<div>
<u><br /></u></div>
<div>
<div>
<u>Código dos comentários</u></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<b><span class='post-comment-link'></b></div>
<div style="text-align: left;">
<b:if cond='data:blog.pageType != &quot;item&quot;'></div>
<div style="text-align: left;">
<b:if cond='data:blog.pageType != &quot;static_page&quot;'></div>
<div style="text-align: left;">
<b:if cond='data:post.allowComments'></div>
<div style="text-align: left;">
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></div>
<div style="text-align: left;">
</b:if></div>
<div style="text-align: left;">
</b:if></div>
<div style="text-align: left;">
</b:if></div>
<div style="text-align: left;">
<b></span></b></div>
</blockquote>
</div>
<div>
<br /></div>
<div>
<u>Código dos marcadores</u></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<b><span class='post-labels'></b></div>
<div style="text-align: left;">
<b:if cond='data:post.labels'></div>
<div style="text-align: left;">
<data:postLabelsLabel/></div>
<div style="text-align: left;">
<b:loop values='data:post.labels' var='label'></div>
<div style="text-align: left;">
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></div>
<div style="text-align: left;">
</b:loop></div>
<div style="text-align: left;">
</b:if></div>
<div style="text-align: left;">
<b></span></b></div>
</blockquote>
<div>
<img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/047.gif" /><span style="color: #76a5af;">Para não errar cada código que recorto eu vizualizo p/ ver se não deu erro no html e se copiei certinho, </span><span style="color: #93c47d;">assim não preciso apagar todo </span><span style="color: #93c47d;">código</span><span style="color: #93c47d;"> caso algo dê errado.</span><span style="color: #76a5af;">:)</span></div>
<div>
<span style="color: #93c47d;"><br /></span></div>
<div>
Depois de recortá-los <b>aperte</b> <b>Ctrl F</b> novamente e procure por: <span style="background-color: #8e7cc3;"><span style="color: white;"><div class='post-header-line-1'/></span></span> </div>
<div>
e abaixo desse trecho <span style="color: #6fa8dc;">cole os códigos recortados,</span> automaticamente ficarão lado à lado, mas caso você queira deixar uma a baixo do outro, basta colocar<span style="color: #e06666;"> <br/></span> depois de cada <span style="color: #e06666;"></span></span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #b4a7d6; font-size: x-small;">Vai ficar assim:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihZFkRj1oLMpwmjQWAfcLAb-6TtbtU1Tr5IFCdzDAFsML2NPibSU0H-RozVB_4SQkHyWKfnGJcgu7k4GhlyOQWke5tDGHkEHIpxVAfcBEwV3ki114ruhknmqisUV7wfpPparNtyLmF2Vk/s1600/tuto2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihZFkRj1oLMpwmjQWAfcLAb-6TtbtU1Tr5IFCdzDAFsML2NPibSU0H-RozVB_4SQkHyWKfnGJcgu7k4GhlyOQWke5tDGHkEHIpxVAfcBEwV3ki114ruhknmqisUV7wfpPparNtyLmF2Vk/s1600/tuto2.png" /></a></div>
<div>
<br /></div>
<div>
Se quiser colocar aquela borda como a que eu uso:</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #b4a7d6; font-size: x-small;">Exemplo:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQcC2W4Yy3MZiL2fGPMAF_eVY_Xc1_5vFvwrOQna7kBkrUMKry2kEumWh5v4NHjAtg9dRFd2nVx5AZaul83Y9_fq_hjMosDo6qeUQ0-VVeSjGrpapenk3L2cMi0gkILEx-GOr_efN-SmV/s1600/assimtuto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQcC2W4Yy3MZiL2fGPMAF_eVY_Xc1_5vFvwrOQna7kBkrUMKry2kEumWh5v4NHjAtg9dRFd2nVx5AZaul83Y9_fq_hjMosDo6qeUQ0-VVeSjGrpapenk3L2cMi0gkILEx-GOr_efN-SmV/s1600/assimtuto.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
É só apertar <b>Ctrl f</b> e procurar por: <span style="background-color: #8e7cc3; color: white;">.post-header {</span><br />
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/79.gif" /> Antes de fechar a chave cole o seguinte código:</div>
<blockquote class="tr_bq">
text-align:center; /*Centraliza o texto*/<br />
border-top: <b>dotted 1</b>px #<b>ddd</b>;<br />
border-bottom: <b>dotted 1</b>px #<b>ddd</b>;</blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: -webkit-auto;">
<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/008.gif" /> <b>S</b>e por acaso do destino (rsrs) não encontrar esse código cole depois de fechar a chave de <span style="background-color: #8e7cc3; color: white;">h3.post-title</span></div>
<blockquote class="tr_bq" style="text-align: -webkit-auto;">
<div style="text-align: left;">
.post-header {</div>
<div style="text-align: left;">
text-align:center;</div>
<div style="text-align: left;">
<span style="text-align: -webkit-auto;">border-top: </span><b style="text-align: -webkit-auto;">dotted 1</b><span style="text-align: -webkit-auto;">px #</span><b style="text-align: -webkit-auto;">ddd</b><span style="text-align: -webkit-auto;">; </span><br />
<span style="text-align: -webkit-auto;">border-bottom: </span><b style="text-align: -webkit-auto;">dotted 1</b><span style="text-align: -webkit-auto;">px #</span><b style="text-align: -webkit-auto;">ddd</b><span style="text-align: -webkit-auto;">;</span></div>
<div style="text-align: left;">
padding: <b>3</b>px; /*Espaço palavra e linha*/</div>
<div style="text-align: left;">
margin: <b>8</b>px; /*Margem da linha com o post*/</div>
<div style="text-align: left;">
line-height: <b>10</b>px; /*tamanho (altura) da linha (borda)*/</div>
<div style="text-align: left;">
}</div>
</blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #8e7cc3;">Assim:</span></div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH_nxTri5kAEH1hRCau_BUetlq8NtIZM4ojJ5fnSi_WQE3bLcWAo4ZPfrk_XkKL2ojQ9mlQdgAKjU5S2QTdd0skqSpotdzL80eUvIC1yJz6MCSO44PjjxQmDIMZvAnxYXctlfrzTudKJHd/s1600/tutoBR.png" /></div>
<br />
<div>
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_minikao.gif" /> Se quiser alterar o tamanho da fonte, adicione antes de fechar a chave do<u> .post-header { </u></div>
<div>
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
font-size:<b>12</b>px; /*Tamanho que quiser*/</blockquote>
<div>
<br /></div>
<div>
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_minikao.gif" /> E se quiser colocar aquela <b>barrinha divisória</b> é só acrescentar<b> </b><b>|</b> no fim do <b></span></b> dos códigos.</div>
<div>
<br /></div>
<div>
<img src="http://muitopat.webs.com/goodies/emo31.gif" /><span style="color: #b4a7d6;">Estilos de borda aqui: <a href="http://bad-reputation-13.blogspot.com.br/2012/03/tutorial-divisoria-entre-post-e-sidebar.html" target="_blank">aqui</a></span></div>
<div>
<span style="color: #b4a7d6;"> Tabela de Cores <a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">aqui</a></span></div>
<div>
<br /></div>
<div>
<span style="color: #f6b26b;">Obs:</span> Testado no template Travel (viagem) e Watermark (espetacular)</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com40tag:blogger.com,1999:blog-1343738570743056215.post-40378318488913759522012-05-05T21:28:00.002-03:002012-10-24T21:13:08.569-02:00Menu BR ( + bônus )<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiueyLfJS84O-Aa3zeiUinEyWIVTwAdciKLlqluDJw9AWhyphenhyphen8FgCmajzUiCwRdTrAmrppKL7WqRFlVuS8c0-iae_um7Iw_7EJuI4ODMpTsYNH1mMzCY1QBE1lwpb8-pB5hAX9qCtLhVy3x5e/s1600/tumblr_m1c9tkoVNK1r3c09go1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiueyLfJS84O-Aa3zeiUinEyWIVTwAdciKLlqluDJw9AWhyphenhyphen8FgCmajzUiCwRdTrAmrppKL7WqRFlVuS8c0-iae_um7Iw_7EJuI4ODMpTsYNH1mMzCY1QBE1lwpb8-pB5hAX9qCtLhVy3x5e/s640/tumblr_m1c9tkoVNK1r3c09go1_500.gif" width="640" /></a></div>
<big>H</big>oje à tarde a <a href="http://teenstyle-official.blogspot.com.br/" target="_blank">Luuh</a> me pediu p/ ensinar <span style="color: #93c47d;">como fazer o menu igual ao meu</span> <img src="http://olhar-43.net/conteudo/minigifs/10/265.gif" /> (<u>vocês viram a Lua que linda que esta?!</u>) se vocês também curtiram o menu tanto quanto <b>eu</b> e a <b>Luuh</b> façam bom proveito do tuto então <img alt="Mini gif 49" src="http://img523.imageshack.us/img523/2301/mg150kp8.gif" /><br />
(<span style="color: #8e7cc3;">OMG!</span> <span style="color: #b4a7d6;">Começou o Kamen Rider Black Rx </span><b>♥-♥</b>)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJQkHbcmv7C8kBBecr6uC_vUQF6-I0lMSqg2LCDfou22VFk6THSZKf4uyXi5svBWxBRXE7ZqTsSZ-Z8QN5zJLGDiHCDlv3yxaOy7wlj4UWFFImOj9cvV__JJr287QHPBzHP6z6H9RswT6/s1600/menubr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJQkHbcmv7C8kBBecr6uC_vUQF6-I0lMSqg2LCDfou22VFk6THSZKf4uyXi5svBWxBRXE7ZqTsSZ-Z8QN5zJLGDiHCDlv3yxaOy7wlj4UWFFImOj9cvV__JJr287QHPBzHP6z6H9RswT6/s1600/menubr.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><span style="color: #999999;">Vou mostrar exatamente o código usado aqui :)</span><br />
<span style="color: #999999;"></span><br />
<a name='more'></a><br />
<br />
Vá em Design <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/16.gif" /> <span style="color: #ea9999;">Editar HTML</span> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/16.gif" /> Ctrl f e procure por: <span style="background-color: #8e7cc3;"><span style="color: white;">]]></b:skin></span></span><br />
<span style="background-color: #8e7cc3;"><span style="color: white;"><br /></span></span>
agora que achou é só colar acima o código:<br />
<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
/*-----Início do Menu Bad Reputation-----*/</div>
<div style="text-align: left;">
kbr {</div>
<div style="text-align: left;">
background:#<b>eee</b>; /* <span style="color: #8e7cc3;">Cor de fundo do Menu</span> */</div>
<div style="text-align: left;">
width: <b>20</b>%; /* <span style="color: #8e7cc3;">Tamanho do Menu (Largura) </span>*/</div>
<div style="text-align: left;">
text-align: center;</div>
<div style="text-align: left;">
font-size: <b>8</b>px; /* <span style="color: #8e7cc3;">Tamanho da fonte</span> */</div>
<div style="text-align: left;">
color: #<b>000</b>; /* <span style="color: #8e7cc3;">Cor da fonte</span> */</div>
<div style="text-align: left;">
letter-spacing:<b>1</b>px; /* <span style="color: #8e7cc3;">Espaço entre as letras </span>*/</div>
<div style="text-align: left;">
padding: <b>4</b>px;</div>
<div style="text-align: left;">
margin: <b>2</b>px;</div>
<div style="text-align: left;">
float: left;</div>
<div style="text-align: left;">
-moz-border-radius: 25px 10px / 10px 25px;</div>
<div style="text-align: left;">
border-radius: 25px 10px / 10px 25px;</div>
<div style="text-align: left;">
-webkit-transition-duration: .90s; /* <span style="color: #8e7cc3;">Tempo do Efeito</span> */</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
kbr:hover {</div>
<div style="text-align: left;">
background:#<b>000</b>; /* <span style="color: #8e7cc3;">Cor do fundo do Menu ao passar o mouse</span> */</div>
<div style="text-align: left;">
width: <b>20</b>%; /* <span style="color: #8e7cc3;">Tamanho do Menu ao passar o mouse</span> */</div>
<div style="text-align: left;">
text-align: center;</div>
<div style="text-align: left;">
font-size: <b>8</b>px; /* <span style="color: #8e7cc3;">Tamanho da fonte ao passar o mouse</span> */</div>
<div style="text-align: left;">
color: #<b>fff</b>; /* <span style="color: #8e7cc3;">Cor da fonte ao passar o mouse</span> */</div>
<div style="text-align: left;">
letter-spacing:<b>1</b>px; /* <span style="color: #8e7cc3;">Espaço entre as letras </span>*/</div>
<div style="text-align: left;">
padding: <b>4</b>px;</div>
<div style="text-align: left;">
margin: <b>2</b>px;</div>
<div style="text-align: left;">
float: left;</div>
<div style="text-align: left;">
-moz-border-radius: 10px 25px / 25px 10px;</div>
<div style="text-align: left;">
border-radius: 10px 25px / 25px 10px;</div>
<div style="text-align: left;">
-webkit-transition-duration: .90s; /* <span style="color: #8e7cc3;">Tempo do Efeito</span> */</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
/*-----Fim do Menu Bad Reputation-----*/</div>
</blockquote>
<div style="text-align: left;">
<img src="http://www.cute-things.com/para_voce/gifs/mini_gifs/12.gif" /> <span style="color: #93c47d;">Modificando as partes destacadas</span></div>
<div style="text-align: left;">
<span style="color: #93c47d;"><br /></span></div>
<div style="text-align: left;">
<img src="http://olhar-43.net/conteudo/minigifs/8/24.gif" /> <span style="color: #ea9999;">Tabela de Cores</span><span style="color: #93c47d;"> </span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-NZU_8gUYTibBzZPSxikRxRZOComF0zt_82NOtKLwcyGOY9PqFiOMM31ef2gPLrJeMVq8lgH-n9lXvSijRUWKJzgVaDlXUtOgdQuGGUc9phsw3jwpGJ09-xnGvTODCcSlALJTkikeEya/s1600/mg154.gif" /> <a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">aqui</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS284.gif" /> Para o menu funcionar <u>adicione um Gadget HTML/JavaScript</u> e cole o seguinte:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<a href="<b>URL</b>"><kbr><b>Nome</b></kbr></a><br />
<a href="<b>URL</b>"><kbr><b>Nome</b></kbr></a><br />
<a href="<b>URL</b>"><kbr><b>Nome</b></kbr></a><br />
<a href="<b>URL</b>"><kbr><b>Nome</b></kbr></a></blockquote>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/047.gif" /><b>S</b>e quiser mudar a fonte do menu é só adicionar no código antes de fechar a chave:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
font-family: <b>arial</b>; /*<span style="color: #8e7cc3;">Nome da fonte que quiser</span>*/</blockquote>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif" /> E se quiserem fiz um menu bônus, veja a imagem:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtRk4ZUDV_rLP4WZtH0dLdTsbEFJUnmp-hZx9PrClEcPHZnhpVuhqunHmluy99vMKGS8L6DbITWheTRAp6_M1MrJlgUgd5xyGAjflpMHMT72MhEGqhblZzkCEJDbxoBbipna08nCoJ_w0c/s1600/menubr2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtRk4ZUDV_rLP4WZtH0dLdTsbEFJUnmp-hZx9PrClEcPHZnhpVuhqunHmluy99vMKGS8L6DbITWheTRAp6_M1MrJlgUgd5xyGAjflpMHMT72MhEGqhblZzkCEJDbxoBbipna08nCoJ_w0c/s1600/menubr2.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/98.gif" /> O código deste menu é:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<blockquote class="tr_bq">
/*-----Início do Menu Bad Reputation-----*/<br />
kbr {<br />
background: #<b>ff0080</b>; /* <span style="color: #6fa8dc;">Cor do fundo do Menu</span> */<br />
width: <b>20</b>%; /* <span style="color: #6fa8dc;">Tamanho do Menu (largura)</span> */<br />
text-align: center;<br />
font-size: <b>9</b>px; /* <span style="color: #6fa8dc;">Tamanho da fonte</span> */<br />
color: #<b>fff</b>; /* <span style="color: #6fa8dc;">Cor da fonte </span>*/<br />
letter-spacing:<b>1</b>px; /* <span style="color: #6fa8dc;">espaço entre as letras</span>*/<br />
padding: <b>4</b>px;<br />
margin: <b>2</b>px;<br />
float: left;<br />
-moz-border-radius: 30px 10px / 10px 30px;<br />
border-radius: 30px 10px / 10px 30px;<br />
-webkit-transition-duration: .90s; /*<span style="color: #6fa8dc;"> Duração do Efeito</span> */<br />
box-shadow: inset 0 0 3px #<b>aaa</b>, 0 0 5px #<b>606060</b>; /* <span style="color: #6fa8dc;">Cor da sombra </span>*/<br />
}<br />
kbr:hover {<br />
background: #<b>a203ff</b>; /* <span style="color: #6fa8dc;">Cor do fundo do Menu ao passar mouse </span>*/<br />
width: <b>20</b>%; /* <span style="color: #6fa8dc;">Tamanho do Menu ao passar mouse</span> */<br />
text-align: center;<br />
font-size: <b>9</b>px; /* <span style="color: #6fa8dc;">Tamanho da fonte ao passar mouse</span> */<br />
color: #<b>fff</b>; /* <span style="color: #6fa8dc;">Cor da fonte ao passar mouse</span> */<br />
letter-spacing:<b>1</b>px;<br />
padding: <b>4</b>px;<br />
margin: <b>2</b>px;<br />
float: left;<br />
-moz-border-radius: 10px 30px / 30px 10px;<br />
border-radius: 10px 30px / 30px 10px;<br />
-webkit-transition-duration: .90s; /* <span style="color: #6fa8dc;">Duração do Efeito</span> */<br />
box-shadow: inset 0 0 3px #<b>aaa</b>, 0 0 5px #<b>606060</b>; /*<span style="color: #6fa8dc;"> Cor da Sombra </span>*/<br />
}<br />
/*-----Fim do Menu Bad Reputation-----*/</blockquote>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><b>Menu feito por mim</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" /></a></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com23tag:blogger.com,1999:blog-1343738570743056215.post-91080719597382440532012-05-03T20:24:00.002-03:002012-10-24T21:13:24.994-02:00Gif no título do Gadget<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45_LsWvjOVDsjSjFXx1Kq712aVUjsHnJcSIKYScdMDwLp2XZXME_b7Jj7A-a-7EsmEGPplkKVxLHON4Q9drsI9p2s-ry8JEZh0J8eg2j5x0sL_uL7eQ963GdI69rYz1Cwb8U07DC4gnTj/s1600/tumblr_lwi7ru0EDZ1qf5tl0o1_500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="427" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45_LsWvjOVDsjSjFXx1Kq712aVUjsHnJcSIKYScdMDwLp2XZXME_b7Jj7A-a-7EsmEGPplkKVxLHON4Q9drsI9p2s-ry8JEZh0J8eg2j5x0sL_uL7eQ963GdI69rYz1Cwb8U07DC4gnTj/s640/tumblr_lwi7ru0EDZ1qf5tl0o1_500.jpg" width="640" /></a></div>
<u><big>X</big>uxuzinhos</u> o tuto que trago hoje é simples e fácil, vou ensinar como colocar <b><span style="color: #ea9999;">gifs</span> <span style="color: #ea9999;">nos títulos dos gadgets</span></b>, como mostra a imagem abaixo, pode colocar <i>diferentes gifs</i> em cada título..ou se quiser destacar algum gadget coloque um gif que fica bem bonitinho <b>quer aprender</b>? continue lendo <img src="http://olhar-43.net/conteudo/minigifs/10/265.gif" /><br />
<br />
<div style="text-align: center;">
<span style="color: #b4a7d6;">Imagem de Exemplo:</span></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_m74NRwG-x-yAkIDDZ0Ur5-37AvQR0Tcb_ZzF_c6eHOqzxJBOao_OOYNNWyy7K6V-OiRsR_XPQe7jD8wls-rEZFh66UIX7FzYRmTqC5k7cKgQxmopwbAcXLVjZuSCCx5F69Mi6RnKf-yR/s1600/tutoo.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_m74NRwG-x-yAkIDDZ0Ur5-37AvQR0Tcb_ZzF_c6eHOqzxJBOao_OOYNNWyy7K6V-OiRsR_XPQe7jD8wls-rEZFh66UIX7FzYRmTqC5k7cKgQxmopwbAcXLVjZuSCCx5F69Mi6RnKf-yR/s1600/tutoo.png" /></a></div>
<blockquote class="tr_bq" style="text-align: center;">
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_minikao.gif" /><span style="color: #8e7cc3;"> Enjoei</span><span style="color: #8e7cc3;"> do antigo lay :B esse não tive muito tempo p/ fazer por isso ficou meio mais ou menos, assim..feeeeio não acho que ficou..mais podia ser melhor né?!</span><span style="color: #6fa8dc;"> </span><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/008.gif" /></blockquote>
<div style="text-align: center;">
<span style="color: magenta;">O</span> tema do Lay não precisa de apresentações né?! A maioria de vocês gosta ou já ouviu falar de <u>Vocaloid.</u>.</div>
<div style="text-align: center;">
(<span style="color: #ea9999;">What</span>?) saiba mais <a href="http://vocaloidbrasil.com/historia-do-vocaloid/historia-de-vocaloid/" target="_blank">aqui</a></div>
<div style="text-align: center;">
<span style="color: #b4a7d6;">aiin acho tão bonitinha essa música da </span><span style="color: #ea9999;">Luka</span><span style="color: #b4a7d6;"> ouça a música inspiradora do novo Lay</span></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="150" src="http://www.youtube.com/embed/LLkM85H4BI8" width="260"></iframe></div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<span style="color: #6fa8dc;">Pode ser colocado diferentes gifs nos títulos dos gadgets, como fazer isso? é o que vou ensinar..agooora</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: -webkit-auto;">
<br />
<a name='more'></a></div>
<br />
<div class="" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<img alt="Mini gif 49" src="http://img523.imageshack.us/img523/2301/mg150kp8.gif" />Vá em Design <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/15.gif" /> Editar HTML <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/15.gif" /> Marque: <span style="background-color: #fff2cc;"><img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif" /> Expandir modelos</span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<img alt="Mini gif 49" src="http://img523.imageshack.us/img523/2301/mg150kp8.gif" />Ctrl F e procure por: <span style="background-color: #8e7cc3;"><span style="color: white;"> <h2 class='title'></span></span></div>
<div style="text-align: left;">
<span style="background-color: #8e7cc3;"><span style="color: white;"><br /></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGBjY3-UcAJ9Pc8inYeOwzX7K-mZh07W83S8kAf0hTrXtyWr_bG0N_wt_vfvcVW1Jk3wyWrBIR68s0BxCdgk5fUtjsRkjoUdvw4LscEEVkF59VDNx6sd5rUr8ZEiCzr6DNAlP-QDAIlc-P/s1600/222.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGBjY3-UcAJ9Pc8inYeOwzX7K-mZh07W83S8kAf0hTrXtyWr_bG0N_wt_vfvcVW1Jk3wyWrBIR68s0BxCdgk5fUtjsRkjoUdvw4LscEEVkF59VDNx6sd5rUr8ZEiCzr6DNAlP-QDAIlc-P/s1600/222.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://i88.photobucket.com/albums/k170/carla769/Gifs/miniaturas/miniicone151.gif" /> <span style="color: #93c47d;">Veja na imagem onde fica o nome (título) do gadget</span></div>
<br />
<img alt="Mini gif 49" src="http://img523.imageshack.us/img523/2301/mg150kp8.gif" /><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;">Cole o código: </span></span><span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;"><img src='URLDOGIF'/></span><span style="background-color: white; color: white; font-family: Arial, Helvetica, sans-serif;"> </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">entre <h2 class='title'> e <data:title/></span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://muitopat.webs.com/goodies/emo31.gif" /><span style="color: #9fc5e8;">Deve ficar assim:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7AsuimJIEp2K_rc7ESFV_MwuvGQb-W57Cff1Y299Zwi3E-FkQaiFTBMeuvzGzNZoxYnZvbiew7uMbUhWsYMyZfqiO15Q4arsRKr8qcJvisGcOXqSIyYhMA1JTHSH9vT8ehl6H6YRvf1Cz/s1600/333.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7AsuimJIEp2K_rc7ESFV_MwuvGQb-W57Cff1Y299Zwi3E-FkQaiFTBMeuvzGzNZoxYnZvbiew7uMbUhWsYMyZfqiO15Q4arsRKr8qcJvisGcOXqSIyYhMA1JTHSH9vT8ehl6H6YRvf1Cz/s1600/333.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Coloque gifs nos gadgets que quiser procurando pelo nome de cada um, como mostrei na imagem</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-NZU_8gUYTibBzZPSxikRxRZOComF0zt_82NOtKLwcyGOY9PqFiOMM31ef2gPLrJeMVq8lgH-n9lXvSijRUWKJzgVaDlXUtOgdQuGGUc9phsw3jwpGJ09-xnGvTODCcSlALJTkikeEya/s1600/mg154.gif" />Veja alguns gifs <a href="http://bad-reputation-13.blogspot.com.br/2012/04/gifsmini-gifs.html" target="_blank">aqui</a> e <a href="http://bad-reputation-13.blogspot.com.br/2012/02/gifs-e-mini-gifs.html" target="_blank">aqui</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/QLia/1Q-LiaWhippedCreamFamily.gif" /> <span style="color: #ea9999;">É só isso.. visualize se tiver tudo ok, salve! <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHT6IP3vc-JbDkJx82RsMWLzZfSM6CgwnUyER51CIJCVVq_FxZH6ar9kNvL8lbsDSw0bxW8jgcEIOQhAJRQDEc3n5mNZYwo7AqialfhdqxVfCY_NGEUBCY6c9CZx2hs-6ap-c0tc6d8845/s400/371.jpg" /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #ea9999;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZhV5mB_UfSy7foXij0on_r60d9ee4keA5ji7lLpgMGpgt9jrpyadUsC_1SGOMBfUPIftj3_ziv-M6cv487VVMl1AAqfICmArJSfgMIKQ8BQVHTkrBgCzt9QfCRbodxJ9THFCHBKMg-cY/s1600/credito.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #ea9999;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com49tag:blogger.com,1999:blog-1343738570743056215.post-71426910909820162932012-05-01T23:24:00.002-03:002012-10-24T21:13:34.575-02:00Menu Deslizante<div class="tr_bq">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-RrGqUxTIUNQ/T4uswZoKrCI/AAAAAAAACCs/X6fwuK7_R9s/s1600/tumblr_m0jstoHY8B1r67k03o1_500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="http://3.bp.blogspot.com/-RrGqUxTIUNQ/T4uswZoKrCI/AAAAAAAACCs/X6fwuK7_R9s/s640/tumblr_m0jstoHY8B1r67k03o1_500.jpg" width="640" /></a></div>
<span style="font-family: inherit;"><span style="color: #93c47d;"><big>O</big>iii meus xuxuzinhos marcianos tudo 'bão' com vocês?</span><span style="color: #666666;"> tomara que sim né, pq eu to ótima wiiiiiiiiiiiiiii </span><img src="http://media.tumblr.com/tumblr_lkl5x4Rh131qfamg6.gif" /></span><br />
<span style="font-family: inherit;"><span style="color: #76a5af;">esse tuto que vou postar do menu eu vi no</span> <span style="color: #ea9999;">Cherry Bomb</span>, <span style="color: #e69138;">gostei e comecei a usar aqui no blog :) não ocupa espaço e é tri supimpa</span> <img src="http://media.tumblr.com/tumblr_lkqyu4YEXw1qi6qow.gif" /></span></div>
<span style="background-color: #f3f3f3; color: #444444; font-family: inherit;">Ah..à pedido: Concurso rolando no blog Da Cabeça aos Pés participe clicando <a href="http://bacchinha-dacabeacaospes.blogspot.com.br/2012/04/primeiro-concurso-do-blog-d.html" target="_blank">aqui</a> </span><br />
<br />
<span style="color: #93c47d; font-family: inherit;">Vamos começar então?</span><br />
<span style="color: #93c47d;"></span><br />
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><span style="color: #93c47d;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-4UZm3d5LDBo/T4upalkLiyI/AAAAAAAACCM/7E8srEVU4cg/s1600/menuu.png" /> <img border="0" src="http://1.bp.blogspot.com/-ojlsbwZCJR0/T4upbPrPpwI/AAAAAAAACCU/aeDfNSiiq3s/s1600/menuu2.png" /></div>
<br />
<div style="text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #e06666;">#Normal: </span>conteúdo do menu oculto</span></b></div>
<div style="text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #e06666;">#Ao Clicar</span>: Conteúdo aparece</span></b></div>
<br />
<a name='more'></a><br />
<span style="color: #6fa8dc;">Vá em Design</span> > <span style="color: #8e7cc3;">Editar HTML</span> > aperte Ctrl F e pesquise por: <span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;"><head></span><br />
<span style="color: #93c47d;"><b>abaixo</b> da tag cole esse código</span><br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><!--- MENU DESLIZANTE --></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js' type='text/javascript'></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"></script></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><script type='text/javascript'></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('jason', 'fade=1,height=80px')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('kelly', 'fade=1,height=100px')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('michael', 'fade=1,height=120px')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.addDiv('lion', 'fade=0,speed=400,group=pets,persist=1,hide=1')</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"> //$: Access to jQuery</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"> //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"> //state: "block" or "none", depending on state</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">}</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">animatedcollapse.init()</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"></script></span></div>
</blockquote>
<div>
<br /></div>
Visualize se tiver tudo ok, Salve!<br />
Para o código funcionar <span style="color: #93c47d;">vá em design ></span> <span style="color: #8e7cc3;">Adicionar um gadget</span> > <span style="color: #6fa8dc;">HTML/Javascript</span> <span style="color: #e06666;">cole o seguinte código no Gadget ou onde você quer que apareça o menu</span><br />
<div>
<span style="font-family: 'Trebuchet MS', Trebuchet, sans-serif;"><span style="font-size: 14px; line-height: 19px;"><br /></span></span></div>
<div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><b><span style="color: #e06666;">Título 1</span></b></a> |</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="#" rel="toggle[dog]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><b><span style="color: #6fa8dc;">Título 2</span></b></a> |</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="#" rel="toggle[cat]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><b><span style="color: #e69138;">Título 3</span></b></a></center></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><div id="rabbit" style="display:none"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #e06666;">Conteúdo do menu deslizante 1</span></b></div></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><div id="dog" style="display:none"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #6fa8dc;">Conteúdo do menu deslizante 2</span></b></div></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><div id="cat" style="display:none"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #e69138;">Conteúdo do menu deslizante 3</span></b></div></span></blockquote>
</div>
<div>
<br />
Pronto é só isso :)<br />
<br />
<span style="color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com23tag:blogger.com,1999:blog-1343738570743056215.post-75422464531252344802012-04-26T22:37:00.002-03:002012-10-24T21:14:00.291-02:00Menu Cute<div class="separator tr_bq" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAWLn4ruDkWJH4jPIgCBZzRh1FEBpK53i63T6RTyMIArDht2dP1MWn39fuAKe5D7E9vwXu9IDDJ2PyBPWtXOLHGDgsYf_vrZcv-5egtT32xC3rf0zF8GanJIxdSs9uo4KV5WWvnjxtUEL/s1600/tumblr_lwdbkdYFJC1r7j9wno1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAWLn4ruDkWJH4jPIgCBZzRh1FEBpK53i63T6RTyMIArDht2dP1MWn39fuAKe5D7E9vwXu9IDDJ2PyBPWtXOLHGDgsYf_vrZcv-5egtT32xC3rf0zF8GanJIxdSs9uo4KV5WWvnjxtUEL/s640/tumblr_lwdbkdYFJC1r7j9wno1_500.gif" width="640" /></a></div>
<b><span style="color: #e06666;"><big>N</big>ão</span></b>, <span style="color: #6fa8dc;">não é aquele menu que muda o gif ao passar o mouse</span>..mais é cute também <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS200.gif" /><br />
olhe as imagens de exemplo, ele pode ser editado de acordo com o gosto de cada um..pode-se mudar a fonte do menu, tamanho e cores...<br />
<br />
<div align="left" style="float: left; width: 50%;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZr0Sgk8maA1jq8yRpAI-UQfCdZQQj6nsvWkuY6sBuPLWHSQ-fF6Yo0zJxaazDH-it4MQQv6y5BmYjXHTKGLNt67Ydm_oTGH2ZZbH7hEcFYJTYlB63VeA615CevMUclF4VVhCv_n59dIP/s1600/menuTuto.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #ea9999;">Menu Normal (cores)</span></td></tr>
</tbody></table>
</div>
<div align="right" style="float: right; width: 50%;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZakOpPeNm4JySs39-q3uW40_lVKAuZ3hVyZ2ChNRRk-5otHsITs49g4p_T0CeXGWJ3KPs-ln53yyeuZ37EkQJpeXtH1LONJVaaI5syLUJFQLCKQYudY1D4ss5QM1tLMV_iq9LlVKIMxXu/s1600/tutomenu2.jpg" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #93c47d;">Ao passar o mouse (muda cor do menu) </span></td></tr>
</tbody></table>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<span style="color: #e06666;">Ei xuxu quer aprender a fazer esse menu? Continue lendo </span><br />
<span style="color: #e06666;"></span><br />
<a name='more'></a></div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a>Vá em Design <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/13.gif" /> Editar HTML <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/13.gif" /> Ctrl F e procure por: <span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span><br />
<br />
acima dessa tag cole o código:<br />
<br />
<div style="text-align: center;">
<img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/002.gif" /><span style="color: #e69138; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i>Deixei nas cores de cada menu..como das imagens de exemplo p/ entenderem melhor :B</i></span></div>
<div>
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; text-align: -webkit-auto;"><span style="color: #6fa8dc;">#nav{<br />color:#</span><span style="color: red;">A8DEE7</span><span style="color: #6fa8dc;">; */Cor da fonte*/<br />display: block;<br />padding-bottom: 1px;<br />font-weight:bold;<br />text-decoration:none;<br />line-height:15px;<br />vertical-align:middle;<br />width: 100%;<br />font-size:</span><span style="color: red;">9</span><span style="color: #6fa8dc;">px;<br />font-family: </span><span style="color: red;">Tahoma</span><span style="color: #6fa8dc;">;<br />margin-bottom: 2px;<br />background-color:#</span><span style="color: red;">E3FBFF</span><span style="color: #6fa8dc;">; */Cor do Menu*/<br />border-top:1px solid #</span><span style="color: red;">E3FBFF</span><span style="color: #6fa8dc;">; */Cor do Menu iguais*/<br />border-left:1px solid #</span><span style="color: red;">E3FBFF</span><span style="color: #6fa8dc;">;<br />border-right:1px solid #</span><span style="color: red;">E3FBFF</span><span style="color: #6fa8dc;">;<br />border-bottom:1px solid #</span><span style="color: red;">E3FBFF</span><span style="color: #6fa8dc;">;<br />padding:0px;}</span><br /><br /><span style="color: #93c47d;">#nav:hover{<br />color:#</span><span style="color: red;">a1f78f</span><span style="color: #93c47d;">; */Cor da fonte ao passar o mouse*/<br />display: block;<br />padding-bottom: 1px;<br />font-weight:bold;<br />text-decoration:none;<br />line-height:15px;<br />vertical-align:middle;<br />width: 100%;<br />font-size:</span><span style="color: red;">9</span><span style="color: #93c47d;">px;<br />font-family: </span><span style="color: red;">Tahoma</span><span style="color: #93c47d;">;<br />margin-bottom: 2px;<br />background-color:#</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">; */Cor do menu ao passar o mouse*/<br />border-top:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-left:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-right:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-bottom:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />padding:0px;}</span><br /><br /><span style="color: magenta;">#nav2{<br />color:#</span><span style="color: red;">FFADD6</span><span style="color: magenta;">; */Cor da fonte*/<br />display: block;<br />padding-bottom: 1px;<br />font-weight:bold;<br />text-decoration:none;<br />line-height:15px;<br />vertical-align:middle;<br />width: 100%;<br />margin-bottom: 2px;<br />font-size:</span><span style="color: red;">9</span><span style="color: magenta;">px;<br />font-family: </span><span style="color: red;">Tahoma</span><span style="color: magenta;">;<br />background-color:#</span><span style="color: red;">FFEFF7</span><span style="color: magenta;">; */Cor do Menu*/<br />border-top:1px solid #</span><span style="color: red;">FFEFF7</span><span style="color: magenta;">;<br />border-left:1px solid #</span><span style="color: red;">FFEFF7</span><span style="color: magenta;">;<br />border-right:1px solid #</span><span style="color: red;">FFEFF7</span><span style="color: magenta;">;<br />border-bottom:1px solid #</span><span style="color: red;">FFEFF7</span><span style="color: magenta;">;<br />padding:0px;}</span><br /><br /><span style="color: #93c47d;">#nav2:hover{<br />color:#</span><span style="color: red;">a1f78f</span><span style="color: #93c47d;">; */Cor da fonte ao passar o mouse*/<br />display: block;<br />padding-bottom: 1px;<br />font-weight:bold;<br />text-decoration:none;<br />line-height:15px;<br />vertical-align:middle;<br />width: 100%;<br />font-size:</span><span style="color: red;">9</span><span style="color: #93c47d;">px;<br />font-family: </span><span style="color: red;">Tahoma</span><span style="color: #93c47d;">;<br />margin-bottom: 2px;<br />background-color:#</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">; */Cor do menu ao passar o mouse*/<br />border-top:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-left:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-right:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-bottom:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />padding:0px;}</span><br /><br /><span style="color: #8e7cc3;">#nav3{<br />color:#</span><span style="color: red;">b5abe7</span><span style="color: #8e7cc3;">; */Cor da fonte*/<br />display: block;</span></span><br />
<div style="text-align: -webkit-auto;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #8e7cc3;">padding-bottom: 1px;<br />font-weight:bold;<br />text-decoration:none;<br />line-height:15px;<br />vertical-align:middle;<br />width: 100%;<br />font-size:</span><span style="color: red;">9</span><span style="color: #8e7cc3;">px;<br />font-family: </span><span style="color: red;">Tahoma</span><span style="color: #8e7cc3;">;<br />margin-bottom: 2px;<br />background-color:#</span><span style="color: red;">f1e3ff</span><span style="color: #8e7cc3;">; */Cor do Menu*/<br />border-top:1px solid #</span><span style="color: red;">f1e3ff</span><span style="color: #8e7cc3;">;<br />border-left:1px solid #</span><span style="color: red;">f1e3ff</span><span style="color: #8e7cc3;">;<br />border-right:1px solid #</span><span style="color: red;">f1e3ff</span><span style="color: #8e7cc3;">;<br />border-bottom:1px solid #</span><span style="color: red;">f1e3ff</span><span style="color: #8e7cc3;">;<br />padding:0px;}</span></span></div>
<div style="text-align: -webkit-auto;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #8e7cc3;"><br /></span><span style="color: #93c47d;">#nav3:hover{<br />color:#</span><span style="color: red;">a1f78f</span><span style="color: #93c47d;">; */Cor da fonte ao passar o mouse*/<br />display: block;<br />padding-bottom: 1px;<br />font-weight:bold;<br />text-decoration:none;<br />line-height:15px;<br />vertical-align:middle;<br />width: 100%;<br />margin-bottom: 2px;<br />font-size:</span><span style="color: red;">9</span><span style="color: #93c47d;">px;<br />font-family: </span><span style="color: red;">Tahoma</span><span style="color: #93c47d;">;<br />background-color:#ceffc7; */Cor do menu ao passar o mouse*/<br />border-top:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-left:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-right:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />border-bottom:1px solid #</span><span style="color: red;">ceffc7</span><span style="color: #93c47d;">;<br />padding:0px;}</span></span></div>
</blockquote>
<br />
<div>
<img src="http://muitopat.webs.com/goodies/emo31.gif" />Visualize, Se tiver tudinho ok, Salve!<br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-NZU_8gUYTibBzZPSxikRxRZOComF0zt_82NOtKLwcyGOY9PqFiOMM31ef2gPLrJeMVq8lgH-n9lXvSijRUWKJzgVaDlXUtOgdQuGGUc9phsw3jwpGJ09-xnGvTODCcSlALJTkikeEya/s1600/mg154.gif" /><span style="font-family: Arial, Helvetica, sans-serif;">Agora p/ que o menu <b><span style="color: #e06666;">apareça</span></b> basta <span style="color: #8e7cc3;">Adicionar um Gadget HTML/JavaScript</span> e colar ou cole onde quiser que apareça:</span><br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><div id="nav"><a title="</span><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif;">descrição do link</span><span style="font-family: Arial, Helvetica, sans-serif;">" href="</span><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif;">URL DA PAGINA</span><span style="font-family: Arial, Helvetica, sans-serif;">"></span><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif;">Pagina a</span><span style="font-family: Arial, Helvetica, sans-serif;"></a> – </span><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif;">bla bla bla</span><span style="font-family: Arial, Helvetica, sans-serif;"></div></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><div id="nav2"><a title="<span style="color: #ea9999;">descrição do link</span>" href="<span style="color: #ea9999;">URL DA PAGINA</span>"><span style="color: #ea9999;">Pagina b</span></a> – <span style="color: #ea9999;">bla bla bla</span></div></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
<div id="nav3"><a title="<span style="color: #8e7cc3;">descrição do link</span>" href="<span style="color: #8e7cc3;">URL DA PAGINA</span>"><span style="color: #8e7cc3;">Pagina c</span></a> – <span style="color: #8e7cc3;">bla bla bla</span></div></div>
</span></blockquote>
<div>
<br />
Edite do jeito que quiser<br />
tabela de cores <a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">aqui</a><br />
<br />
<span style="color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">vi esse código no dannykitty.com</span></div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com37tag:blogger.com,1999:blog-1343738570743056215.post-45460791230546501492012-04-25T23:43:00.002-03:002012-10-24T21:14:10.604-02:00Gifs/Mini Gifs<div style="background-color: white;">
<div class="separator" style="clear: both; color: #a3a3a3; font-family: Delius; font-size: 13px; line-height: 18px; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_zfIylhLuHgNbemmO9icKDdJyuUc0EFNy11s4sQbKQpJHeW3zkWqSm90GPxttvKbXXiZkLu0V8kWPDF7ZO9-McW8Ryba2YzobXgrQjRHKJR317jT5lrBdXU6vmygFXJQEJWzn3jtRVyPm/s1600/tumblr_m0ohfvYqcs1r50au6o1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_zfIylhLuHgNbemmO9icKDdJyuUc0EFNy11s4sQbKQpJHeW3zkWqSm90GPxttvKbXXiZkLu0V8kWPDF7ZO9-McW8Ryba2YzobXgrQjRHKJR317jT5lrBdXU6vmygFXJQEJWzn3jtRVyPm/s640/tumblr_m0ohfvYqcs1r50au6o1_500.gif" width="640" /></a></div>
<span style="color: #93c47d;"><big>X</big>uuuuxuzinhos vou dar uma passadinha rápida aqui hoje</span><span style="color: #666666;">, trouxe alguns </span><span style="color: #ea9999;">mini gifs</span><span style="color: #666666;"> p/ vocês enfeitarem seus bloguitos amanhã venho cedo do serviço e vou poder postar um </span><span style="color: #ea9999;">tuto de menu</span><span style="color: #666666;"> beem bacaninha '<i>pro cês</i>' </span></div>
<div style="background-color: white;">
<span style="background-color: white; color: #6fa8dc;">é só </span><span style="background-color: white; color: #6fa8dc; font-family: inherit; line-height: 18px;">continuar lendo p/ ver os</span><span style="background-color: white; color: #6fa8dc; font-family: inherit; line-height: 18px;"> </span><span style="background-color: white; color: #6fa8dc; font-family: inherit; line-height: 18px;">mini gifs lindinhos</span><span style="background-color: white; color: #6fa8dc; font-family: inherit; line-height: 18px;"> </span><span style="background-color: white; color: #6fa8dc; font-family: inherit; line-height: 18px;">espero que gostem</span><span style="background-color: white; color: #6fa8dc; font-family: inherit; line-height: 18px;"> </span><span style="background-color: white; font-family: inherit;"><span style="background-color: white;"><span style="font-family: inherit;"><span style="background-color: white;"><span style="color: #6fa8dc; font-family: inherit;"><span style="background-color: white;"><img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS325.gif" style="background-color: white; font-family: inherit; line-height: 18px;" /></span></span><span style="color: #6fa8dc;"> </span><i><span style="color: #8e7cc3;">tchauu</span></i></span></span><i><span style="color: #8e7cc3;"> </span></i><span style="color: #6fa8dc;">'inté' amanhã :)</span></span></span><br />
<span style="background-color: white; font-family: inherit;"><span style="background-color: white;"><span style="color: #6fa8dc;"></span></span></span><br />
<a name='more'></a></div>
<div style="background-color: white;">
<div style="line-height: 18px;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a></div>
<br />
<img src="http://fc07.deviantart.net/fs70/f/2011/061/6/b/cinnamoroll_avatar_by_iamsophistry-d3aryvk.gif" /><img src="http://a.deviantart.net/avatars/a/n/angelnablackrobe.gif?4" /><img src="http://fc07.deviantart.net/fs71/f/2010/353/f/4/blue_bunny_luff_by_sweetbabyairie-d358u4w.gif" /><img src="http://fc01.deviantart.net/fs70/f/2010/353/d/d/green_bunny_luff_by_sweetbabyairie-d358u2q.gif" /><img src="http://a.deviantart.net/avatars/m/o/mooglegurl.gif?2" /><img src="http://fc04.deviantart.net/fs70/f/2010/060/a/1/Free_AV__Kitty_in_a_Box_by_A_Little_Kitty.gif" /><img src="http://fc01.deviantart.net/fs71/f/2010/056/9/e/Free_AV__Rain_of_Stars_by_A_Little_Kitty.gif" /><img src="http://fc00.deviantart.net/fs70/f/2010/067/0/8/Free_AV__Sailor_Moon_by_A_Little_Kitty.gif" /><img src="http://a.deviantart.net/avatars/e/x/excalababe.gif?6" /><img src="http://dl4.glitter-graphics.net/pub/437/437984lwmc80u8xi.gif" /><img src="http://fc09.deviantart.net/fs70/f/2011/028/c/3/cell_phone_icon_pink_by_rockred12-d388x28.gif" /><img src="http://fc02.deviantart.net/fs70/f/2011/028/2/a/cell_phone_icon_green_by_rockred12-d388x55.gif" /><img src="http://fc08.deviantart.net/fs70/f/2011/028/6/5/cell_phone_icon_yellow_by_rockred12-d388x8a.gif" /><img src="http://fc05.deviantart.net/fs71/f/2010/263/e/9/yellow_icing_cupcake_by_lilkawaiivampire-d2z3zyx.gif" /><img src="http://fc09.deviantart.net/fs71/f/2011/277/6/7/candy_corn_free_avvie_by_drax_is_my_name-d4bulxc.gif" /><img src="http://fc02.deviantart.net/fs71/f/2012/007/6/8/free_avvie__cute_tiny_kitty_by_xuntitledusernamex-d4lln2e.gif" /><img src="http://fc01.deviantart.net/fs70/f/2011/363/c/d/cute_robot_2___free_avvie_by_r0se_designs-d4km6xt.gif" /><img src="http://fc04.deviantart.net/fs70/f/2012/003/f/b/marshmallow_freeavatar_by_sweetleslie-d4l5kks.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjqofic1UOvAZpVtvGxenrkUJ7wSo2f5y0KzjRv6MXCvf0oUELsgByRioj4fqTY7GGoe9FEstx6PMD1LOADrgv0vOA8lBsdwHh4W-csCe_OFK4vOB_9OI5j46hYV02gKdoZTuFbnTcA4/s1600/26.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLyW-K7iAU6ZdKUesSoSKGxXBe-0iX0df1cYbzrZ8JUBtR19cuEKXYaOrFRbN1Ww3TEO6l7WiK88uOVhrxmD_x6etERQcfQ3KH8fBzWBe5YtpKA6IuzmiZwXn2uapoe1krthBAKtGBSxM/s1600/cute_cactus___free_avvie_by_r0se_designs-d49ri7b.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpy0ZiGqLzwCzZew4Z9v6_P8Rq6UfTncWBFfzBTMOIz-UuJdqaGx6SSP2imuPuBMeSPBzy8iAYsbp_ouQKV3XJnW6Njq3aahL8VIVNc8rAtyaBdr9eDq0bOIejkqmkrpDeJ5hxgMiEpI/s1600/cute_watermelon___free_avvie_by_r0se_designs-d41dwgy.gif" /><img src="http://2.bp.blogspot.com/-Gmr71riz5A8/TvcPDOx2jwI/AAAAAAAAEoE/9qGOXETcNGI/s1600/49903f4eea3b.gif" /><img src="http://4.bp.blogspot.com/-YaV-5zKJgJQ/TvcPVxT8oXI/AAAAAAAAEoo/KEL2VS80J8g/s1600/7c0699ed2e12.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgem9X4uWjS2EbrTlpGl9CYe5iAPbCgTcLtd3pqHD9OIVH4JuS3jafrCdf23mNSc_T8iBEGu4e7dQpKtf225FGtYZsVXJuHeYVCFjjjTQAcnBn_kHn-MnWmNTGGrAGBC-2eoicfm0o5u8G9/s1600/hamster_yummy.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvv6CIKA6o7k_T9Qie45zQQKLtzma8zH3YbGcmP_AVmqESbMcPjqbJio7Rrorwu1IJe6SicJyma7UOOWFX9q2qkX6tioX4FwgrlkfbG-z5bMMvkou-GMq38ilmGTnb-gcZF5cGlyMPmdPl/s1600/hamster_yes.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XYNOYw0UieVI27mXPP1cxEoSiW4VfjxR7PLr5-p_AcIcQl9IGdAujZx1OUuXxrMAbGme7b7jmEuhAZ1MJnukIRA-QIAp8VMy1D845uzvIwdi23b71g9Zd553EgFAH_GBOzqJlu3GBU9l/s1600/hamster_sleep.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhFMbJopr40eCPMqDBTlSVcGoty3WqKpeDoHHPpoHXAD2j7XKx8V6pV3E48CSjU2hwBEkG9pjYLHRT7jkXfWkzbHxXo1QK5fn5LcUzCiOyatQT5QT-ukdSBT3Zcw_taC3XNEu77-XRuNa/s1600/36.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXuMKKNlGW96zat41smT1rEojtuEI9BPj8MXlx0waxtKl43jWktN85O6JiF829q7tr66mneQBDQEYkliUfnuj4wxmkWvE5fBqzQWokVp_Q2OImwIZWub9PJ_CH_WYujm2WbOMSpScA1kbp/s1600/147.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2epnAw5ymcv1MJoNElq6TXOdsaB1FTAEFxdiaYPeRRBFldSNCezPbciqp7OGdPEmcs1AWGhImVzS_7pxOpLkD8a0HETC0_nrE2hI-Q-5ewMCzjcM3xbcUlu0hN2r6ef4PxCcFpwSDwFXJ/s1600/162.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjv5aNqsPsMLtM108esXfNetApX0b3vDBSKSsSuTj9ntPD5sSEux4IBBJDNZBvEyuaTyB0_UQk02qtXecSsfAlSOwLq6P3FaScIF_6mHZU5LC2544zC23fYguK_V1M7bNBJaiSdubTawt9/s1600/G1.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKP9JZwWmy5dRA-P_Pd-mslaNsAx4Ec3duAx2U__tMWRfQm5dB8Kmg-Zu_nH74hP2e1fRMoFVIMIYGeebWoQaOqk-iaZ01UeVFgRARFUmiMxLeYOb1pjbG34bC3HOVqM3QTTpFSI4r7i-i/s1600/G3.gif" /><img src="http://fc08.deviantart.net/fs70/f/2010/227/b/a/Royal_Air_Mail_Avatar_by_Kezzi_Rose.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi565TJY9bnG_Y5GoUJ1gS6l_lOUGkC04HeQYS21Ed5ZBQG1ZgCHY7FBjsigcKRORFVT44TIJQXE-pnCG8ikL1AUGQ9Ync7GRaIX8laJ7KRbz1LAzuo6rJZqSKBEfXiMzGPwse2xPCgJrHj/s1600/129.gif" /> <img src="http://fc00.deviantart.net/fs46/f/2009/203/f/0/flying_bunnie_by_Oni_chu.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqi_WP56KsNNMP5WheK-XiUIJqxGMr1QIaNf-PLh6s2wqbL2sqvf6Nqat75eH501mkLY-K_Fnvj8wBRG86O9DgkE41o93jXpfVvJ7uhpQ-Zivhu5qpgPjwCEzaIW73nRoHNS8sXFK3w6AH/s1600/24.gif" /> <img src="http://fc03.deviantart.net/fs42/f/2009/072/d/6/RaspberryJewels__s_Avatar_by_Kezzi_Rose.gif" /> <img src="http://fc09.deviantart.net/fs37/f/2008/265/3/5/Cloud_Avatar_by_Kezzi_Rose.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvupKX2SVgNY8H1zhOR_sY_Eh76f3geuuBLmnvyjTjh43nWiB4lAv64ae2zBZwmDQu-I80HO-lSK-__mxlhhgh3UImQUy8WjLB_KN_wV7TqKFGZM6IJ6KV1yt5-m7q7cuAQdichaSPPCSN/s1600/7910349_4f5iu.gif" /> <img src="http://fc03.deviantart.net/fs70/f/2011/214/6/4/647b4eff5edc32828959fb4d094fd63b-d42gw57.gif" /> <img src="http://fc00.deviantart.net/fs71/f/2011/220/b/d/bd8779cfcfa0fa7e253c0b32350854dc-d45uk9s.gif" /> <img src="http://fc01.deviantart.net/fs71/f/2011/214/6/a/6a5be3451de641ad4b63edb0188a2417-d42g118.gif" /> <img src="http://fc01.deviantart.net/fs71/f/2011/171/0/a/1308608078_my_squish_avie_by_berryness-d3jf2gl.gif" /> <img src="http://fc07.deviantart.net/fs70/f/2011/177/b/7/b7ddcfb4b0ed53a779a8826f961c8e46-d3k1hxv.gif" /> <img src="http://fc02.deviantart.net/fs70/f/2011/172/2/4/244631568e988acf7dbdc407a51b4b8f-d3jlbx6.gif" /> <img src="http://fc07.deviantart.net/fs71/f/2011/174/7/7/77be4e51ef549eef9004694f468b53d5-d3jr7r6.gif" /> <img src="http://a.deviantart.net/avatars/b/a/ballooonplz.gif?1" /> <img src="http://fc09.deviantart.net/fs31/f/2008/191/3/b/Strawberry_Pocky_Avatar_by_Kezzi_Rose.gif" /> <img src="http://fc06.deviantart.net/fs71/f/2010/106/b/b/Pikachu_by_xXMandy20Xx.gif" /> <img src="http://fc07.deviantart.net/fs71/f/2010/047/f/3/Moon_and_Clouds_by_xXMandy20Xx.gif" /> <img src="http://fc04.deviantart.net/fs70/f/2010/054/2/1/Apple_by_xXMandy20Xx.gif" /> <img src="http://fc02.deviantart.net/fs30/f/2008/082/9/b/Milk_Carton_and_Cereal_Avatar_by_xXMandy20Xx.gif" /> <img src="http://fc08.deviantart.net/fs39/f/2008/365/3/1/Sun_n___Clouds_by_xXMandy20Xx.gif" /> <img src="http://fc05.deviantart.net/fs51/f/2009/291/7/7/Cake_Avatar_by_Kezzi_Rose.gif" /> <img src="http://fc02.deviantart.net/fs36/f/2008/266/5/2/Kiss_the_Iconist_Icon_CONTEST_by_Oni_chu.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/mini_valley3.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/mini_valley1.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/animaladopt.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/pixels/1634.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/pixels/1632.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/pixels/1636.gif" /> <img src="http://a.deviantart.net/avatars/l/o/lovebearplz.gif?1" /> <img src="http://fc03.deviantart.net/fs40/f/2009/028/6/0/Ploofies_Icon_no2_by_Oni_chu.gif" /> <img src="http://fc05.deviantart.net/fs25/f/2008/165/7/9/Donut_FREE_avatar_icon_by_Oni_chu.gif" /> <img src="http://fc04.deviantart.net/fs70/f/2010/247/7/f/onigiri_icon_by_firearia-d2y0j4v.gif" /> <img src="http://i15.tinypic.com/2qv9ugh.gif" /> <img src="http://fc05.deviantart.net/fs70/f/2010/214/0/2/02f6476e58a0e9b3e3886cac6d546b11.gif" /> <img src="http://fc03.deviantart.net/fs71/f/2010/349/f/d/avatar___faery_squish_by_firstfear-d34xt41.gif" /> <img src="http://fc03.deviantart.net/fs10/i/2006/112/a/6/Avatar___Apple_Love_by_firstfear.gif" /> <img src="http://img3.lln.crunchyroll.com/i/spire2/08142008/e/5/0/4/e504749aedcf00_full.gif" /> <img src="http://imagens.kboing.com.br/emoticons/31791.gif" /> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/angioletto1.gif" /> <img src="http://img3.lln.crunchyroll.com/i/spire1/08142008/e/4/0/4/e40422ae3f3530_full.gif" /> <img src="http://fc09.deviantart.net/fs10/i/2006/094/5/3/Avatar___Mallow___Toast_by_firstfear.gif" /> <img src="http://a.deviantart.net/avatars/m/i/miki-dii.gif?8" /> <img src="http://fc04.deviantart.net/fs71/f/2011/059/d/0/pixel_kawaii_milk_by_sayuri_hime_7-d3amxql.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Kamio/KamioSleepingKitty.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Kamio/KamioMilkChan1.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Kamio/KamioSweetCakeStrawberry.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Kamio/KamioBurgerBear2.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Kamio/KamioRoll.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQWM5LcGE_U4sMrFMi1uIL1C1XLAYJ-qa6BLBxz6ZQaLSMpK1L-vgVwE8NUkYpQRfvV_fqeHmM1Zpg7SvLQzEDLCDT6v1kF4BePkEGbVh8oYKNikXFLvQH1fNoVbkpKURUaiGGXIzs-bM/s1600/cute_stamp_kitty___free_avvie_by_r0se_designs-d46hwem.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKz8ahOv5jZ-6AF4uCdxhhqY1d7_jwhFOx5j3COiEcOE2z_423t7Gb7KqHi6TG0NyRh2TV2PZlST7YHaHn0zAp6XlTKAoo7WYjeWqYtPo81akFzkBHrlxfdDqA5KMs2EFI6E8yNpNeCv8/s1600/floating_kitty___free_avvie_by_r0se_designs-d3ig534.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3I4FXKhJrk3vrG14pubawJX3uSXXI2WvrkpNZEtGu4lo6ydr1HP1-acqCmEW4B49RVDjLYyoqPNAqI7MSptkfiJCLW2Qn_QEhEjgXQ77bf-O23sFxhd2GfUW4hMSXjldK6EdLuRIkGFo/s1600/playfull_kitty___free_avvie_by_r0se_designs-d4azpxy.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/QLia/Q-LiaSweetMenuSleepingTeacup.gif" /><img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/QLia/q-liashinyhoroscope2.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/QLia/Q-LiaSweetMenuLollypop.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/QLia/StrawberryHamster3.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/MindwaveCloudBunny.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/Misc/Pixel367.gif" /><img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/Misc/adoption1.gif" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3djucWHGEgUat65Qvx1PUdkTDJd5ti9ZAK3OUWbnvMDq4AXUbSSVQfFn4ivm_zpWGBl3b_7NoxM_8e-86N3YK2b6CJCK9oQvmKQDGCD9ihT1V2_Ou8VE5vZ-K60vssehfW-mji-y61HV/s1600/Pink_Letter_Pixel_Free_Avatar_by_Myotsuki.gif" /> <img src="http://emoticonsterra.com/emoticons-para-msn/Animais/images/an17.gif" /><img src="http://lh6.ggpht.com/_gXK_UmeF0FA/TMhbHKnlV4I/AAAAAAAAOek/AHXAWsTc7ys/s400/coisinhas%20%281%29.png" /><img src="http://lh4.ggpht.com/_gXK_UmeF0FA/TMhbOhcVJ4I/AAAAAAAAOe0/hZ2ixYM9-no/s400/coisinhas%20%285%29.png" /> <img src="http://lh6.ggpht.com/_tIojvVY0WNM/TLfv-OQSTlI/AAAAAAAAAY0/40APNU0-dnM/s400/B6.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheV4xYEZu5jM03iP-7E2Ic7p99E2i6Z8W3BgH8S6LYq9ANlqT11cgKhbF973FhffVFdkmTvi2iAtXY4TCpiuXTuw7vMU2lPwqh5sP1ag7t8f6bntsCVjpDGialwpyV8CZs2I9qIOJAbOjs/s1600/Panda_Avatar_2_by_xXMandy20Xx.gif" /> <img src="http://th795.photobucket.com/albums/yy232/PixKaruumi/Pixels/Pixels%2091/th_hamster16.gif" /> <img src="http://th795.photobucket.com/albums/yy232/PixKaruumi/Pixels/Pixels%2094/th_thballoonhappy-1.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizIe4JGCTwgLy8t9Fx8Ki_Hdu-H2w5C4RFIXo5HENOdnUATUjRRQMVs9TYCe1wdJUHfbRjvFhGdaGUzDpdvpEIuufuQYAXFSUS7Su6SeLjw2X688SneBkxFNs6QaDmI88kSsNA_vIt6lJ/s1600/Bunnyploop___Free_Avatar_by_0xo.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Raa9nXSN3Lgpaikz3H4ABC3q4MFVzUMqym3lKlCkK1P1ZCNuDCuKaOGCn7XnjACdNcrV05VY82_Ie3KDOJUXVbPPv1qDBp-QAyR8BskJdOwUY4rUhBmzWXjaC8ToUlbhFzdifd7-mKo0/s1600/Robot_Avatar_by_Kezzi_Rose.gif" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GbEdMyXvxy6PWDAHX_V17bzG05yCGbn62hzn2AbNMb-phBUB76fyM3Sx_xO-j6sgM_vrnOPJSxXcpqou-hf857rFXtLk9ziX3LlTe5r2qjEYcYgAYCjxWJM8Jb30xLr0rquvlNBbAtK9/s1600/Candy_Cane_Avatar_by_Kezzi_Rose.gif" /> <img src="http://th168.photobucket.com/albums/u170/flowers_r_neat/th_kaoani-white07.gif" /><img src="http://th795.photobucket.com/albums/yy232/PixKaruumi/Pixels/Pixels%2088/th_b36255710.gif" /> <img src="http://a.deviantart.net/avatars/k/i/kittyglompplz.gif?1" /> <img src="http://fc08.deviantart.net/fs70/f/2010/209/5/7/Free_Avatar___Kitty_Cupcake_by_Kiki_Myaki.gif" /> <img src="http://lh3.ggpht.com/_gXK_UmeF0FA/THFfOFQFvSI/AAAAAAAAMnE/xV24waZ9y8w/s400/z120416540.png" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoy4KqW_YmWm5sanIhW7eqRJGHNUglbY1YGs2uIO4mkJ6xM0euhHH7XcESdrWEoMoW9iJBC5kDBSE5LbwbauwOigsCCj5qJfVXX5v7rbtHBznCtkSGdrzGK0kiXQJfkRxLTOd0cfmIPQ/s1600/free_avatar__strawberry_milk_by_o0o_ayame_o0o-d2yh5p3.gif" /> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/008.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/011.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/047.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/mini10.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/083.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/103.gif" /> <img src="http://img15.imageshack.us/img15/9086/minigif111aq0.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/favicons/19.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/favicons/21.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/favicons/12.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/QLia/1Q-LiaWhippedCreamFamily.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/MemetanPink.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/MemetanGold.gif" /> <img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/Food/BunnyChef1.gif" /> <img src="http://drikoti.net/Goodies/Favicons/Gifs/036.gif" /> <img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TUbt6t4hQMI/AAAAAAAAAgU/d48ohIw8_Ak/icons18.gif" /> <img src="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/ico-54.gif" /> <img src="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/favurso-1.gif" /> <img src="http://www.ostratemplateshop.blogger.com.br/tralhinhas%20(7).gif" /><img src="http://i387.photobucket.com/albums/oo314/paravidatoda/mini-168.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/minifofur68.png" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/minifofur60.png" /> <img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" /> <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Mouse-1.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/pandapicnic2.gif" /> <img src="http://i64.photobucket.com/albums/h187/lindezasdajuju/dumplin.gif" /><img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS378.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/002.gif" /> <img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/003.gif" /> <img src="http://www.ostratemplateshop.blogger.com.br/tralhinhas%20(8).gif" /> <img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TUbtbS12Z1I/AAAAAAAAAgE/kVrKe0n_j9w/icco1.gif" /> <img src="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/icon1.gif" /> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif" /> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif" /><img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS331.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS332.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS333.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS334.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS335.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS336.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS337.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS338.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS326.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS327.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS328.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS329.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS284.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS285.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS286.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS287.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS288.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS289.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS290.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS291.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS292.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS293.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS294.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS295.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS296.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS297.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS200.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS201.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS202.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS203.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS204.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS205.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS206.gif" /><img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS367.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS368.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS369.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS370.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS371.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS372.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS379.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS373.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS374.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS375.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS376.gif" /> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS377.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/30.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/31.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/32.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/33.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/34.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/35.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/1.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/2.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/3.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/4.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/5.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/66.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/67.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/68.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/69.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/70.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/71.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/72.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/73.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/74.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/75.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/12.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/13.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/14.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/15.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/16.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/82.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/83.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/84.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/85.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/86.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/87.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/76.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/77.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/78.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/79.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/80.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/81.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/112.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/113.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/114.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/115.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/116.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/117.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/94.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/95.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/96.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/97.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/98.gif" /> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif" /><span style="background-color: white; color: #a3a3a3; font-family: Delius; font-size: 13px; line-height: 18px;"> </span><br />
<div style="background-color: white; color: #a3a3a3; font-family: Delius; font-size: 13px; line-height: 18px;">
<br /></div>
<div style="background-color: white; color: #a3a3a3; font-family: Delius; font-size: 13px; line-height: 18px;">
Quer Mais? Tem <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/12.gif" /><a href="http://bad-reputation-13.blogspot.com.br/2012/02/gifs-e-mini-gifs.html" style="color: #9dc3ff; cursor: url(http://1.bp.blogspot.com/-ntlAl6F0kIM/T3eFY7i9ThI/AAAAAAAAB2g/-oRtenE__-Q/s1600/cursor32i.gif), default; text-decoration: none;" target="_blank">aqui</a>!<br />
<br />
<span style="color: #999999; font-size: xx-small;">Créditos: (<a dusty="dusty" href="http://ferny.dailycute.net/" style="color: #9dc3ff; cursor: url(http://1.bp.blogspot.com/-ntlAl6F0kIM/T3eFY7i9ThI/AAAAAAAAB2g/-oRtenE__-Q/s1600/cursor32i.gif), default; text-decoration: none;" target="_blank" tiptitle="”Ferny dust">♥1</a>) (<a das="" href="http://blogdasmeninasblogueiras.blogspot.com.br/" meninas="meninas" style="color: #9dc3ff; cursor: url(http://1.bp.blogspot.com/-ntlAl6F0kIM/T3eFY7i9ThI/AAAAAAAAB2g/-oRtenE__-Q/s1600/cursor32i.gif), default; text-decoration: none;" target="_blank" tiptitle="”Blog das meninas">♥2</a>) e google imagens</span></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com9tag:blogger.com,1999:blog-1343738570743056215.post-78635904083590357352012-04-23T16:07:00.002-03:002012-10-24T21:14:54.873-02:00Personalizar Marcadores (ícone)<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy6MEIHgKc5q2bvudUkndAj7T9EdnDAeGrssuTPUSYK7Dvza93CU88suIrUQ6NLiHmzC_FBXm1f1fS5p6OgA_Ga6W-iDfSGzCpYqFW5uSaRcdkBoehQlJ-D0Luj-RiMoRBM5ah46P6Tie/s1600/S17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy6MEIHgKc5q2bvudUkndAj7T9EdnDAeGrssuTPUSYK7Dvza93CU88suIrUQ6NLiHmzC_FBXm1f1fS5p6OgA_Ga6W-iDfSGzCpYqFW5uSaRcdkBoehQlJ-D0Luj-RiMoRBM5ah46P6Tie/s640/S17.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: -webkit-auto;">
<span style="color: #ea9999;"><big>O</big>iiii meus xuxus</span> <img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TTSXTFx1HEI/AAAAAAAAAFg/whIJrGVpZVY/s800/gif17.gif" /> no post anterior eu mostrei <span style="color: #f6b26b;">como dividir os marcadores</span> e hoje vou ensinar a personalizar o ícone, aquele <b><span style="color: magenta; font-family: Arial, Helvetica, sans-serif;">•</span></b> que muita gente acha feio que fica em frente a tag <img src="http://i803.photobucket.com/albums/yy320/HikariLuvLuv/emoticonesmini/toys78.gif" /> vou mostrar <span style="color: #8e7cc3;">como retirar aquele "pontinho"</span> como <span style="color: #6aa84f;">mudar o estilo e como colocar gif <img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic019demoji_14601027decoojp.gif" />a</span> <a href="http://timemachine-br.blogspot.com.br/" target="_blank">La-chan</a> <span style="color: #ea9999;">que pediu então eis o tuto xuxu</span>..<span style="color: #9fc5e8;"><i>acho que foi isso que ela pediu (foi o que entendi rsrs) </i></span><img src="http://www.cursor-switch.com/images/15347.gif" /><br />
<br />
<a name='more'></a></div>
<div style="text-align: left;">
<span style="color: #6aa84f;">Vá em Design </span> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/IMAGENS/PARAVIDATODAMINIICONEPVT172.gif" /> <span style="color: #e06666;">Editar HTML </span> <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/IMAGENS/PARAVIDATODAMINIICONEPVT172.gif" /> <span style="color: #6fa8dc;">Ctrl F</span> e procure por:<span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;"> ]]></b:skin></span></div>
<div style="text-align: left;">
ao encontrar cole esse código acima dessa tag</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">.sidebar ul li {</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">list-style: <span style="color: magenta;">none</span>; </span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">vertical-align: top;</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
padding: <span style="color: magenta;">2</span>;</div>
</span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
margin-left: <span style="color: magenta;">5</span>px; </div>
</span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
}</div>
</span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif;">"<span style="color: magenta;"><b>none</b></span>" </span>significa retirar o ícone <span style="color: magenta; font-family: Arial, Helvetica, sans-serif;">•</span> das tags, ficara sem nada na frente..</div>
<div style="text-align: left;">
mais pode ser <span style="color: #6aa84f;">personalizada</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_mini049.gif" /> <span style="font-size: large;">C</span>oloque o estilo que quiser no lugar do <span style="color: magenta;">none</span>..basta substituir pelo nome que esta abaixo de cada imagem</div>
<div style="text-align: left;">
<br /></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KPZRcGnBZwhw6mhZIoFewFXtVd6KaDwniryxzDr5ysjN36vH8JHIZPeXgOR6S4Sp6AGRC4HugLOx7GtDLXSca5Wlt181VPyz-lmy9ojEeAy_zD0y8Yr7GdqgP15SWHIUf68JghtbWf5S/s1600/tutolabel2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KPZRcGnBZwhw6mhZIoFewFXtVd6KaDwniryxzDr5ysjN36vH8JHIZPeXgOR6S4Sp6AGRC4HugLOx7GtDLXSca5Wlt181VPyz-lmy9ojEeAy_zD0y8Yr7GdqgP15SWHIUf68JghtbWf5S/s1600/tutolabel2.png" style="text-align: center;" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><b><span style="font-family: Arial, Helvetica, sans-serif;"> disc url(link da imagem)</span></b></span></td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9TUXIwr2cwBbu1ypAjsZ2CBOQmRS1WW2e8r-CquPenUKOhOfGIPJSVckYBoc6kEP0dgEMOrzqgG_EoYEusy0xlhsdF3Dg6y6EnufvcikeXDAtVKM-qCufBp_F2ZGwTA_rwI4ACDRsxTA/s1600/tutolabel3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9TUXIwr2cwBbu1ypAjsZ2CBOQmRS1WW2e8r-CquPenUKOhOfGIPJSVckYBoc6kEP0dgEMOrzqgG_EoYEusy0xlhsdF3Dg6y6EnufvcikeXDAtVKM-qCufBp_F2ZGwTA_rwI4ACDRsxTA/s1600/tutolabel3.png" title="" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><div style="font-size: medium; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>square</b></span></div>
</td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqDIJfGak7UG8jCKgjH9mDIdi7kvn7gGZfsKYF7hNj4hgI6mfRF7nVAURFWUz0_zrJhz_UHcG9OQuhm3XozPR8T4rsQkTMh6DmoZ8QPBe44RsASuf9U1IPcQLYEijJZZC42NRLnIKprQc_/s1600/tutolabel4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqDIJfGak7UG8jCKgjH9mDIdi7kvn7gGZfsKYF7hNj4hgI6mfRF7nVAURFWUz0_zrJhz_UHcG9OQuhm3XozPR8T4rsQkTMh6DmoZ8QPBe44RsASuf9U1IPcQLYEijJZZC42NRLnIKprQc_/s1600/tutolabel4.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><div style="font-size: medium; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>circle</b></span></div>
</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="Mini Gifs" src="http://i78.photobucket.com/albums/j102/julianablog/minigifs110.gif" /> <span style="font-size: large;">P</span>ara adicionar linha <u><span style="color: #b4a7d6;">pontilhada</span></u> abaixo do link das tags adicione o código antes de fechar a chave<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: magenta;">}</span></span></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgzynIlshPnXs7Qp9dRBCDUEG1yjaliig-jjSN7VEd8OQeJ3VH8FEHUuqf9tRmpebH_qTLJWcHr56UOuLux5U5W5NoKIzX0fESbVQKQK-Qa7wD8PetZRPlyyDqGOMNFahYvUp1BCDixuMh/s1600/tutolabel.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgzynIlshPnXs7Qp9dRBCDUEG1yjaliig-jjSN7VEd8OQeJ3VH8FEHUuqf9tRmpebH_qTLJWcHr56UOuLux5U5W5NoKIzX0fESbVQKQK-Qa7wD8PetZRPlyyDqGOMNFahYvUp1BCDixuMh/s1600/tutolabel.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><div style="font-size: medium; text-align: -webkit-auto;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="text-align: left;">border-bottom : <span style="color: magenta;">1</span>px <span style="color: magenta;">dashed</span> #<span style="color: magenta;">000</span>; </span></b></span></div>
</td></tr>
</tbody></table>
<div style="text-align: center;">
Tabela de Cores <a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">Aqui</a></div>
<div style="text-align: left;">
<img alt="Mini Gifs" src="http://i64.photobucket.com/albums/h187/lindezasdajuju/CherryDude.gif" /> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">S</span>e você utiliza o código do post anterior é só colar abaixo :)</div>
<div style="text-align: left;">
<span style="color: #6fa8dc;">Fica assim óh:</span></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="color: magenta; font-family: Arial, Helvetica, sans-serif;">#Label1 ul li{</span></div>
<span style="color: magenta;"></span><br />
<div style="text-align: left;">
<span style="color: magenta;"><span style="font-family: Arial, Helvetica, sans-serif;">float: left;</span></span></div>
<span style="color: magenta;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span><br />
<div style="text-align: left;">
<span style="color: magenta;"><span style="font-family: Arial, Helvetica, sans-serif;">width: 45%;</span></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
<span style="color: magenta;">}</span></div>
</span><span style="color: #3d85c6;"><div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">.sidebar ul li {</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
list-style: none;</div>
</span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
vertical-align: top;</div>
</span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
padding: 2; </div>
</span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
margin-left: 5px; </div>
</span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
}</div>
</span></span></blockquote>
<br />
<div style="text-align: center;">
Visualize se tiver certinho Salve <img alt="Mini Gifs" src="http://i63.photobucket.com/albums/h151/jujublog/face6.gif" /> (<span style="color: #ea9999;">se repassar credite</span>)</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com27tag:blogger.com,1999:blog-1343738570743056215.post-80009822983320069882012-04-19T23:50:00.002-03:002012-10-24T21:15:18.155-02:00Dividir Marcadores (lista)<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgABOs_MVorFLKfalt9k7yS4yrPlufFrf4nZp30J7qHU22NTlwJDFln2xKYIflDTWch5ZJyOMrZNnHcpnIFn5J6cvL48rM1lt6epY_n65mRoIytJt3RYVAdKaVrdvI4JwsUtVI3uCWNrh2/s1600/s12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="422" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgABOs_MVorFLKfalt9k7yS4yrPlufFrf4nZp30J7qHU22NTlwJDFln2xKYIflDTWch5ZJyOMrZNnHcpnIFn5J6cvL48rM1lt6epY_n65mRoIytJt3RYVAdKaVrdvI4JwsUtVI3uCWNrh2/s640/s12.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #6fa8dc;"><big>E</big>sse é mais um tuto super fácil e perfeito p/ quem usa os marcadores em lista </span><img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/0.gif" /> <span style="color: #93c47d;">as vezes são tantas tags que a lista fica gigante</span>..<span style="color: #e06666;">e nem todo mundo gosta do resultado né</span> então vou ensinar a dividi-las</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Exemplo:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiag2mLdRxT2YmBrrPiXGt0X3fsPE5LkscLgL5rHxLlJznR6MK-jw7CvoC_lAfALjeSeSFoSasqOWfhQShsei9ZJjX1hQO98mFtTKBqG9ZWlXN7Qmx13ANLQTvUTYzT9g5nhMPyj-sc2U7B/s1600/dividir+tags+BR.png" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiag2mLdRxT2YmBrrPiXGt0X3fsPE5LkscLgL5rHxLlJznR6MK-jw7CvoC_lAfALjeSeSFoSasqOWfhQShsei9ZJjX1hQO98mFtTKBqG9ZWlXN7Qmx13ANLQTvUTYzT9g5nhMPyj-sc2U7B/s1600/dividir+tags+BR.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://static.tumblr.com/rltvkjt/q0hlmr3ze/mouse-1.gif" />continue lendo e saiba como fazer<img src="http://static.tumblr.com/rltvkjt/q0hlmr3ze/mouse-1.gif" /> </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<div style="text-align: left;">
<span style="color: #3d85c6;">Esse é mais um daquele tutos "sem mistério" super fácil e qualquer um pode fazer que não tem erro!</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/011.png" style="text-align: center;" /> <span style="color: #93c47d;">Vá em Design</span> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/mini135.gif" /> <span style="color: #e06666;"> Editar HTML </span> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/mini135.gif" /> aperte Ctrl F e procure por: <span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></div>
<div style="text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<img src="http://www.blog-switch.com/images/127888.gif" /> acima dessa tag cole:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">#Label1 ul li{</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">float: left;</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">width: 45%;</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">}</span></div>
</blockquote>
<div>
<span style="color: #8e7cc3;">Visualize se tiver tudo ok, salve </span></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #8e7cc3;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/01.png" /> <span style="color: #6fa8dc;">Se quiser dividir em 3 colunas é só diminuir o numero da </span><span style="color: #e06666; font-family: Arial, Helvetica, sans-serif;">%</span><span style="color: #6fa8dc;"> eu testei com </span><span style="color: #e06666; font-family: Arial, Helvetica, sans-serif;">33%</span><span style="color: #6fa8dc;"> e ficou certinho </span><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic019demoji_14601027decoojp.gif" /></div>
<div style="text-align: left;">
<br /></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com28tag:blogger.com,1999:blog-1343738570743056215.post-63341637334629457802012-04-18T23:13:00.002-03:002012-10-24T21:15:26.481-02:00Barra de Rolagem (imagem / cor)<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeg6iIBtVr-SaqsHlDY8wsMsaExUUFwYPsBl3grSQCyA-l8TgRlT4X_XJ5Vx5qrsiMKrwKsLELGu5ki6uLGh4CkKbZyR7Sp0cnHGhLHLsWAnX3sm7ijCgjU-uVCRWFRNR-nsKY9OpmmFCX/s1600/tumblr_lzryjhfKrM1rq8v53o1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeg6iIBtVr-SaqsHlDY8wsMsaExUUFwYPsBl3grSQCyA-l8TgRlT4X_XJ5Vx5qrsiMKrwKsLELGu5ki6uLGh4CkKbZyR7Sp0cnHGhLHLsWAnX3sm7ijCgjU-uVCRWFRNR-nsKY9OpmmFCX/s640/tumblr_lzryjhfKrM1rq8v53o1_500.gif" width="640" /></a></div>
<div style="text-align: left;">
<span style="color: #b4a7d6;"><big>O</big>ie xuxuzinhos da minha vida </span><img src="http://www.ostratemplateshop.blogger.com.br/tralhinhas%20%2817%29.gif" /> bah hoje eu descobri que meu pai é mais <u><span style="color: #8e7cc3;">tri</span></u> do que eu pensava <span style="color: #93c47d;">^-^ o véio além de curtir <a href="http://www.youtube.com/watch?v=0QkgmwXCmtc" target="_blank">Raul Seixas</a> , <a href="http://www.youtube.com/watch?v=AuZ6ubVXOoo" target="_blank">Cazuza</a> e <a href="http://www.youtube.com/watch?v=SmVAWKfJ4Go&feature=related" target="_blank">Johnny Cash</a> que eu já achava triiii *-* descobri que ele gosta de Jaspion e ontem peguei ele assistindo Pokémon rsrs \o/ </span><span style="color: #8e7cc3;">ele ainda começou a usar um all star vermelho que era do meu irmão *-* bah até me emocionei rsrs vou ver se carrego ele pro <a href="http://www.animextreme.com.br/" target="_blank">AnimeXtreme</a> em Junho!!</span><span style="color: #999999;"> </span></div>
<div style="text-align: left;">
<span style="color: #999999;">(<span style="font-family: Arial, Helvetica, sans-serif;">detalhe meu xuxuzinho tem 60 anos já</span>)</span></div>
<div style="text-align: left;">
<span style="color: #444444;">tah tah tah..vou postar um tuto "barbada"..</span><span style="color: #6fa8dc;">eu vou postar como deixar</span> <img src="http://i4.photobucket.com/albums/y135/dani_leal_/minigifs/374.gif" /> <span style="color: #ea9999;">a barra de rolagem colorida</span> <span style="color: #93c47d;">e como</span> <img src="http://i4.photobucket.com/albums/y135/dani_leal_/minigifs/376.gif" /> <span style="color: #f6b26b;">usar background ao invés de cor</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_jGBrfH9KdgV3gDeZDK7B8kwU5oVKHYT2iHZ7o0N64A6EIGgAsRg4QBLYT8Xiu5kSzOeZ4Lwau2KarJQySLRLsEsJt6wrkdmKJf3elJur_ZbuhqRUZdosWBEvbnGOqB-7kAFUwSbGAfN/s1600/31.jpg" /></div>
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<a name='more'></a><br />
<span style="color: #8e7cc3;">Vá em design</span> > <span style="color: #e06666;">Editar HTML</span> > <span style="color: #93c47d;">Aperte Ctrl+F</span> e procure por <span style="background-color: #8e7cc3; color: white; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span><br />
<span style="color: #9fc5e8;">Cole o código acima de ]]></b:skin></span><br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">/*** Rolagem da Vertical da Página ***/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">::-webkit-scrollbar-thumb:vertical {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background: #<span style="color: #ea9999;"><b>ff0f72</b></span>; /*<span style="color: #6fa8dc;">Cor da barrinha que se move</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border: <span style="color: #ea9999;"><b>1</b></span>px <b><span style="color: #ea9999;">solid </span></b>#<span style="color: #ea9999;"><b>bgh</b></span>; /*<span style="color: #6fa8dc;">Coloque borda se quiser</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height:50px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-radius:<b> <span style="color: #e06666;">20</span></b>px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius: <span style="color: #e06666;"><b>20</b></span>px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-radius: <span style="color: #e06666;"><b>20</b></span>px<span style="color: #ea9999;">;</span></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">}</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">/*** Rolagem da Horizontal da Página***/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">::-webkit-scrollbar-thumb:horizontal {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background-color:#<span style="color: #ea9999;"><b>ff0f72</b></span>; /*<span style="color: #6fa8dc;">Cor da barrinha que se move</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border: <span style="color: #ea9999;"><b>1</b></span>px <span style="color: #ea9999;"><b>solid </b></span>#<span style="color: #ea9999;"><b>bgh</b></span>; /*<span style="color: #6fa8dc;">Coloque borda se quiser</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height:10px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-radius: <span style="color: #e06666;"><b>20</b></span>px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius: <span style="color: #e06666;"><b>20</b></span>px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-radius: <span style="color: #e06666;"><b>20</b></span>px;</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"> }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">/*** Parte fixa da rolagem (<span style="color: #6fa8dc;">fundo que não se move</span>) ***/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">::-webkit-scrollbar {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height:10px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">width:<b><span style="color: #ea9999;">15</span></b>px; /*<span style="color: #6fa8dc;">Largura da barra de rolagem</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> background: #<span style="color: #ea9999;"><b>000000</b></span>; /*<span style="color: #6fa8dc;">Cor da parte fixa, que fica no mundo</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border: <span style="color: #ea9999;"><b>1</b></span>px <span style="color: #ea9999;"><b>solid </b></span>#<span style="color: #ea9999;"><b>bgh</b></span>; /*<span style="color: #6fa8dc;">Coloque borda se quiser</span>*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">}</span></div>
</blockquote>
<div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<div>
<img src="http://i4.photobucket.com/albums/y135/dani_leal_/minigifs/379.gif" /> <span style="color: #ea9999;">Se quiser colocar background ao invés de cor substitua</span> <span style="background-color: #fff2cc; color: #444444; font-family: Arial, Helvetica, sans-serif;">background: #000;</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><span style="color: #ea9999;"> por </span></span><span style="background-color: #fff2cc; color: #444444; font-family: Arial, Helvetica, sans-serif;">background: url(URL DA IMAGEM);</span><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-NZU_8gUYTibBzZPSxikRxRZOComF0zt_82NOtKLwcyGOY9PqFiOMM31ef2gPLrJeMVq8lgH-n9lXvSijRUWKJzgVaDlXUtOgdQuGGUc9phsw3jwpGJ09-xnGvTODCcSlALJTkikeEya/s1600/mg154.gif" /><span style="color: #6fa8dc;">Se quiser a barra móvel mais </span><span style="color: #d5a6bd;">quadrada</span><span style="color: #6fa8dc;"> apague ou diminua os px de:</span><br />
<span style="color: #999999; font-family: Arial, Helvetica, sans-serif;">border-radius: 20px;<br />-moz-border-radius: 20px;<br />-webkit-border-radius: 20px; </span></div>
<div>
<span style="color: #999999; font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="color: lime;"> Personalize do jeito que quiser :)</span></div>
<div>
<br /></div>
<div>
<img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/Graphics/Emoticons/StrawberryEmoticon1.gif" /> Post com os estilos de bordas veja <a href="http://bad-reputation-13.blogspot.com.br/2012/03/tutorial-divisoria-entre-post-e-sidebar.html" target="_blank">aqui</a><br />
<img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/Graphics/Emoticons/WatermelonEmoticon1.gif" /> Tabela de cores <a href="http://bad-reputation-13.blogspot.com.br/p/extras.html" target="_blank">aqui</a><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #999999;">*Código do </span><span style="background-color: #fff2cc; line-height: 19px;"><span style="color: #999999;">Cherry Bomb</span></span><span style="background-color: #faf7f4; color: #999999; line-height: 19px;"> eu só acrescentei "</span><span style="background-color: #fff2cc; color: #999999;">background: url(URL DA IMAGEM);</span><span style="color: #999999;"> </span><span style="background-color: #faf7f4; color: #999999; line-height: 19px;">" na barra que eu uso :)</span></span></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com16tag:blogger.com,1999:blog-1343738570743056215.post-11030616148784233842012-04-16T00:10:00.002-03:002012-10-24T21:16:11.310-02:00Dividir texto/postagem<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-RRALcAhpu-Q/T4PS19F96MI/AAAAAAAACB8/6KoPxAEKwC0/s1600/tumblr_lzyooxVv9Y1r1ogyho1_500_large.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="http://2.bp.blogspot.com/-RRALcAhpu-Q/T4PS19F96MI/AAAAAAAACB8/6KoPxAEKwC0/s640/tumblr_lzyooxVv9Y1r1ogyho1_500_large.gif" width="640" /></a></div>
<div style="text-align: center;">
<div style="text-align: left;">
<big>C</big>omo é bom ter um vizinho desempregado rsrs <span style="color: #8e7cc3;">vou explicar..é que meu vizinho que arrumou meu pc e como ele 'tah pobre' num tem dinheiro p/ sair arrumou meu pc ontem mesmo (guri ligeiro)..</span><span style="color: #ea9999;"> Ah vou postar hoje um código bem simples que muitas vezes é bem útil e deixa tudo mais organizado </span><img src="http://i387.photobucket.com/albums/oo314/paravidatoda/mini-164.gif" /> o tuto <span style="color: #76a5af;">é de como dividir o texto da postagem em colunas </span><img src="http://media.tumblr.com/tumblr_lkqyu4YEXw1qi6qow.gif" style="color: #76a5af;" /><br />
<br />
<a name='more'></a></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><br />
<div style="text-align: left;">
<img src="http://media.tumblr.com/tumblr_ll7x3bnod91qi6qow.gif" /> Exemplo:</div>
</div>
<br />
<div align="left" style="float: left; width: 50%;">
<div align="left" style="background-color: white;">
<span style="color: #93c47d; font-family: inherit;">Eu, filho do carbono e do amoníaco, <o:p></o:p><br />Monstro de escuridão e rutilância, <o:p></o:p><br />Sofro, desde a epigênese da infância, <o:p></o:p><br />A influência má dos signos do zodíaco.<o:p></o:p></span></div>
<div align="left" style="background-color: white;">
<span style="color: #6fa8dc; font-family: inherit;">Profundissimamente hipocondríaco, <o:p></o:p><br />Este ambiente me causa repugnância… <o:p></o:p><br />Sobe-me à boca uma ânsia análoga à ânsia <o:p></o:p></span></div>
</div>
<div align="right" style="float: right; width: 50%;">
<div style="text-align: left;">
<span style="color: #6fa8dc; font-family: inherit;">Que escapa da boca de um cardíaco!</span><br />
<span style="color: #8e7cc3; font-family: inherit;">Já o verme este operário das ruínas </span></div>
<div style="text-align: left;">
<span style="color: #8e7cc3; font-family: inherit;">Que o sangue podre das carnificinas </span></div>
<div style="text-align: left;">
<span style="color: #8e7cc3; font-family: inherit;">Come, e à vida em geral declara guerra, </span></div>
<div style="text-align: left;">
<span style="color: #8e7cc3; font-family: inherit;">Anda a espreitar meus olhos para roê-los, </span></div>
<div style="text-align: left;">
<span style="color: #8e7cc3; font-family: inherit;">E há de deixar-me apenas os cabelos, </span></div>
<div style="text-align: left;">
<span style="color: #8e7cc3; font-family: inherit;">Na frialidade inorgânica da terra!</span></div>
</div>
<div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #b4a7d6;"><br /></span>
<img src="http://media.tumblr.com/tumblr_lkl6v58ydT1qfamg6.gif" /><span style="color: #b4a7d6;">Aproveitei a oportunidade e usei como exemplo </span> '<span style="color: #ea9999;"><b>Psicologia de um Vencido</b></span>' <span style="color: #8e7cc3;">meu poema preferido</span> <span style="color: #e69138;">de um dos meus poetas Divos</span> <span style="color: #76a5af;">Augusto dos Anjos</span><span style="color: #3d85c6;">.</span>.absolutamente incrível! <img src="http://media.tumblr.com/tumblr_lm6pkvUi1F1qfoi4t.gif" /><br />
<br />
<span style="color: #e06666;"><img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/mini154.gif" />Como eu disse o código é simples é só colar onde você quiser que apareça o texto assim :)</span><br />
<br />
<img src="http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif" />Esse é o código:<br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><div align="left" style="float:left;width:50%"><br /><b><span style="color: #e06666;">Conteúdo do lado esquerdo aqui</span></b></div><br /><div align="right" style="float:right;width:50%"><br /><b><span style="color: #76a5af;">Conteúdo do lado direito aqui</span></b></div></span></blockquote>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="color: #666666;">Simples né?!</span><b style="color: #3d85c6;"> Ah o código você coloca no post mesmo </b><b><span style="color: #e06666;">:)</span></b><br />
<br />
<div style="text-align: center;">
-----------------------------------</div>
<div style="text-align: center;">
<b><span style="color: #6aa84f;"><br /></span></b></div>
<b><span style="color: #6aa84f;"><img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/103.gif" /> Pode dividir também em </span><span style="color: #e69138;">três</span><span style="color: #6aa84f;"> *o* olha só como fica:</span></b></div>
<div style="text-align: left;">
<br />
<img src="http://media.tumblr.com/tumblr_ll7x3bnod91qi6qow.gif" />Exemplo:<br />
<br />
<div style="float: left; padding: 2px; text-align: center;">
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;"><b>A um Carneiro Morto</b></span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">Misericordiosíssímo carneiro </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">Esquartejado, a maldição de Pio </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">Décimo caia em teu algoz sombrio </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">E em todo aquele que for seu herdeiro! </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">Maldito seja o mercador vadio </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">Que te vender as carnes por dinheiro, </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">Pois, tua lã aquece o mundo inteiro </span></div>
<div style="text-align: left;">
<span style="color: #e06666; font-family: inherit;">E guarda as carnes dos que estão com frio! (...)</span></div>
</div>
<div style="float: right; padding: 2px; text-align: center;">
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;"><b>A Obsessão Do Sangue</b></span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;"><br /></span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Acordou, vendo sangue... - Horrível! O osso </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Frontal em fogo... Ia talvez morrer, </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Disse. olhou-se no espelho. Era tão moço, </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Ah! certamente não podia ser! </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;"><br /></span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Levantou-se. E eis que viu, antes do almoço, </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Na mão dos açougueiros, a escorrer </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">Fita rubra de sangue muito grosso, </span></div>
<div style="text-align: right;">
<span style="color: #8e7cc3; font-family: inherit;">A carne que ele havia de comer! (...)</span></div>
</div>
<div style="clear: both; padding: 2px; text-align: center;">
<span style="color: #3d85c6; font-family: inherit;"><b>O Coveiro</b></span><br />
<span style="color: #3d85c6; font-family: inherit;">Uma tarde de abril suave e pura</span><br />
<span style="color: #3d85c6; font-family: inherit;">Visitava eu somente ao derradeiro </span><br />
<span style="color: #3d85c6; font-family: inherit;">Lar; tinha ido ver a sepultura </span><br />
<span style="color: #3d85c6; font-family: inherit;">De um ente caro, amigo verdadeiro.</span><br />
<span style="color: #3d85c6; font-family: inherit;">Lá encontrei um pálido coveiro</span><br />
<span style="color: #3d85c6; font-family: inherit;">Com a cabeça para o chão pendida;</span><br />
<span style="color: #3d85c6; font-family: inherit;">Eu senti a minh'alma entristecida</span><br />
<span style="color: #3d85c6; font-family: inherit;">E interroguei-o: "Eterno companheiro</span><br />
<span style="color: #3d85c6; font-family: inherit;">Da morte, que matou-te o coração?"</span><br />
<span style="color: #3d85c6; font-family: inherit;">Ele apontou para uma cruz no chão,</span><br />
<span style="color: #3d85c6; font-family: inherit;">Ali jazia o seu amor primeiro! </span><br />
<span style="color: #3d85c6; font-family: inherit;">Depois, tomando a enxada gravemente,</span><br />
<span style="color: #3d85c6; font-family: inherit;">Balbuciou, sorrindo tristemente: - </span><br />
<span style="color: #3d85c6; font-family: inherit;">"Ai! Foi por isso que me fiz coveiro!" </span></div>
<br />
<img src="http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif" />Esse é o código:</div>
<div style="text-align: left;">
</div>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><div style="float:left;padding:2px;text-align:center"><b><span style="color: #93c47d;">Conteúdo da esquerda</span></b></div></span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="float:right;padding:2px;text-align:center"><b><span style="color: #8e7cc3;">Conteúdo da direita</span></b></div></span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="clear:both;padding:2px;text-align:center"><b><span style="color: #e06666;">Conteúdo de baixo</span></b></div></span></blockquote>
<div>
</div>
<div>
</div>
<br />
<img src="http://www.coisinhasbydrika.kit.net/minigifs/minigifs/minigif026.gif" /><span style="color: #e06666;">E aqui aproveitei e usei como exemplos mais trechos de poemas/sonetos do </span><span style="color: #8e7cc3;">Augusto dos Anjos</span><span style="color: #e06666;"> </span><span style="color: #c27ba0;">postei os meus preferidos <img src="http://media.tumblr.com/tumblr_lkl5scYJcE1qfamg6.gif" /> todos muito lindos p/ quem os entende!</span><span style="color: #e06666;"> </span><img src="http://media.tumblr.com/tumblr_lm6pkvUi1F1qfoi4t.gif" /><br />
<br />
<i><span style="color: #6aa84f;">Ah e esse código pode ser usado para imagens e videos ao invés de textos</span></i><br />
<br />
<img src="http://media.tumblr.com/tumblr_lm6r9oVFgE1qfoi4t.gif" />Fácil né?! espero que tenham gostado :) bjinhus<br />
<br /></div>
</div>
<div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com21tag:blogger.com,1999:blog-1343738570743056215.post-27652765519194406942012-04-09T23:43:00.002-03:002012-10-28T14:17:35.446-02:00Sidebar BR<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lgBM6g926Yc/T4OWuwMGstI/AAAAAAAACBk/hYrQndYkiMs/s1600/tumblr_m1iiscGXre1qibnkk.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="http://3.bp.blogspot.com/-lgBM6g926Yc/T4OWuwMGstI/AAAAAAAACBk/hYrQndYkiMs/s640/tumblr_m1iiscGXre1qibnkk.gif" width="640" /></a></div>
<big>O</big>ii <b><span style="color: #e69138;">xuxuzinhos </span></b><img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/103.gif" /> <span style="color: #3d85c6;">vou ensinar a fazer a sidebar igual a do blog</span> <img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TUbtbS12Z1I/AAAAAAAAAgE/kVrKe0n_j9w/icco1.gif" /> <span style="color: #e06666;">alguns</span> <span style="color: #8e7cc3;">xuxus galopantes</span> <span style="color: #6aa84f;">já tinham me pedido mais esqueci</span> rsrs <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS200.gif" /> Mas também queria lembrar que hoje <b><span style="font-family: Arial, Helvetica, sans-serif;">09/04/2012</span></b> o meu Divo *-* faria 100 anos *o*<br />
quem é ele? é o <span style="color: #e06666;">Amácio Mazzaropi, </span><span style="color: #3d85c6;">ah gente eu assisto os filmes dele até hoje..lembro que eu via com meu vô </span>♥<br />
<span style="color: #f9cb9c; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">(que já se foi T-T)</span><span style="color: #fce5cd; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> </span>Sério..<span style="color: #e69138;">vocês aíi da nova geração talvez nem conheçam e se assistir nem gostem pq não tem nenhum efeito especial</span>, <span style="color: #8e7cc3;">ele não voa e não sai laser dos olhos..</span>quem gosta de simplicidade e quer conhecer um mestre do cinema brasileiro..<span style="color: #8e7cc3;">eu indico os filmes do Mazzaropi</span> (: <span style="color: #93c47d;">com certeza vão dar boas risadas</span> eu adoro tenho só 19 dos 32 filmes dele *-*<br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;">o ator, diretor e produtor de cinema Amácio Mazzaropi completaria 100 anos nesta segunda (9/4). Nascido em São Paulo, em 9 de abril de 1912,<span style="color: #674ea7;"> o maior ícone de massas do cinema brasileiro arrastou multidões às salas de exibição e imortalizou a figura do jeca</span>, <span style="color: #6aa84f;">o caipira destrambelhado e esperto, quase sempre em choque com a modernidade (...) </span>pipocamoderna.com.br</span></blockquote>
<div style="text-align: center;">
<img src="http://25.media.tumblr.com/tumblr_lt51xx6yFr1r0j8hoo5_r1_250.gif" /> <img src="http://29.media.tumblr.com/tumblr_lt51xx6yFr1r0j8hoo6_r2_250.gif" /></div>
<div style="text-align: center;">
<b style="text-align: -webkit-auto;"><span style="color: magenta; font-family: Arial, Helvetica, sans-serif;">Agora continue lendo e veja o tuto da sidebar ^^</span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-XxBrinDpiKA/T4OPe6tribI/AAAAAAAACBc/2k7VWUXk5M4/s1600/sidebarBR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-XxBrinDpiKA/T4OPe6tribI/AAAAAAAACBc/2k7VWUXk5M4/s400/sidebarBR.png" width="243" /></a> </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/icon1.gif" />Bah <span style="color: #3d85c6;"><b>Guris</b></span> e <span style="color: #e06666;"><b>Gurias</b></span> é tri barbada ^-^ é só ir em:</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #6aa84f;">Design </span><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/96.gif" /> <span style="color: #8e7cc3;">Adicionar um Gadget</span> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/96.gif" /> <span style="color: #3d85c6;">HTML/JavaScript</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img alt="Mini Gifs" src="http://i64.photobucket.com/albums/h187/lindezasdajuju/minifofur68.png" /><span style="color: #45818e;">Cola o seguinte código:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: magenta;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<blockquote>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><style></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">/**SIDEBAR BAD REPUTATION**/</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">.sidebar .widget {</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-top-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius-topright: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-top-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-bottom-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius-bottomright: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-bottom-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-bottom-left-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius-bottomleft: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-bottom-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">width:100% !important;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">background:#<span style="color: magenta;">fff</span>; /** COR DO FUNDO DO GADGET **/</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">margin:<span style="color: magenta;">33</span>px 0 !important;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">padding:<span style="color: magenta;">10</span>px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-top:<span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid </span>#<span style="color: magenta;">ebebeb</span>;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-right: <span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid </span>#<span style="color: magenta;">ebebeb</span>; </span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-left: <span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid </span>#<span style="color: magenta;">ffd6eb</span>; </span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-bottom: <span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid</span> #<span style="color: magenta;">ebebeb</span>; </span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">}</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">.sidebar .widget h2 {</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">text-align: center;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-left:<span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid </span>#<span style="color: magenta;">ffd6eb</span>; /** COR DA BORDA DE CIMA **/;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-top:<span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid </span>#<span style="color: magenta;">ebebeb</span>; /** COR DA BORDA DE CIMA **/;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-right:<span style="color: #3d85c6;">2px </span><span style="color: #e06666;">solid </span>#<span style="color: magenta;">ebebeb</span>; /** COR DA BORDA DE CIMA **/;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">background: #<span style="color: magenta;">ebf9ff</span>; /** COR DO FUNDO DA ÁREA DO TITULO **/</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">text-shadow:0 1px #ccc/** SOMBRA DO TITULO **/;</span></div>
<div style="text-align: left;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;">color:#ff94c9/** COR DO TITULO **/;</span></div>
<div style="text-align: left;">
<span style="color: #6aa84f; font-family: Arial, Helvetica, sans-serif;">font-size:15px /** TAMANHO DO TITULO **/;</span></div>
<div style="text-align: left;">
<span style="color: #674ea7; font-family: Arial, Helvetica, sans-serif;">margin-top:-35px /** MARGIN **/;</span></div>
<div style="text-align: left;">
<span style="color: #674ea7; font-family: Arial, Helvetica, sans-serif;">margin-left:-12px /** MARGIN **/;</span></div>
<div style="text-align: left;">
<span style="color: #674ea7; font-family: Arial, Helvetica, sans-serif;">margin-bottom:5px /** MARGIN **/;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">padding:3px;</span></div>
<div style="text-align: left;">
<span style="color: #c27ba0; font-family: Arial, Helvetica, sans-serif;">width:40%;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">overflow:hidden</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-top-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius-topright: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-top-right-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-webkit-border-top-left-radius: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius-topleft: 20px;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">border-top-left-radius: 20px;}</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">.sidebar .widget:first-child {</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"> margin-top: 0;</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">}</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">/** FIM DA SIDEBAR BAD REPUTATION [bad-reputation-13.blogspot.com.br]**/</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"></style></span></div>
</blockquote>
<br />
<div style="text-align: center;">
<img src="http://www.amoreseducao.com.br/Blog/imagens/Minis/002.gif" /><span style="color: #3d85c6;">Se quer a sidebar igual a do blog não modifique nada, apenas ajuste as margens</span></div>
<div style="text-align: center;">
<span style="color: #674ea7;">Mas se não quer igual modifique à vontade</span><br />
<span style="color: magenta;"><b>Não esqueça:</b></span></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-JR-VjP8OxsU/T4YEmtNF2mI/AAAAAAAACCE/2CKSE8MOhBU/s1600/dica.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="http://4.bp.blogspot.com/-JR-VjP8OxsU/T4YEmtNF2mI/AAAAAAAACCE/2CKSE8MOhBU/s400/dica.png" width="400" /></a></div>
<span style="color: #e06666;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="background-color: #fff2cc;"><span style="color: #e06666; font-size: large;"><b><img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif" />Se Reblogar Credite!<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif" /></b></span></span></div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com57tag:blogger.com,1999:blog-1343738570743056215.post-65234969211844756172012-04-08T23:38:00.002-03:002012-10-24T21:17:50.465-02:00Adicionar Cursores<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin-left: 1em; margin-right: 1em; text-align: center;">
<img height="360" src="http://25.media.tumblr.com/tumblr_m1eyi9loT31ql91vjo1_500.gif" width="640" /> </div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #8e7cc3;"><big>X</big>uxuzinhos </span><span style="color: #e06666;">hoje eu trouxe cursores p/ vocês (heeeeee)</span> é é eu disse que voltava segunda..mais já é quase segunda hehe e não estou com sono e depois de encher até os ouvidos com chocolate caseiro (<span style="color: #ea9999;">brigadu tia loka do armazem</span>) então <span style="color: #93c47d;">espero que vocês gostem </span></span><span style="color: #d5a6bd; font-family: inherit;">coloquei 3 códigos.. o que</span><span style="color: #93c47d; font-family: inherit;"> </span><span style="color: #8e7cc3; font-family: inherit;">muda o cursor ao passar o mouse//o que não muda// e como colocar créditos no código dos cursores feitos por vocês</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #93c47d;"> </span></span><span style="color: #6fa8dc; font-family: inherit;">Postei alguns cursores também *o* mais ainda não fiz nenhum..por preguiça rsrs </span></div>
</div>
<br />
<a name='more'></a><br />
<br />
<center>
<a href="http://www.blogger.com/blogger.g?blogID=1343738570743056215" name="more"></a><span style="font-family: inherit;"><span style="color: #e06666;">Para usar esses cursores</span> é só copiar a URL da imagem e ir em <span style="background-color: white;"><b><span style="color: #6fa8dc;">design</span></b><span style="color: #444444;"> </span></span></span> <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif" /> <span style="font-family: inherit;"><span style="background-color: white;"><span style="color: #444444;"> </span><b><span style="color: #93c47d;">adicionar um gadget Html/JavaScript</span></b></span> cola o código e pronto :)</span></center>
<center>
<br /></center>
<img alt="Mini gif 228" src="http://img15.imageshack.us/img15/9086/minigif111aq0.gif" /> <span style="color: #6fa8dc; font-family: inherit;">Muda o cursor ao passar em cima de link </span><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><style type="text/css">HTML,BODY{cursor: url('<span style="color: magenta;">URL DO CURSOR1</span>'), url('<span style="color: magenta;">URL DO CURSOR1</span>') ,auto;}A:hover{cursor: url('<span style="color: red;">URL DO CURSOR2</span>') , url('<span style="color: red;">URL DO CURSOR2</span>') ,auto;}</style> </span></blockquote>
<br />
<img alt="Mini gif 228" src="http://img15.imageshack.us/img15/9086/minigif111aq0.gif" /> <span style="font-family: inherit;"><span style="color: #8e7cc3;">Apenas um cursor e com créditos no código</span></span><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><style type="text/css"></span><span style="font-family: Arial, Helvetica, sans-serif;">body {cursor:url(<span style="color: magenta;">URL DO CURSOR</span>),default}</span><span style="font-family: Arial, Helvetica, sans-serif;"></style><a href="<span style="color: red;">LINK DO SEU BLOG</span>"><span style="color: magenta;">NOME DO SEU BLOG</span></a></span></blockquote>
<br />
<span style="color: #8e7cc3;"><img alt="Mini gif 228" src="http://img15.imageshack.us/img15/9086/minigif111aq0.gif" /> <span style="font-family: inherit;">Apenas um cursor (não muda ao passar em cima de link)</span></span><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><style> body, a, a:hover { cursor:url('<span style="color: magenta;">URL DO CURSOR</span>'), auto }</style></span></blockquote>
<div>
<br /></div>
<div style="text-align: center;">
<img src="http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Kamio/KamioBurgerBear2.gif" /> <span style="color: #93c47d;">Alguns cursores (estáticos):</span></div>
<div style="text-align: center;">
<span style="color: #93c47d;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5OGakBs0c8g/T3yYmq0IO0I/AAAAAAAAB7A/lm1qzC20o3U/s1600/cursoresBR+%2843%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-5OGakBs0c8g/T3yYmq0IO0I/AAAAAAAAB7A/lm1qzC20o3U/s1600/cursoresBR+%2843%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-PkK6PhkjfwI/T3yYpMPTx7I/AAAAAAAAB7Y/Whf-mPiO4iU/s1600/cursoresBR+%2846%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-PkK6PhkjfwI/T3yYpMPTx7I/AAAAAAAAB7Y/Whf-mPiO4iU/s1600/cursoresBR+%2846%29.png" /></a></div>
<div>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-_c9bFfcTXsw/T3yYp6GBrRI/AAAAAAAAB7g/iGyeri9u2So/s1600/cursoresBR+%2847%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-_c9bFfcTXsw/T3yYp6GBrRI/AAAAAAAAB7g/iGyeri9u2So/s1600/cursoresBR+%2847%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://3.bp.blogspot.com/-iOgeMJW2ilg/T3yYqYGACRI/AAAAAAAAB7o/zpPowiizngo/s1600/cursoresBR+%2848%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-iOgeMJW2ilg/T3yYqYGACRI/AAAAAAAAB7o/zpPowiizngo/s1600/cursoresBR+%2848%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-y-VjjiKwcMg/T3yYrapnPSI/AAAAAAAAB7w/5dByYBgmzfQ/s1600/cursoresBR+%2849%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-y-VjjiKwcMg/T3yYrapnPSI/AAAAAAAAB7w/5dByYBgmzfQ/s1600/cursoresBR+%2849%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://1.bp.blogspot.com/-V_gC_CBItzo/T3yYsvNSryI/AAAAAAAAB8A/7-jYOPp89BI/s1600/cursoresBR+%2850%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-V_gC_CBItzo/T3yYsvNSryI/AAAAAAAAB8A/7-jYOPp89BI/s1600/cursoresBR+%2850%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-ThGNy_QNZRM/T3yYtQo9fWI/AAAAAAAAB8I/xSC3xoNuncY/s1600/cursoresBR+%2851%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ThGNy_QNZRM/T3yYtQo9fWI/AAAAAAAAB8I/xSC3xoNuncY/s1600/cursoresBR+%2851%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://1.bp.blogspot.com/-pvRlDjt_5P0/T3yYugEHr7I/AAAAAAAAB8Q/zzXDYhelxI0/s1600/cursoresBR+%2852%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-pvRlDjt_5P0/T3yYugEHr7I/AAAAAAAAB8Q/zzXDYhelxI0/s1600/cursoresBR+%2852%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-4DEDRcnalRA/T3yYvz0rfJI/AAAAAAAAB8Y/bD2aiIE0c6g/s1600/cursoresBR+%2853%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-4DEDRcnalRA/T3yYvz0rfJI/AAAAAAAAB8Y/bD2aiIE0c6g/s1600/cursoresBR+%2853%29.png" /></a></div>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-bXw50ygx-XE/T3yYyHgYt3I/AAAAAAAAB84/VZpXtLbwoyg/s1600/cursoresBR+%2860%29.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-bXw50ygx-XE/T3yYyHgYt3I/AAAAAAAAB84/VZpXtLbwoyg/s1600/cursoresBR+%2860%29.gif" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
Karinehttp://www.blogger.com/profile/07575726356121297599noreply@blogger.com23