19:51
24 de fevereiro de 2012
Postado por: Hudson
Eaí pessoal, vim aqui mostrar uma maneira prática de colocar uns widgets diretos no seu site ou seja, só pode editar ele no código fonte.

Vamos usar a nossa amiga Div.

O nome do nosso objeto será "teste" então fica assim:

<div id="teste" >Código HTML aqui </div>


Quanda se trata de Divs a ordem dos fatores sim, altera o produto, então você deve colocar o código embaixo das outras divs do template, por exemplo, se você colocar o código no final do template, a div irá aparecer depois do footer-wrapper, então coloque-a acima das divs desejadas que ja existem no template.


Pronto ja temos nosso objeto flutuando no site, agora vamos fazer a folha de estilos CSS para posiciona-lo:



#teste {
width:252px;
height: 63px;
float:left;
margin-top: -264px;
margin-left:360px;
padding:0 0 0px;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
display:inline;
}


Já no CSS a ordem dos fatores não altera o produto, você pode colocar o código da folha de estilos em qualquer lugar abaixo da tag:


/* Page Structure
----------------------------------------------- */



Pronto agora, basta alterar as configurações da folha CSS do jeito que você quer.



Dica: Você pode usar isso para adcionar Fast Menus e Títulos em Gif ou em Flash Animados.



Espero Ter sido Útil, até a próxima pessoal.
0 comentários: