[TUTORIAL] Alterando imagem de fundo do tema Dandelions

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Alterando imagem de fundo do tema Dandelions

Mensagem por Oto! em 14/07/12, 10:49 pm

Alterando imagem de fundo do tema Dandelions
Para modificar não se torna uma terefa dificil visto que códigos CSS de fóruns Forumeiros é quase o mesmo de blogs do Criarumblog. Com essa incrível plataforma podemos alterar o fundo do blog para o desejado sem se preocupar com o layout do seu blog.

--> Perguntas e Respostas Frequentes<--
Alterando imagem de fundo do tema Dandelions


- Códigos de fundo:
Vejamos alguns códigos CSS que modifica o fundo do blog, lembre-se se você quizer colocar efeitos em qualquer variável é aconselhável que saiba as propriedades. Antes de tudo, conheça os temas do serviço Criarumblog.
#content
(carregue na imagem para aumentar)
Modificará o fundo atrás do cabeçalho do blog. A imagem padrão neste tema é "bg wrap".
#wrapper2
(carregue na imagem para aumentar)
Modificará a imagem de fundo do final do blog. Sua imagem padrão é "Bg-weap2".
#wrapper3
(carregue na imagem para aumentar)
O wrap3 vai modificar a parte de estrutura do blog. Ou seja, como podemos notar na imagem, temos um local especifico onde os artigos e informações adicionais de seu blog ficaram. Sua imagem padrão é "Bg-weap3". A próxima variável de fundo, vai modificar o final do blog, quando dizemos o "Final", vai modificar o "wrap4" que está alinhado com o wrap3, vejamos na imagem a seguir:
#wrapper4
(carregue na imagem para aumentar)
#wrapper5
(carregue na imagem para aumentar)
O Wrap5 vai modificar a imagem de fundo dos artigos. Para este tema, podemos verificar a imagem por Gb-mid.

- Modificar imagem de fundo:
Depois de conhecer as variáveis de fundo, vamos partir para um passo maior. Temos que atribuir uma propriedade para essas variáveis para que a imagem de fundo seja alterada. Lembre-se de que ao deletar o código da folha de estilo CSS a imagem padrão de fundo vai surgir.

Propriedade do background:
background: url('ENDEREÇO_DA_IMAGEM');
Quando atribuir uma imagem, ela será mostrada no blog. Vejamos um exemplo pronto.
Código:
#content {
   background: url('http://www.illiweb.com/bl/logo.png') repeat-x top;
}

--> FAQ do Tutorial <--
Alterando imagem de fundo do tema Dandelions


  • Quais são os códigos CSS padrão de fundo?
    #content {
    text-align: left;
    background: url('http://www.illiweb.com/bl/skins/dandelions2/images/bg-wrap1.jpg') repeat-x top;
    }
    #wrapper2 {
    background: url('http://www.illiweb.com/bl/skins/dandelions2/images/bg-wrap2.jpg') repeat-x bottom;
    }
    #wrapper3 {
    width: 778px;
    margin: 0 auto;
    background: url('http://www.illiweb.com/bl/skins/dandelions2/images/bg-wrap3.jpg') no-repeat center top;
    }
    #wrapper4 {
    padding-bottom: 60px;
    background: url('http://www.illiweb.com/bl/skins/dandelions2/images/bg-wrap5.jpg') no-repeat center bottom;
    }
    #wrapper5 {
    width: 700px;
    margin: 0 auto;
    background: url('http://www.illiweb.com/bl/skins/dandelions2/images/bg-mid.jpg') no-repeat 10px 350px;
    }

  • Onde posso obter imagens para o meu tema?
    Poderá pedir as imagens desejadas em nossa seção de Criações gráficas. Antes de tudo, leia o regimento da seção.




© Suporte Criarumblog

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Alterando imagem de fundo do tema Dandelions
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum