05 janeiro 2014

Tutorial: Colocar o cabeçalho pelo HTML! + Meta!!

Ah queria dizer para quem pediu afiliação lá na página esperar um pouco vou excluir todos meus afiliados e começar denovo, muitos desativaram, outros mudaram.. Enfim! Vou avisar a todos os que ainda estão no blogger.


Yoo, pirulitas de tutti-frutti com cobertura de morango
'ノ^ω^'ノ♡

Estou completamente sem ideias do que postar aqui, então eu queria ajudar vocês ensinando mais um pouco de HTML, Photofiltre, Photoscape e Photoshop, já que não anda tendo muitas novidades da Barbie.. Enfim, vocês vão viajar nessas férias? Eu não costumo sair de casa nas minhas férias, mas, acho que essa eu pelo menos vou sair de casa /q Gente, eu também queria falar para vocês da nossa meta que foi concluida, tipo, a de visualizações.. Eu tô muito, muito feliz, olhem só:


Own :3
Obrigada mesmo, mas agora indo para o assunto do post, trago um tutorial que usei nesse layout ''Cabeçalho pelo HTML'' isso é legal pois não permite cópias, nem pessoas clicando do outro lado do mouse para salvar seu cabeçalho, além dele se adequar direitinho ao espaço, as vezes eu uso as vezes não, mas ele é bem facinho de fazer.. Mas enfim, vamos ao tutorial..

Go..
Go?


1. Vá em Layout → Clique em ''Cabeçalho'' pegue a URL (ou endereço) do seu Cabeçalho e o exclua.
2. Vá em Modelo → Editar HTML clique na caixa com os códigos e aperte CTRL+F e procure por:
.tabs-inner {

3. Quando encontrar embaixo estará escrito padding: 0; Coloque ''abaixo'' dessa tag, o seguinte código:
background: url(endereço da imagem aqui) no-repeat;
background-position:center;
 padding-top: 340px;
Entendendo: Na parte destacada de cinza coloque o URL (ou endereço) da sua imagem, a tag ''no-repeat;'' significa que o background não vai repetir, caso você quiser que repita coloque no lugar dessa tag ''repeat;''. Já a tag ''background-position'' é a posição do seu cabeçalho, se você quiser que ele fique mais na esquerda coloque no lugar de ''center;'' a tag ''left;'' e se quiser na direita coloque ''right;''. A tag ''padding-top'' e a tag que leva o seu cabeçalho mais para cima, ele está 340px; se você quiser mais para cima e só aumentar o número, e se quiser mais para baixo diminua.

Enfim.. Vão usar?
3bjux 





9 comentários:

  1. Parabéns pelas visualizações, você merece ^-^
    O tutorial é ótimo, quem sabe eu o use qualquer dia desses >.<

    Abraços!

    ResponderExcluir
    Respostas
    1. Obriiiiiiiiiigada -q Assim eu morro /q <33
      Usa mesmo, defende nossos banners contra o plágio /q

      3bjux

      Excluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Eu tentei mais na hora de achar o padding e colar o código abaixo eu não encontrei a palavra :(

    ResponderExcluir
    Respostas
    1. Você não achou .tabs-inner { né?
      Não precisa procurar padding:0;

      É se você achar o .tabs-inner e não tiver o padding:0; embaixo do tabs-inner não tem problema.. Pode colar o código do mesmo geito

      Excluir
  4. Já conhecia o tutorial, mas de qualquer forma, é bem útil!
    QUE LAYOUT É ESSE MENINA? QUE PERFEIÇÃO É ESSA? COMO ASSIM VOCÊ TINHA PERDIDO A PRATICA? TÁ PERFEITO ESSE, MDS!

    Beijoos xX
    medbarbie.tk

    ResponderExcluir
    Respostas
    1. É mesmo, gosto de postar essas coisas aqui, porque as vezes não preciso procurar no google as coisas que faço na construção de um layout, já tem no meu blog -qq ASHUAHUSHUAS'

      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWWWWWWNT, obrigada sá :DDDDDDDD

      3bjux

      Excluir
  5. Obrigado me ajudou bastante no blog que estou construindo!

    ResponderExcluir

Yoo ~ Humano você parou nesse mundo por que cometa? A sim o cometa pink. Aqui nesse mundo estamos cheias de coisas legais, mais você se quiser conversar com a gente escreva aqui alguma coisa, sempre responderemos com carinho, mais tem algumas regras que são necessárias segui-las:
- Nunca nunquinha fale palavrões aqui, excluímos e caso tiver algum blog, nosso sistema te denunciará por, falta de respeito.
- Expresse sua opinião, mais caso chegar a agredir, alguém ou o blog com xingamentos por exemplo ''\Sem criatividade'' ''Você plágia'' e etc.. Excluiremos, pois não precisamos desse tipo de ''opiniões''.
- O famoso ''Estou seguindo retribui?'' Bem se eu gostar eu sigo, mais se você comentar assim ''Segui o meu blog que eu sigo o seu!'' Not, not, precisa seguir o blog para dizer isso..
- Se for encomendar alguma coisa visite mundomágicode*encomendas.tk e encomende com o nome ''Kellen''
- Se mais alguma dúvida pergunta aqui embaixo.. Besos'