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)
Pergunta
Onidsouza
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 OnidsouzaLink para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
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.