2020-09-11 02:52:00
Categoria

Adicionando colunas e linhas extras ao Tumblr

Você pode editar seu tema do Tumblr da maneira que desejar usando o editor de HTML do Tumblr. Os temas do Tumblr usam o “

”Tag para especificar seções no tema. Você pode adicionar uma coluna extra, como uma barra lateral, ao seu tema usando uma combinação de folhas de estilo em cascata - ou código CSS - e código HTML. Defina uma mesa em um de seus
seções e, em seguida, adicione linhas usando o Tag. Adicione células às linhas com Tag.

Definir uma coluna da barra lateral

Abra seu painel do Tumblr e selecione o blog a ser modificado em seu painel.

Clique em “Personalizar” e, em seguida, clique em “Editar HTML” para abrir o editor de HTML.

Defina a coluna inserindo o seguinte código entre o "”Na seção CSS do código do tema. Você pode definir o estilo da barra lateral, conforme desejado, mas o código a seguir fornece a construção de base para a coluna:

.sidebar {posição: relativa; esquerda: 0px; topo: 0px; }

Insira o seguinte código entre o “

”E correspondente“
”Tags na seção do corpo do código HTML onde você deseja que a coluna apareça. Substitua o texto “(Insira o conteúdo da barra lateral aqui)” pelo seu próprio conteúdo.

... (Insira o conteúdo da barra lateral aqui) ...

Clique em “Atualizar visualização” e em “Salvar” para salvar suas alterações. Clique em “Sair” para fechar o menu Personalizar.

Definir uma tabela com linhas

Abra o código do tema no editor de HTML do Tumblr e localize o

tag que você usará em sua mesa. Crie um novo "
”Seção, se desejado.

Insira o código a seguir para definir a nova tabela. Substitua “Célula 1,” “Célula 2,” etc. com seu conteúdo. Use estilos CSS para formatar a tabela, conforme desejado.

Linha 1, célula 1Linha 1, Célula 2
Linha 2, Célula 3Linha 2, Célula 4

Clique em “Atualizar visualização” e em “Salvar” para salvar suas alterações. Clique em “Sair” para fechar o menu Personalizar.

Pontas

A maioria dos temas do Tumblr oferece suporte ao recurso Endless Scrolling, portanto, não há necessidade de adicionar linhas ao seu tema, a menos que você queira organizar o layout em tabelas.

Use estilos CSS para personalizar a aparência de suas colunas. Por exemplo, para atribuir a cor branca como plano de fundo, insira a instrução "background: #ffffff;" no código CSS.