dropdown

Lourenco Theme (SO GIRLY)

  • 2 column theme
  • Best for pretty pale (very girly)
  • Left sidebar
  • Drop down menu 
  • Favicon option 
  • BOTW Slide out tab 
  • Cute hearts update tabs
  • Changable colour borders
  • Faded posts option
  • Glitter cursor 
  • 3 Lace top border options
  • Changeable effect colours 
  • Online / Offline / Postlimit boxes
  • Page effects - 
    - Falling hearts
    - Drifting snow
    - Bursting cherry blossoms
    - Jumping Kittens
    - Flitting butterfly effect 

Live preview // Code 

Please like or share this theme if you are using it

「PSA TO THE MAX YA’LL」

As this post says here, Tumblr is, for some unknown reason, wiping out all customizations of themes at random. I still haven’t seen anything saying what the cause of it is, or even what can be done to prevent, and I have yet to figure out a good way to prevent it myself other than backing up HTML on pastebin or in notepad. However! I have discovered a very easy way to recover your edits if this should happen to you. 

Just visit https://www.tumblr.com/themes/recover! It’ll give you a little dropdown menu option for which blog you want to edit ( in case you have any sideblogs you’re using as well ) and will offer to revert your theme back to when your last html/customization edit was made, no matter how long or short ago it was. 

I ended up having to use it, and all you’ll have to fix from scratch is your title and any symbols you have in your description/links. Please, please reblog this if you’d like to spread the word! It’ll save people tons of time if their blog gets wiped out and set back to default.

anonymous asked:

how did you get the updates bar

  1. Open your blog
  2. Click the “customize” tab in the upper righthand corner
  3. Click “edit html”
  4. Paste thiscode after the <style> tag
  5. Paste this code after the <body> tag

To add links paste <a href=“URL”>title</a>
To bold your words paste <b>your text</b>
To italicize your words paste <i>your text</i>
To create spaces/breaks in your words paste <br><br>
To use an image instead of text in the “hover” place paste <img src=”IMAGE URL HERE”>

If you have any other questions about it, please message me again. :)

Menu de navegação em HTML

Por sugestão de uma seguidora do TumbleTricks, vou ensinar como fazer um menu de navegação dropdown que usa apenas HTML. Um exemplo de como o menu ficará, basta você acessar a página onde você posta qualquer tipo de post do seu Tumlr, e ver  menu onde você escolhe “publish now”.

Primeiro você deve escolher onde seu menu ficará, você pode usá-lo diretamente no seu código (para por na barra lateral ou outro lugar), no menu flutuante, ou na sua Description.

Para fazer o menu, basta colar o seguinte código:

<select onchange="location=this.options[this.selectedIndex].value;">
<option value="#">NOME DO SEU MENU</option>
<option value="ENDEREÇO">Opção 1</option>
<option value="ENDEREÇO">Opção 2</option>
<option value="ENDEREÇO">Opção 3</option>
<option value="ENDEREÇO">Opção 4</option>
</select>


Onde está escrito “#”, você não deve alterar esta linha. Coloque um nome para o seu menu (o que ficará escrito antes do usuário clicar), e ponha um nome para cada opção, e a qual endereço ela vai levar. O menu não se restringe a ter só 4 opções, você pode por quantas opções quiser, basta adicionar mais linhas iguais a essa:

<option value="ENDEREÇO">OPÇÃO</option>


Mas atenção, todas as novas linhas tem que estar antes de </select>.

Você pode usar este menu tanto para páginas do seu Tumblr, quanto para linkar para outros sites, como seu Twitter, seus blogs favoritos, e coisas do tipo.

Depois é só salvar e está tudo pronto ;)

O menu será parecido com este:

External image


Opcional: Você pode personalizar o menu em CSS também, se quiser saber como, dê uma olhada neste post: Onde estudar CSS.