Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

Como se remove "as linhas" do cabeçalho ( header) do template Minima"

..."as duas linhas que "circundam "
a área do cabeçalho (header),
..." mexer no código do template"...

..."em
Layout/Editar HTML"
.
e procurar
o local certo para
tal execução..."

...

assimm, sendo,
via
teclado,
aperte
CTRL e F
(ao mesmo tempo/juntos),
depois solta-se ,
e bem no pé da página
aparecerá,
lateral esquerda,
um local,
no qual digitará

header

depois

de enter

até chegar em

Header

encontrarás aí
as configurações do
Header (Cabeçalho).
... "o screen abaixo
é só apagar o número 1

e digitar o número 0 (zero)


Assim serão
deletadas, ou melhor, apagadas,

linhas do template .

..."são duas linhas,
e a
mudadança ocorre
em doislocais distintos.

sendo que
todos dentro
da
tag Header.

..."realizadas as mudanças,

Salve o
Modelo e
Visualize
para ver.

Em um blog de teste teu,
instale o Minima e faça
a modificação .

..." onde deverão
ocorrer as
mudanças"...
..."veja no
seguinte
..."screen"...

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

 llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
2 comentários
Marcadores:

transforme em 03 (três) colunas o template Mínima de 02 colunas

Se estiver começando um blog e usando o Mínima, esta mudança não afetará o seu conteúdo, seus widgets. Mas, se estiver usando um template diferente, personalizado, deverá salvá-los, antes de prosseguir com a instalação de uma nova coluna.
Então, antes de editar ou alterar modelo, faça o backup de seu modelo atual e salve seus widgets."

"Feito isso, podemos começar:"
"Vá para o Painel e clique em >>Editar HTML.
Agora, encontre este trecho, no código HTML: ( use CTRL F , cole o código e clique em PRÓXIMO ou LOCALIZAR)"



#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 */ }


"Copie o código abaixo e cole logo abaixo:"

#left-sidebar-wrapper { width: 200px; 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 */ }


"Use a barra de rolagem para cima e encontre este código:"

#main-wrapper {
width: 410px;
margin-left: 25px;
float: $startSide;
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 */
}


"Adicione o trecho em vermelho."


"Agora, vamos ajustar alguns valores, para adequar ao novo modelo. Troque os valores atuais pelos que estão destacados em azul:"

#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 425px;
margin-left: 25px;
float: $startSide;
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: 200px;
float: $endSide;
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 */
}
#left-sidebar-wrapper { width: 200px; 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 */ }


"Procure pelo trecho
e cole o seguinte código, imediatamente acima dele."




"Para retirar a borda do cabeçalho, procure pelo trecho abaixo e modifique o que está destacado em azul:"


#header-wrapper {
width:880px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;

"Clique em Salvar modelo."
"Agora clique na guia "Layout". Você vai precisar de arrastar alguns de seus elementos (widgets) da lateral direita para a barra lateral esquerda. Clique em visualizar e se estiver tudo certinho, como você quer, clique em SALVAR."
"Veja um exemplo do modelo que fiz, para testar este tutorial: Mínima 3 Colunas"
"Se quiser retirar o navbar, que fica no topo do seu layout, leia: Navbar do Blogger"










Se você quiser usar um template com a sua cara, poderá customizá-lo a partir de um modelo Mínima, que já está disponível no Blogger. O original, do Douglas Bowman, vem com 2 colunas mas, você poderá transformá-lo em um modelo de 3 colunas.
Se estiver começando um blog e usando o Mínima, esta mudança não afetará o seu conteúdo, seus widgets. Mas, se estiver usando um template diferente, personalizado, deverá salvá-los, antes de prosseguir com a instalação de uma nova coluna.
Então, antes de editar ou alterar modelo, faça o backup de seu modelo atual e salve seus widgets.


Feito isso, podemos começar:
Vá para o Painel e clique em >>Editar HTML.
Agora, encontre este trecho, no código HTML: ( use CTRL F , cole o código e clique em PRÓXIMO ou LOCALIZAR)

#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 */ }


Copie o código abaixo e cole logo abaixo:

#left-sidebar-wrapper { width: 200px; 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 */ }

Use a barra de rolagem para cima e encontre este código:

#main-wrapper {
width: 410px;
margin-left: 25px;
float: $startSide;
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 */
}


Adicione o trecho em vermelho.


Agora, vamos ajustar alguns valores, para adequar ao novo modelo. 

Troque os valores atuais pelos que estão destacados em azul:

#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 425px;
margin-left: 25px;
float: $startSide;
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: 200px;
float: $endSide;
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 */
}
#left-sidebar-wrapper { width: 200px; 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 */ }

Procure pelo trecho
e 
cole o seguinte código, imediatamente acima dele.



Para retirar a borda do cabeçalho, procure pelo trecho abaixo e modifique o que está destacado em azul:
#header-wrapper {
width:880px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;


Clique em Salvar modelo.


Agora clique na guia "Layout". Você vai precisar de arrastar alguns de seus elementos (widgets) da lateral direita para a barra lateral esquerda. Clique em visualizar e se estiver tudo certinho, como você quer, clique em SALVAR.


Veja um exemplo do modelo que fiz, para testar este tutorial: Mínima 3 Colunas


Se quiser retirar o navbar, que fica no topo do seu layout, leia: Navbar do Blogger
0 comentários
Marcadores:

" lugares para hospedar suas imagens."


" lugares
para hospedar
suas imagens."



2 comentários
Marcadores:

"Criar um Background para o Blog".



..."primeiramente ,
separa-se as imagens
conforme tema que será adotado.

..." comum o emprego de kits gratuitos
para a composição de
scrapbookings
digitais, desde que apenas para
uso pessoal e citada a fonte.

"Programa utilizado,
Paint Shop Pro X."

...passo a passo...

..."abrir uma imagem
de fundo transparente com
1450 pixels de largura por
1100 pixels de altura."
..." cobrir a imagem
com fundo desejado."


..."abre-se nova imagem com
fundo transparente
nas dimensões de
750 pixels de largura
por
1100 pixels de altura.

...cubra-a com figura ou cor desejada,"

..."não se esquecendo
que esta é a área onde
serão escritos os textos."

..."não carregue com imagens fortes."

... "colar essa imagem de
750 pixels de largura sobre
a de 1450 pixels. Até então se
tem a imagem básica que
servirá de background.

..." acrescente " borda"
na imagem menor e sobrepõe-se
à maior com o uso de
"Drop Shadow "
...melhor."

Após acrescentados
os elementos e
os adornos,

salve a imagem
em JPG
no PC,

..."carregue-a
ao site de
hospedagens
de imagens;"..
..."em contas gratuitas ,

o tamanho máximo
de armazenamento
permitido é de
imagens com
1024 de
largura"...

No screenshots a seguir,
..."comentários inseridos"...



"Este é o background básico
que pode ser instalado no Blog"






2 comentários
Marcadores:

..." Template Mínima" "Formatando"...






..."o template mínima para que formatemos, utiliza-se:
" Paint Shop Pro "...

..." no Paint Shop Pro,
cria-se a imagem para seu "background", de seu "template"

...




..."cortando em três partes, a imagem, que se vai utilizar, no Template Mínima" ...
...

..."imagem do template
realizada
no Paint Shop Pro
com medida de
900X1100"...

..."pode-se
trabalhar com
altura
menor,
ou maior

..."em torno de
600 pixels, "...


..."após conclusão desta etapa,
cotar-se-á em três partes ,
e..."

. .."guarde,
ou melhor
 dizendo
" hospede",
em site próprio
de imagens,..."


... "o endereço
("URL")
das imagens geradas
no site hospedeiro, será o código do
template, ..."
nos locais
devidos,
 para surgir sua formatação criada."...

..." quem prefere utilizar o
" Paint Shop Pro "

tudo bem,

ou , se preferir
pode-se utilizar
outro
programa,
que faça a mesma coisa..."

...
~
@(*-*)@
\/
0 comentários
Marcadores:

"Sidebar/Menu com imagens".


"Algumas dicas para colocar
imagens no menu lateral do blog,


Cliquem no endereço
abaixo para as instruções.


http://docs.google.com/present/view?
id=dfb9g3k4_48r2b4zfv&interval=5




0 comentários
Marcadores:

"Removendo as linhas do cabeçalho do template Minima"


"...aquelas duas linhas que circundam a área do cabeçalho,
onde ...
... quero que apareça apenas a imagem que criada e publicada...

... tem de ir
no código do template."

\/


... Layout/Editar HTML."

... no local para a mudança:


"Role
até...
encontrar
o
código Header que é onde estão todas as configurações do
Header = (Cabeçalho)."

"... o screen abaixo
proceda como o explicado:
é só apagar o número 1 (hum)e digitar o número 0 (zero)
em seu lugar.

... as linhas do template sumir-se-ão.''

... e as duas linhas, logo a alteração
deverá ser feita em dois lugares,

todos dentro da tag
Header.


...feitas as mudanças,
Salvar Modelo e
Visualizar Blog para ver ...

..."é sempre bom ter blog de testes,"...

instale o Minima
e faça a modificações
quando quiser."

..."o blog de testes
serve para empregar
outras alterações."


"Abaixo o screen que
explica onde serão realizadas
as alterações..."

0 comentários
Marcadores:
Assinar: Postagens (Atom)

Pesquisar

Seguidores