Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Meu Tema do Thumblr


Onidsouza

Pergunta

Eu estou preparando meu próprio tema para meu Tumblr que eu vou começar em breve, e eu estou tendo uns problemas. Eu já tive contato com HTML e Javascript (que eu duvido que use nesse site ^^) antes mas é a minha primeira vez com CSS. Bom, eu resolvi fazer o site com um título (uma imagem) grande em cima, seguida de uma frase ou referência. Logo em baixo, na coluna da esquerda iriam estar os posts e a direita os widgets. Eu já começei porém eu estou tendo um problema: Eu ultilizei uma imagem ( Imagem 1 ) para o fundo na página, e a apliquei no elemento Body. Ultilizei uma outra imagem ( Imagem 2 ) para ser o contêiner dos posts, e apliquei em um elemento Div que engloba cada post. Porém, apenas a imagem 1 aparece, enquanto o elemento div fica ultilizando a cor de fundo em vez da imagem 2.

Para os que nunca viram uma página do thumblr ela é escrita em HTML ultilizando de variavéis detalhadamente explicadas aqui: Creating a theme (em inglês).

O link para a minha página atual: http://onidsouza.tumblr.com/ (as imagens são provisórias, é que eu estou meio afastado do meu photoshop ^^')

O código que eu estou ultilizando até agora: (pequeno e carente de comentários XD)

<html>

	<head>
		<title>{Title}</title>
		<link rel="shortcut icon" href="{Favicon}">
		<link rel="alternate" type="application/rss+xml" href="{RSS}">
		{block:Description}
			<meta name="description" content="{MetaDescription}" />
		{/block:Description}

		<meta name="image:Background" content="http://static.tumblr.com/..."/>
		<meta name="image:Header" content =""/>
		<meta name="image:Post Background" content=""/>
		<meta name="color:Background" content="#000"/>
		<meta name="color:Title Color" content="#900"/>
		<meta name="text:Quotation" content=""/>

		<style type="text/css">
			h1 {cursor:crosshair;color:#ff0000;text-align:center;text-decoration:underline}
			h2 {color:#ee0000;text-align:center}
			div.post {background: {color:Background} url({image:PostBackground});}

			{CustomCSS}
		</style>
	</head>

	<body style="background: {color:Background} url('{image:Background}')">

		{block:IfHeaderImage}<img src="{image:Header}">{/block:IfHeaderImage}
		{block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}

		{block:IfQuotation}<h2 style="font-style:italic">{text:Quotation}</h2>{/block:IfQuotation}

		<table width=800>

		{block:Posts}

			<tr><td><div class="post">
			{block:Text}
				{block:Title}
					<h2>{Title}</h2>
				{/block:Title}

				{Body}
			{/block:Text}
			</div></td></tr>

		{/block:Posts}

		</table>
	</body>

</html>

Editado por Onidsouza
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Umm, então trocando:

div.post {background: {color:Background} url('{image:PostBackground}');}
por
div.post {background: url('{image:PostBackground}');}

deveria funcionar? Vou testar.

EDIT: Sim Funcionou, só que também havia um erro que passou desbercebido. Há um espaço em {image:Post Background} ^^

Obrigado pelo esclarecimento *FIT*!

~Onidsouza

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...