parcerias

Parcerias: 
banner 
120x60 

nosso banner:
 




Entrar em contato  via
email: envialinks.noticias@gmail.com

Template em 3 colunas opostas

  fonte e créditos: 

templateseacessorios

 

 

Template Costumizável 4






Template em 3 colunas opostas com cores costumizáveis e menu com sub-menu em span.

Detalhe do menu


Free Image Hosting at www.ImageShack.us





Clique sobre essa tarja vermelha abaixo, ao abrir vc verá a dimensão exata que deverá ter sua imagem para o cabeçalho.
Procure pelo trecho no código. Coloque no local indicado o endereço de sua imagem e salve.

copiar?


http://criacoesminhas.blogspot.com 

..."se copiar, não altere a imagem ou o texto; 
coloque um 'link' ou 'backlink' para esta página."
... 
:)

Menu deslizante com efeito ...Menu vertical...



aprendi a fazer este MENU
no tutorial de Elke
de
templateseacessorios


e,
fonte e créditos, merecidamente para:

...desta feita , segue:



Menu deslizante com efeito

..."   um menu com efeito deslizante de fácil instalação"



 Basta copiar o código e colar no HTML/Javascript que fica em Elementos de página



De preferência hospede os scripts no Google Sites.

phototype.js
effects.js
sidebar.js






<script src="http://sites.google.com/site/menudeslizante/menudeslizante/prototype.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/menudeslizante/menudeslizante/effects.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/menudeslizante/menudeslizante/side-bar.js" type="text/javascript"></script>

<style>
body{font-size:75%;}
a{outline: none;}
a:active{outline: none;}
#sideBar{text-align:left; padding: 4px 0 4px 6px; border: 1px solid #fff;}
#sideBar h2{
padding: 4px 0 4px 6px;
color:#FFFFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
color:#000; text-shadow:-2px -2px 3px #808080;
padding: 4px 0 4px 6px;
font-size:165%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0 10px 3px 3px;
padding:2px;
list-style-type:none;
display:block;
background-color:#808080;
border: 3px groove #ccc;
width:177px;
color:#FFFFFF;
text-shadow: 2px 3px 4px #000;
}
#sideBar li a:hover{
width:160px;
color: #000;
background-color:#ccc;
border: 3px ridge #ccc;
text-shadow: 2px 3px 4px #000;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding: 6px 0 6px 14px;}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 100px;
left:0px;
background: url('http://2.bp.blogspot.com/_FXIne2ZDJII/S_H5ZgzkWlI/AAAAAAAACeo/UBQEebJPlEU/s1600/cin.png') repeat;background-position:top right;}
#sideBarTab{background: url('http://2.bp.blogspot.com/_FXIne2ZDJII/S_H5ZgzkWlI/AAAAAAAACeo/UBQEebJPlEU/s1600/cin.png') repeat;
float:left;
height:137px;
width:28px;
}
#sideBarTab img{border:none;}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:360px;
}
#sideBarContentsInner{width:200px;}
</style>

<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2><span>Menu</span></h2>
<ul>
<li><a href="ENDEREÇO DO LINK 1">Link Um</a></li>
<li><a href="ENDEREÇO DO LINK 2">Link Dois</a></li>
<li><a href="ENDEREÇO DO LINK 3">Link Tres</a></li>
<li><a href="ENDEREÇO DO LINK 4">Link Quatro</a></li>
<li><a href="ENDEREÇO DO LINK 5">Link Cinco</a></li>
<li><a href="ENDEREÇO DO LINK 6">Link Seis</a></li>
<li><a href="ENDEREÇO DO LINK 7">Link Sete</a></li>
</ul>
</div>
</div>
<a id="sideBarTab" href="#">
<img alt="sideBar" src="http://4.bp.blogspot.com/_FXIne2ZDJII/S_H2Om2-0VI/AAAAAAAACeg/TEjloIath1g/s1600/menu.png" title="sideBar" /></a>
</div>


Veja 
modelo AQUI

"Política de Privacidade - Google AdSense"

Política de Privacidade - Google AdSense


 

lay - out, background, código

background, 
código



<style type="text/css">body {background-image:url("URL DA IMAGEM DE FUNDO QUE VOCE HOSPEDOU "); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http"></a></div>


o que está em vermelho vem a ser a imagem de fundo (background) - URL DA IMAGEM DE FUNDO QUE VOCE HOSPEDOU -

♥ visitas ♥

|CONTATO|









                                                                                         
Nome:
E-mail:
Assunto:
Mensagem:
 





brandaodasilvaedilene@gmail.com">









http://criacoesminhas.blogspot.com 
...
"se copiar, não altere a imagem ou o texto; 
coloque um 'link' ou 'backlink' para esta página."
... :)

|A web|Link daqui|

Postagens populares

arquivo

 
|template by ebds|http://criacoesminhas.blogspot.com|