dicas blog
Home » , » Menu com fotos no cabeçalho do blog personalizado

Menu com fotos no cabeçalho do blog personalizado

0

Menu   personalizável  com  fotos  feito   por   min.  códigos  adaptados  para você  que gosta  de  customização  e de deixar  seu  blog  diferente,   dos  pés  a   cabeça esse  tutorial  vai  ser  do  seu  agrado  e  tudo  vai  depender  de seu  gosto  pessoal  e   talento.
Para customizar : então  é  tudo  com você  os passos são bem  simples   de   fazer  então não  se  preocupe,  é  lógico  que  você  tem  que  ter  um  editor  de  imagens  como  photochop css  ou  outro  qualquer  que  você  tenha.  as  imagens  tem   que  estar  no  formato png para  não  aparecer  o  fundo  branco,  somente  o botão  personalizado   por  você,  é  esse tutorial foi feito pelo blog  cherry liah  de uma  forma  um  pouco diferente , mais complicado e
sem  ter  como  retornar  ao código antigo. nos  jovens nos dias de hoje tomamos   decisões  todos  os  dias  e mudamos,  então  isso  não  serve tomar decisões  sem  volta  por  isso  fiz  esse  tutoria  baseado nela,  então metade dos creditos  vão  para  a   garota  e metade  a  min.  Vou  deixar   as  medidas
todas   abaixo,  ai  você  não vai encontrar  dificuldades  siga  os  passos das  imagens  e  testos  abaixo   e   coloque  o  menu com  foto   blog  .

 
Vá em  Modelo > Editar HTML > Ctrl + F e procure pelo código abaixo :  não é preciso
Expandir  modelo 

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tecno-Criação (Cabeçalho)' type='Header'/>
</b:section>
    </div>



O código  pode   estar  um  pouco  diferente  então   reste   atenção  
 
Quando  encontrar coloque o código   abaixo  abaixo da </div>



Extrusões

top: 120px;  para subir ou descer  os botões cada botão  tem  o seu preste atenção

left: 20%;   para jogar  os botões para esquerda  ou  direita cada botão tem o seu 


 width:130px; largura  para  baixo cada botão  tem  o  seu  cuidado 

height: 60px; largura para os  lados esquerda e direita cada botão  tem  o   seu 

Troque os destinos  marcados pelos   seu   linkes destinos

Ao   passar o  mause  em  cima  do   botão  aparece  um balão  de   texto com  o   nome  do botão 

 
As  imagens são referentes  a cada  uma  no  código para   facilitar   sua  busca

dicas codigo da  imagem abaixo 

https://lh6.googleusercontent.com/-lZGk2vxZurw/ULGcpfb32UI/AAAAAAAAAjc/dvyJTVRSRts/h120/bty.png

tutorial codigo da imagem abaixo 

https://lh3.googleusercontent.com/-4rizhldmS4k/ULGdlOJpROI/AAAAAAAAAj0/RQXX6wXm7fQ/h120/bt.png

extras codigo da  imagem abaixo 

https://lh3.googleusercontent.com/-K05i-fsyxAY/ULGcOpLvA4I/AAAAAAAAAjM/VC-GxoPe_FE/h120/gggggg.png

contato codigo  imagem abaixo    

ttps://lh5.googleusercontent.com/-HmSlQyUp3TY/ULGdTx1gGqI/AAAAAAAAAjo/RBPcP4Xnmp0/h120/imagens+do+tutorial+botoes23.png

Home codigo imgem abaixo 

https://lh5.googleusercontent.com/-KUAXVbjLYIk/ULKcri1UlsI/AAAAAAAAAnI/lcn6V411zDg/h120/heme+png.png


Bom  era  isso  qualquer duvida  pergunte

0 comentários:

Postar um comentário