Casa da Cacau
  Belas Coisas da Vida
  Arione Torres
  Nilson Barcelli
  Ilha da Lindalva
  Tantas Palavras
  Rubia Artes
  Eliane Lacerda
  Juliana Rosa
  Mary Help
  Ale-bordados e croche
  Suavidad
  Célia Lima.
  Márcia
  Moon Girl
   Gracita
  Nuestra Amizade
  Blue Sapphire
  Lucia Haddad
  Pérola
  Meus rabiscos- Célia(2ºblog)
  BOL - E-mail
  Blogosfera
  Lemon guest book
  123 Livro de visitas
  Magia Gifs
  cursores 4u


 

   

  Todas as mensagens
  Citação
  Poesias
  Frases e pensamentos
  Tutorias
  Fotos


 

   

   


 
 
Cláudia Forte

Tutorias



 Olá, meus xodós! Entrando para desejar a todos uma linda tarde e compartilhar mais

um código que achei bem interessante, cortininha no topo do blog.

 segue a imagem abaixo:

Sugiro que quando forem fazer sua cortininha personalizada utilizem

esta imagem como base para o tamanho, mas vc pode aumentar tbm, basta modificar o tamanho,

no código o tamanho dela estará 32px,ok?

O código:

<div style=" background-image: 

url('http://i172.photobucket.com/albums/w2/claudiahforte/1aaaatopo_zpsnaxbilbb.png');

top: 0px; left: 0px; width: 100%; height: 32px; z-index: 100; position: fixed;"></div>

 

 Espero que tenham gostado!

Agora é só mandar vê na criatividade!!!

 


Mimos que ganhei das miguxas!

Héhé! Eu tbm ganhei o meu!!!

Amei linda  Lindalva !!!

(http://folhas-da-ilha.blogspot.com.br/2015/03/semana-da-mulher-2015-na-ilha.html)


✿ Lidiany 

✿ Nuestra Amizade 

Argos, Tétis e Poseidón

✿ Gracita 



Escrito por Cláudia Forte às 15h49
[   ] [ envie esta mensagem ] [ ]




Olá bandigotojas(os)!!!

Hoje vou de tutorial!

Consegui através de pesquisa um código que possibilita utilizar setas para rolar a página para baixo e para cima

juntamente com ir ao topo, e venho através desta postagem compartilhar com vocês.

É um código bem simples que aprimorei, pois o q eu consegui ficava descentralizado. Segue abaixo:

Aqui estão as imagens q você pode usar como base para criar a de vocês.

Veja o exemplo de como fica na página, clique na imagem abaixo

Agora o código:

 <script language="JavaScript">
    function cima() {
    window.scrollBy(0,10); // velocidade para cima
    scrolldelay = setTimeout('cima()',100); // tempo da rolagem
    }
function baixo() {
window.scrollBy(0,-10); // velocidade para baixo
scrolldelay = setTimeout('baixo()',100); // tempo da rolagem
}

function stopScroll() {
clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
}

</script>

<a style="display:scroll;position:fixed;bottom:45px;right:8px;" href="#" title="TOPO"><img src="http://i172.photobucket.com/albums/w2/claudiahforte/florTopo_zps75e91108.png"/></a>

<a style="display:scroll;position:fixed;bottom:10px;right:20px;" onmouseover="cima()" onmouseout="stopScroll()" href="" title="Rolar para baixo"><img src="http://i172.photobucket.com/albums/w2/claudiahforte/b2topo_zpsfa266240.png"/></a>


<a style="display:scroll;position:fixed;;bottom:100px;right:20px;" onmouseover="baixo()" onmouseout="stopScroll()" href="" title="Rolar para cima"><img src="http://i172.photobucket.com/albums/w2/claudiahforte/b3topo_zps4e373e9e.png"/></a>



Prontinho. Agora você cria as imagens que gostaria que aparecessem no seu cantinho. Use a criatividade!!!

Aqui aonde eu moro está chovendo bastante, graças a Deus! Por este motivo, a minha internet(vivo) está dando um certo pitty (,),

se eu ainda não fui visitar a todos os(as) blogamigos(as) é por conta disso, mas vou chegando a casinha de vocês aos poucos, ok?

Um enorme beijo e espero que tenham gostado do código!!! ( )



Escrito por Cláudia Forte às 14h02
[   ] [ envie esta mensagem ] [ ]




Olá, bandigostosas(os)!

Hoje vim postar o código do meu menu superior, para quem quiser brincar com a criatividade!!! Logo abaixo segue uma imagem de exemplo de como ficará no seu blog.

No código a seguir vc trocará as imagens(inclusive a que está escrito exemplo) pela a imagem que vc quiser, lembrando que o tamanho dela tem de ser( width="200" height="140"),ok? Ah, esse menu é para ser colocado no início do layout!!!

                     <!_______ATENÇÃO!!!!!!______>          

<!_____escreva na imagem o nome da pagina q vc quer que apareça___> 

<center> <table width="60%" border="0" cellspacing="2" background="">

                    <tr> 

                     <td width="30%" background=""><a title="(COLOQUE AQUI O sEU TÍTULO)" href=" ENDEREÇO DA PAGINA QUE VC QUER DISPONIBILIZAR"target="_blank"><img src="http://i1156.photobucket.com/albums/p562/casadacacau/nuvemEXEMPLO_zpskhkvzuto.png" width="200" height="140" border="0"></a></td>

                      <td width="30%" background=""><a title="(COLOQUE AQUI O sEU TÍTULO)" href=" ENDEREÇO DA PAGINA QUE VC QUER DISPONIBILIZAR"target="_blank"><img src="http://i1156.photobucket.com/albums/p562/casadacacau/nuvem_zps3sryeyfp.png" width="200" height="140" border="0"></a></td>

                      <td width="30%" background=""><a title="(COLOQUE AQUI O sEU TÍTULO)" href=" ENDEREÇO DA PAGINA QUE VC QUER DISPONIBILIZAR"target="_blank"><img src="http://i1156.photobucket.com/albums/p562/casadacacau/nuvem_zps3sryeyfp.png" width="200" height="140" border="0"></a></td>

 

<td width="30%" background=""><a title="(COLOQUE AQUI O EU TÍTULO)" href=" ENDEREÇO DA PAGINA QUE VC QUER DISPONIBILIZAR"target="_blank"><img src="http://i1156.photobucket.com/albums/p562/casadacacau/nuvem_zps3sryeyfp.png" width="200" height="140" border="0"></a></td>                  </tr>

 

                    </table>

 </center>

 

  

Espero que vcs tenham gostado do meu código Menu, que agora é nosso!!!



Escrito por Cláudia Forte às 11h35
[   ] [ envie esta mensagem ] [ ]





[ página principal ] [ ver mensagens anteriores ]