Description of first Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...
Description of second Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...
1
2
3»T Q A R ...http://tudoqueaprendorepasso.blogspot.com
»Tudo Que Aprendo Repasso»
»http://tudoqueaprendorepasso.blogspot.com»
Cloud
Usando um template Mínima do Blogger como base para este tutorial, entenda que a estrutura das colunas se apresenta desta forma, no CSS: _________________________________________________
_________________________________________________
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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 */
}
#sidebar-wrapper {
width: 220px; float: right;
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 */
}
Onde Outer-Wrapper é a maior DIV do template e contém todas as outras (header, main, sidebar, footer) Main-wrapper é a coluna do post e sidebar-wrapper é a coluna lateral (perfil).
Para adicionar uma nova coluna oposta a sidebar, é necessário primeiro criar espaço para ela dentro de Outer-wrapper. No template Mínima a largura de Outer-Wrapper (a largura de uma coluna está em width) é de 660px e a soma da largura de main-wrapper (410px) e sidebar-wrapper(220px) dá um total de 630px Veja a imagem abaixo:
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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 */
}
#sidebar-wrapper {
width: 220px; float: right;
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 */
}
Onde Outer-Wrapper é a maior DIV do template e contém todas as outras (header, main, sidebar, footer) Main-wrapper é a coluna do post e sidebar-wrapper é a coluna lateral (perfil).
Para adicionar uma nova coluna oposta a sidebar, é necessário primeiro criar espaço para ela dentro de Outer-wrapper. No template Mínima a largura de Outer-Wrapper (a largura de uma coluna está em width) é de 660px e a soma da largura de main-wrapper (410px) e sidebar-wrapper(220px) dá um total de 630px Veja a imagem abaixo:
Então, para acrescentar uma nova coluna é preciso aumentar o espaço, a largura de Outer-Wrapper.
Para acrescentar uma nova sidebar,
copie o código abaixo
e acrescente logo após os códigos para
sidebar-wrapper:
#newsidebar-wrapper {
margin-left: 0px;
width: 220px;
float: left;
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 */
}
Note que sidebar-wrapper tem float:right (flutua à direita) e newsidebar-wrapper tem que ter float:left
Lembre-se: a soma da largura do post mais as duas colunas laterais tem que ser (flutuação à esquerda). menor do que o valor widthOuter-Wrapper. Não esqueça de somar bordas e o espaçamento que talvez você deseje que tenha entre as colunas.
Agora desça a página até encontrar esta parte do código (HTML):
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
</b:section>
</div>
e cole imediatamente ANTES este:
<div id='newsidebar-wrapper'> <b:section class='sidebar' id='newsidebar' preferred='yes'></b:section> </div>
Importante: No HTML os elementos (DIVs) precisam ser dispostos na ordem estabelecida no CSS. Ou seja, se Newsidebar tem float: left; (flutuação à esquerda) deve ser colocado no HTML antes da DIV Main-Wrapper, ficando assim:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div> de
____________________________________________________________________
fonte e créditos: http://templatesparanovoblogger.blogspot.com/2007/08/adicionando-uma-coluna-no-template.html
»http://tudoqueaprendorepasso.blogspot.com»
" Avatar" lidera bilheteria nos EUA e fatura US$ 232 milhões em todo mundo"
Posted by edilene - amor |
| Category:
filmes
|
0
comentários
fonte:
http://cinema.uol.com.br/ultnot/2009/12/20/ult9783u9.jhtm
![]()
" Avatar" lidera bilheteria nos EUA e fatura US$ 232 milhões em todo mundo"
VEJA O TRAILER DE "AVATAR"
A Reuters reportou que as expectativas em relação à bilheteria de " Avatar" no primeiro fim de semana nos EUA era a de superar os US$ 75 milhões. O filme, primeira investida do diretor de " Titanic" em 3D inverte o padrão da ficção científica, onde humanos viajam ao planeta Pandora. A isto mistura tecnologia, romance, uma visão futurista e questões ecológicas.
Mais filmes
Em segundo lugar no Top 10 EUA ficou o conto de fadas " às avessas" " A Princesa e o Sapo", da Disney. Foram US$ 12 milhões arrecadados pela animação feita nos moldes tradicionais, o que reflete uma queda de quase 50% no faturamento em relação ao mesmo período da semana anterior. Em terceiro, com um lucro de US$ 10 milhões, " The Blind Side" com Sandra Bullock, há seis semanas entre os mais vistos em salas norte-americanas.
A decepção da vez ficou para a comédia romântica que traz Hugh Grant e Sarah Jessica Parker no elenco, " Did You Hear About the Morgans?". Projetado em quase 3 mil salas, o longa rendeu à Sony " míseros" US$ 7 milhões em sua estreia norte-americana ficando apenas com o quarto lugar.
* Com informações da Variety
http://tudoqueaprendorepasso.blogspot.com
Assinar:
Postagens (Atom)
Postagens populares
-
Pesquisando, encontrei, bem explicado, e , postando estou, para que possa eu , sempre ter bem perto , e todos vocês que aqui vierem excel...
-
Usando um template Mínima do Blogger como base para este tutorial, entenda que a estrutura das colunas se apresenta desta forma, no CSS:...
-
Esta pesquisa realizada , foi embasada no e-mail recebido; e todos os creditos, merecidamente para Castro, grande amigo, ...
-
"Informática"...conceito...o que é... " Informática" "Origem: Wikipédia, a enciclopédia livre." "Chama-se genericamente de informátic...
-
"Adicionar uma coluna no template" post em resposta às dúvidas de Rita Jakubovic rmjakubovic Editar Apag...
-
"Convite"... convido a todos meus amigos a participarem de: http://edilene-aaamorrr.ning.com/ /\ clique aqui partici...
-
" Sua notícia foi promovida no diHITT" de Equipe diHITT para brandaodasilvaedilene@gmail.com data 19 de dezembro de 2009 17:54 assun...
-
http://tudoqueaprendorepasso.blogspot.com





