Tutorial Parceiros 125x125 Topo

Visualizar Menu Em Template

Creditos Do Tutorial: Vitor C.I.A
Nao Retirem Creditos Noooob

 1- VA NO EDITOR-HTML DE SEU BLOG E PESQUISE PELA TAG ]]></b:skin>
ACIMA DESTA TAG CÓLE O CÓDIGO ABAIXO↓↓↓


#adsiona {
background:url(http://dl.dropbox.com/u/41516596/TEMPLATES/Template%20Verde%20Completo%20Create/IMG/125x125.png) no-repeat;
width:950px;
margin: auto;
height:170px;
margin-top:240px;
margin-bottom: 13px;
}
#larguraads1 {
width:940px;
margin:auto;
padding:17px 0 0 12px;
}
#banner1{
width:125px;
height:125px;
display:block;
position:absolute;
margin:0px 0 0 0px;
}
#banner1 img {
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
}
#banner1 a:hover {
box-shadow: 0px 1px 2px rgba(30, 30, 30, .3);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
background-color: transparent;opacity:0.7;
} 
#banner2{
width:125px;
height:125px;
display:block;
position:absolute;
margin:0px 0 0 160px;
}
#banner2 img {
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
}
#banner2 a:hover {
box-shadow: 0px 1px 2px rgba(30, 30, 30, .3);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
background-color: transparent;opacity:0.7;
} 
#banner3{
width:125px;
height:125px;
display:block;
position:absolute;
margin:0px 0 0 320px;
}
#banner3 img {
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
}
#banner3 a:hover {
box-shadow: 0px 1px 2px rgba(30, 30, 30, .3);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
background-color: transparent;opacity:0.7;
} 
#banner4{
width:125px;
height:125px;
display:block;
position:absolute;
margin:0px 0 0 481px;
}
#banner4 a:hover {
box-shadow: 0px 1px 2px rgba(30, 30, 30, .3);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
background-color: transparent;opacity:0.7;
} 
#banner5{
width:125px;
height:125px;
display:block;
position:absolute;
margin:0px 0 0 641px;
}
#banner5 a:hover {
box-shadow: 0px 1px 2px rgba(30, 30, 30, .3);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
background-color: transparent;opacity:0.7;
} 
#banner6{
width:125px;
height:125px;
display:block;
position:absolute;
margin:0px 0 0 801px;
}
#banner6 a:hover {
box-shadow: 0px 1px 2px rgba(30, 30, 30, .3);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
background-color: transparent;opacity:0.7;
} 


2- ADICIONADO O CODIGO ACIMA ↑↑↑ 
3- PESQUISE PELA TAG <div id='busca'> ADICIONE O CODIGO ABAIXO EMBAIXO DESTA TAG & VISUALIZE 


<div id='adsiona'><div id='larguraads1'>
<div id='banner1'>
<a href='http://completocreate.blogspot.com.br/' style='left:2px;' target='_blank' title='Anúncio
'><img src='http://img526.imageshack.us/img526/8465/completocreate125x125cp.png'/></a>
</div>
<div id='banner2'>
<a href='http://completocreate.blogspot.com.br/' style='left:2px;' target='_blank' title='Anúncio'>
<img src='http://dl.dropbox.com/u/41516596/TEMPLATES/COMPLETO%20CREATE/IMAGENS/banner_anuncie_aqui_125x125.jpg'/></a>
</div>
<div id='banner3'>
<a href='http://completocreate.blogspot.com.br/' style='left:2px;' target='_blank' title='Anúncio'><img src='http://dl.dropbox.com/u/41516596/TEMPLATES/COMPLETO%20CREATE/IMAGENS/banner_anuncie_aqui_125x125.jpg'/></a>
</div>
<div id='banner4'>
<a href='http://completocreate.blogspot.com.br/' style='left:2px;' target='_blank' title='Anúncio'><img src='http://dl.dropbox.com/u/41516596/TEMPLATES/COMPLETO%20CREATE/IMAGENS/banner_anuncie_aqui_125x125.jpg'/></a>
</div>
<div id='banner5'>
<a href='http://completocreate.blogspot.com.br/' style='left:2px;' target='_blank' title='Anúncio'><img src='http://dl.dropbox.com/u/41516596/TEMPLATES/COMPLETO%20CREATE/IMAGENS/banner_anuncie_aqui_125x125.jpg'/></a>
</div>
<div id='banner6'>
<a href='http://completocreate.blogspot.com.br/' style='left:2px;' target='_blank' title='Anúncio'><img src='http://dl.dropbox.com/u/41516596/TEMPLATES/COMPLETO%20CREATE/IMAGENS/banner_anuncie_aqui_125x125.jpg'/></a>
</div>
</div></div>



4-SE NÃO DÉR CÉRTO CÓLE O CODIGO ACIMA DA TAG <div id='busca'>

5-SE NÃO DÉR CÉRTO CÓLE O CODIGO ABAIXO DA TAG   <body>

6-SE NÃO DÉR CÉRTO CÓLE O CODIGO ABAIXO DA TAG   <div id='header-wrapper'> ALGUMA COISA ASSIM 

7-SE NÃO DÉR CÉRTO VOCE TERA QUE APRENDER MAIS SOBRE
 LINGUAGENS DE PROGRAMAÇÃO

PARA MODIFICAR A ALTURA E LADO AUMENTE OU DIMINUA O NUMERO DO CODIGO
margin-top:140px;   /* --modifique os numeros para subir ou decer-- */
margin-left:-25px;   /* --modifique os numores para ir pro lado-- */

NECESSARIO SABER MAIS SOBRE LINGUAGEM DE PROGRAMAÇÃO