Viavale Download: Códigos

Mostrando postagens com marcador Códigos. Mostrar todas as postagens

sexta-feira, 8 de agosto de 2008

Imagem ao lado do texto ou link

Alguns blogs tem uma pequena imagem ao lado dos links ou titulos, para colocar um seta ou qualquer outra imagem ao lado de um texto ou link o código é:

.seta a{background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
}

Isso pode ser usado em qualquer tipo de texto sendo um link ou não, apenas tenha o cuidado de quando usar isso num link colocar o código da outra imagem para quando o mouse estiver sobre o link, desse jeito:

.seta a:hover{background-image: url(URL DA IMAGEM);
}

O nome .seta é apenas um exemplo no caso do Blogspot para colocar isso nos links da sidebar, você deve colocar esse código nessa parte:

.sidebar ul li {.....

Mas caso o seu blog não tenha especificado o link(a, a:hover) da sidebar precisamos colocar e o código com a imagem ficará assim:

.sidebar ul li a{background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
}

.sidebar ul li a:hover{background-image: url(URL DA IMAGEM);
}

Isso porque se colocar no começo do código onde tem: a:link, a:visited isso colocará essa imagem ao lado de todos os links do seu site.

Mostrar adicionar elemento de Página

Alguns modelos do Blogspot quando entramos na página layout ele não mostra a opção adicionar elemento de pagina embaixo do título e alguns nem permitem arrastar algum elemento para esse local.

Para resolver isso vá até a pagina editar html e procure esse trecho:

Na parte showaddelement='yes' se no lugar de yes, estiver à palavra “no”, troque por yes, isso faz que na página layout apareça àquela barra adicionar elemento de pagina embaixo do título. Após fazer essas alterações clique para salvar e vá até a página layout, onde já deverá aparecer um quadro adicionar elemento de página embaixo do título, então você poderá adicionar elementos que ocuparão a largura total do blog do mesmo modo que adiciona na coluna (sidebar).

Tradução

Um tradutor simples e eficiente para colocar no seu blog. Testei do português para o espanhol e ficou perfeito.Basta copiar este código e inserir através da página layout nos elementos de página>html/javascript. Não esqueçam na parte final do código de substituir http://SEUBLOG.blogspot.com pelo endereço do seu blog.