Advertisement
Darkness_Royal

widgets quimera

May 31st, 2015
294
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.15 KB | None | 0 0
  1. LINK DA IMAGEM DO CABEÇALHO: http://static.tumblr.com/itxhnbu/lD3no9h7v/quimera.png COLOQUE EM VEZ DE TÍTULO E DESCRIÇÃO
  2.  
  3. Coloque em um widget HMTL/Javascript:
  4. <div style="margin-top: -170px; margin-bottom: 60px; margin-left: -650px;">
  5. <a class="menu" href="/">Home</a>
  6. <a class="menu" href="/">About</a>
  7. <a class="menu" href="/">11 On 11</a>
  8. <a class="menu" href="/">Bye</a></div>
  9.  
  10. Coloque em OUTRO widget HMTL/Javascript:
  11. <div class="imagem">
  12. <div style="text-align: center;">
  13. <img src="http://24.media.tumblr.com/4fe5b91a08bffc61edc4b798fe614f4c/tumblr_mtddhhvZ8c1se0w8bo1_500.png" width="300px"/>
  14. <div class="legenda"><i>"Quimera: Sonho fantástico; fantasias; desejos difíceis de se alcançar."</i> Nice to meet you, where you been? I could show you incredible things Magic, madness, heaven, sin Saw you there, and I thought
  15. </div>
  16. </div></div>
  17.  
  18. Coloque num terceiro widget HTML/Javascript:
  19. <style>
  20. .direita { float:right; width:49%; text-align:justify; }
  21. .esquerda { float:left; width:49%; text-align:justify; }
  22. #menutags20{
  23. background-color: #e9e9e9;
  24. width: 98%;
  25. height: 15px;
  26. float: left;
  27. font: 12px arial;
  28. color: #a2a2a2;
  29. padding: 2px 0 2px 0;
  30. letter-spacing: 2px;
  31. text-align: center;
  32. margin: 1px;
  33. text-transform: lowercase;
  34. margin-bottom: 4px;
  35. -moz-transition: all 0.5s ease-out;
  36. -webkit-transition: all 0.5s ease-out;
  37. -o-transition: all 0.5s ease-out;
  38. -ms-transition: all 0.5s ease-out;
  39. transition: all 0.5s ease-out;
  40. }
  41. #menutags20:hover{
  42. background-color: #DFC9CC;
  43. width: 98%;
  44. height: 15px;
  45. float: left;
  46. font: 12px arial;
  47. color: #fff;
  48. padding: 2px 0 2px 0;
  49. letter-spacing: 2px;
  50. text-align: center;
  51. margin: 1px;
  52. text-transform: lowercase;
  53. margin-bottom: 4px;
  54. }
  55.  </style>
  56. <div class="esquerda">
  57. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  58. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  59. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  60. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  61. </div>
  62. <div class="direita">
  63. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  64. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  65. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  66. <a href="SEU LINK AQUI" id="menutags20">Nome</a>
  67. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement