.post img { -webkit-transition-duration: .50s; border-radius: 10px 10px 10px 10px; } .post img:hover { -webkit-transition-duration: .50s; border-radius: 200px 200px 200px 200px; } ]

terça-feira, 4 de setembro de 2012

dividir cabeçalho em outro elemento















oi vou fazer um tutorial que é bem longo mai quem quer ter seu blog infeitado tem que fazer isso. Para isto, você deverá , antes de mais nada, verificar largura total de #Header-Wrapper, pois a soma dos elementos contidos nele não podem ultrapassar este valor.

Siga alguns passos para poder dividir o cabeçalho com outro elemento:
Vá na edição HTML do seu blog, NÃO marque “Expandir Modelos de Widgets”.
1º passo – modificar o código que define o cabeçalho, procure por:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TITULO DO BLOG (Cabeçalho)' type='Header'/>
</b:section>

Altere os seguintes trechos:
Onde está escrito TRUE troque por FALSE.
onde está maxwidgets='1' , troque por maxwidgets='5'; onde está showaddelement='no' , troque por showaddelement='yes';
salve as alterações e volte na edição de HTML, mantenha desmarcada a opção "Expandir Modelos de Widgets".
2º passo - acrescentar uma nova DIV ao Header no corpo do HTML do seu blog, configurando a largura e posicionamento deste novo elemento:
Para isto, procure no corpo do HTML do seu blog por esta tag abaixo:

#Header-Wrapper{
width: 950px;}

#Header{
width: 450px;
float: left; } /*flutua à esquerda dentro de Header-Wrapper*/

#Header2{ /*coloque aqui o nome do elemento que você vai dividir com o cabeçalho*/
width: 450px;
float: right;} /*flutua à direita dentro de Header-Wrapper*/
2º passo - acrescentar no HTML a nova DIV, após a div do Header-Wrapper:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='TITULO DO BLOG (Cabeçalho)' type='Header'/>
</b:section>

<div id='header2'><b:section class='header2' id='header2' maxwidgets='1' showaddelement='yes'></div>
<div style='clear:both;'/>
</div>
Se você tiver dado nome ao elemento que está dividindo com o Header, onde está escrito 'header2', coloque o nome do elemento que você deu, não esqueça!
Se você dividiu o Header acrescentando uma lista de links no topo da pagina, veja na figura abaixo como inserir os seus links na Lista de Links (LinkList)
tchau minhas amoras foi isso por hoje.

Nenhum comentário:

Postar um comentário

Olá♥,
Vai comentar?Que bom,estarei muito feliz lendo seu comentário!Bom,mais há algumas regrinhas (nada funciona sem elas,não é mesmo?)
_Não peça para seguir seu blog sem seguir o TSB!
_Não xingue o blog,se xingar,fique ciente que apagarei o comentário ou nem ligarei para sua critica!Expresse sua opinião,mas faça isso civilizadamente!
Muito Obrigada por Ler as Regrinhas e Comentar no TSB.