sexta-feira, 30 de novembro de 2012

Barra de Rolagem Personalizada!


Oie meninas hoje vim fazer esse tutorial para vcs de como colocar uma barra de rolagem personalizada e para começar veja o tutorial e aperte ler mais se eu conseguir colocar...




Veja o tutorial:

             
Designer -> Editar HTML -> Expandir Modelos  Widgets -> De um CTRL F

Depois de fazer isso pesquise

]]></b:skin>

Agora faça o seguinte, a cima de ]]></b:skin> Cole o Código Abaixo:

::-webkit-scrollbar-thumb:vertical {
background: #FF69B4;
height:50px;
border: 2px solid #FFFFFF;
box-shadow: 2px 2px 4px #bebdbd;
-moz-box-shadow: 2px 2px 4px #bebdbd;
-webkit-box-shadow: 2px 2px 4px #bebdbd;
-khtml-box-shadow: 2px 2px 4px #bebdbd;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f26d92; height:10px;
border: 1px dashed #fff;
-webkit-box-shadow:0 0 1em #eee; }
::-webkit-scrollbar {height:10px; width:20px; background: url(URL DO BACKGROUND FIXO) repeat;
box-shadow: -3px -2px 10px #bebdbd;
-moz-box-shadow: -3px -2px 10px #bebdbd;
-webkit-box-shadow: -3px -2px 10px #bebdbd;
-khtml-box-shadow: -3px -2px 10px #bebdbd;}
}

Você deve Modificar:

Modifique o #FF69B4 pela cor da barrinha que rola, e Modifique o #FFFFFF Pela borda da Barrinha.
E modifique a "URL DO BACKGROUND FIXO" pela url do background (Fundo) que deseja Usar.

Tabela de Cores para saber os Códigos Clicando Aqui!
Site para Hospedar o Seu Background, recomendo esse Aqui!


Tomará que tenham gostado bjsss e comente


Postado por às Nenhum comentário:

sexta-feira, 16 de novembro de 2012

Cursores personalizados


Olá meus amores, tudo bem com vcs? nesse poster ira ter o tutorial de como colocar o cursor em seu blog, e também vai ter os códigos dos cursor. Então vamos lá!

<style>body, a, a:hover { cursor:url(http://lh6.ggpht.com/-GiJ5z9XlG0M/TeI9zEWDoCI/AAAAAAAAA7k/Ow5NhiDzTQY/TH11.gif), auto }</style>


 <style>body, a, a:hover { cursor:url(http://static.tumblr.com/a4md6se/3iBlr439d/desenho.png), auto }</style>
 <style>body, a, a:hover { cursor:url(http://cur.cursors-4u.net/anime/images11/ani1092.png), auto }</style>


 <style>body, a, a:hover { cursor:url(http://media.tumblr.com/tumblr_lr4fmyG2W61qmvagu.png), auto }</style>

  <style>body, a, a:hover { cursor:url(http://static.tumblr.com/a4md6se/AiFlr2cb4/welcome.png), auto }</style>

  <style>body, a, a:hover { cursor:url(http://cur.cursors-4u.net/others/images4/oth305.gif), auto }</style>

  <style>body, a, a:hover { cursor:url(http://media.tumblr.com/tumblr_lqn86hJ6dj1qlzq96.png), auto }</style>




  <style>body, a, a:hover { cursor:url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/35.gif), auto }</style>


  <style>body, a, a:hover { cursor:url(http://i205.photobucket.com/albums/bb186/mhilkas/cursor/esp14.gif), auto }</style>

  <style>body, a, a:hover { cursor:url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/82.gif), auto }</style>

  <style>body, a, a:hover { cursor:url(http://lh5.ggpht.com/-eHPZiNauR7s/TeI9ylCYDyI/AAAAAAAAA7U/6zZiGUMj61Y/TH8.gif), auto }</style>


  <style>body, a, a:hover { cursor:url(http://free-themes.info/cursor/mustache/pinkmustache.png), auto }</style>


    <style>body, a, a:hover { cursor:url(http://media.tumblr.com/tumblr_lpwe51kAwy1qepbs7.gif), auto }</style>

  <style>body, a, a:hover { cursor:url(http://media.tumblr.com/tumblr_lpwe6s29Qy1qepbs7.gif), auto }</style>

  <style>body, a, a:hover { cursor:url(http://media.tumblr.com/tumblr_lpsjijBZ871qlzq96.png), auto }</style>



  <style>body, a, a:hover { cursor:url(http://media.tumblr.com/tumblr_lpzyvxLXMf1ql6jei.png), auto }</style>

* Vá em Layout * Clique em Adicionar um Gadget * HTML/JavaScript * Dai vc coloca a URL de qual cursor vc escolheu, aprendi por esse blog aqui ( www ) TOmara que vcs gostem, bjsss
Postado por às 2 comentários:

Avatares



Oiie flores, hoje vim deixar umas avatares de corianas para vcs colocarem em seus blog, elas são muito lindas [na minha opinião]










Postado por às Nenhum comentário:

Como colocar passarinho do twitter sobrevoando a pagina do seu blog.

Oie garotas com chocolate, tudo bem?? eu tava vendo alguns blogs bem legais para o blogspot e achei o Tony Gifs Javas lá tem varias coisas legais que vc vai amar o link é esse (aqui) e vc ira encontrar o pássaro do twitinho e varias outras coisas.

E para quem não sabe colocar o pássaro sobrevoando no seu blog é bem fácil, aqui estará o tutorial:

Faça  o login do seu blog
Em layout clique em Adicionar um Gadget
E encontre (HTML/javaScript
Copie esse código abacho e cole em Conteúdo.
Aperte salvar
E depois aperte Salvar organização para não ter erro de não salvar.
E prontinho, seu blog estará com o pássaro do twitter



<!--Começa aqui código sobrevoar pagina - TGJ-->
<script src="http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_sobrevoar_pagina/js_efeito_sobrevoar.js" type="text/javascript"></script>
<script type="text/javascript">  var passaro_twitter='http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_sobrevoar_pagina/img_passaro_twitter_01.png';  var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');  var twitterAccount = 'http://tonygifsjavas.com.br/';  var twitterThisText ='';  tripleflapInit();
<!--
document.write(unescape("%3Cp%20style%3D%22text-align%3A%20left%3Bmargin%3A0%3Bpadding%3A0%3B%22%3E%3Ca%20href%3D%22http%3A//tonygifsjavas.com.br/%22%3E%0D%0A%3Cimg%20style%3D%22border%3A0%3B%22%20src%3D%22http%3A//www.tonygifsjavas.com.br/efeitos_para_blogs/banner_efeitos_sobrevoar_tgj.gif%22%20alt%3D%22Pegue%20este%20efeito%20no%20Site%20Tony%20Gifs%20javas%22%20/%3E%3C/a%3E%3C/p%3E"));
//-->
</script>
<!--ternina aqui código sobrevoar pagina - TGJ-->
Postado por às 3 comentários:
Assinar: Postagens (Atom)