Advertisement
Hardrockdesign

Tablón de anuncios Pink Sykes

Sep 7th, 2014
738
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.30 KB | None | 0 0
  1. <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Six+Caps" /><style type="text/css">#staff {position: relative; width: 80px; height: 50px; overflow: hidden; margin-bottom: 5px; border-bottom: 4px solid #d44969;}#staff .tablon {width: 80px; height: 50px; transition: 1s; position: absolute; left:0px;}#staff:hover .tablon {left: -80px; transition: 1s;}.award {background-color: #ea8c97; display: block; color: #EBEADD;  font-size: 10px; font-style: normal; margin-bottom: 5px; padding-bottom:1px; padding-top:1px;  float: center; text-align: center; font-weight: 700; width: 160px; line-height: 100%; font-variant: small-caps;}.navmenu a {background-color: #ea8c97; display: block; color: #EBEADD;  font-size: 10px; font-style: normal; margin-bottom: 1px; padding-bottom:1px; padding-top:1px;  float: center; text-align: center; font-weight: 700; width: 160px; line-height: 100%; font-variant: small-caps;}.navmenu a:hover {background-color: #ea8c97; position: center; text-align: center;color: #EBEADD;}.navmenu a:active, .navmenu a:link, .navmenu a:visited {-webkit-transition-duration: 2s; -moz-transition-duration: 2s;-o-transition-duration: 2s; transition-duration: 2s;}</style><br />
  2. <center>
  3. <div style="color: #d44969; font-family: Six Caps; font-size: 60px; letter-spacing: 8px; text-align: center; border-bottom: 5px solid #d44969; width: 600px; padding-bottom: 40px;">
  4. Tablón de Anuncios
  5. </div>
  6. <div style="background-color: #DCDADA; border-radius: 0; border-top: #ea8c97 solid 5px; width: 570px; padding: 15px;">
  7. <center>
  8. <table cellspacing="0">
  9. <tbody>
  10. <tr>
  11. <td>
  12. <div style="background-color: #EAE7E7; width: 180px; height: 133px; border-radius: 15px 0px 0px 0px; margin-bottom: 10px; margin-right: 10px; padding-top: 12px;">
  13. <table cellspacing="5">
  14. <tbody>
  15. <tr>
  16. <td>
  17. <div id="staff">
  18. <div class="tablon">
  19. <div style="width: 80px; height: 50px; background-image:url(http://i.imgur.com/DnMbvVU.jpg);">
  20. </div>
  21. </div>
  22. <div style="width: 80px; height: 50px; background-color: #ea8c97;">
  23. <div style="padding: 3px; font-size: 11px;padding-top: 5px;  font-family: calibri; text-align: center; color: #242424; line-height: 90%; font-weight: 700; font-variant: small-caps;">
  24. Nombre Apellido<br /><span style="color: rgb(250, 250, 250);">Administrador</span>
  25. </div>
  26. </div>
  27. </div>
  28. <div id="staff">
  29. <div class="tablon">
  30. <div style="width: 80px; height: 50px; background-image:url(http://i.imgur.com/DnMbvVU.jpg);">
  31. </div>
  32. </div>
  33. <div style="width: 80px; height: 50px; background-color: #ea8c97;">
  34. <div style="padding: 3px; font-size: 11px; padding-top: 5px; font-family: calibri; text-align: center; color: #242424; line-height: 90%; font-weight: 700; font-variant: small-caps;">
  35. Nombre Apellido<br /><span style="color: rgb(250, 250, 250);">Administrador</span>
  36. </div>
  37. </div>
  38. </div>
  39. </td>
  40. <td>
  41. <div id="staff">
  42. <div class="tablon">
  43. <div style="width: 80px; height: 50px; background-image:url(http://i.imgur.com/DnMbvVU.jpg);">
  44. </div>
  45. </div>
  46. <div style="width: 80px; height: 50px; background-color: #ea8c97;">
  47. <div style="padding: 3px; font-size: 11px;padding-top: 5px;  font-family: calibri; text-align: center; color: #242424; line-height: 90%; font-weight: 700; font-variant: small-caps;">
  48. Nombre Apellido<br /><span style="color: rgb(250, 250, 250);">Administrador</span>
  49. </div>
  50. </div>
  51. </div>
  52. <div id="staff">
  53. <div class="tablon">
  54. <div style="width: 80px; height: 50px; background-image:url(http://i.imgur.com/DnMbvVU.jpg);">
  55. </div>
  56. </div>
  57. <div style="width: 80px; height: 50px; background-color: #ea8c97;">
  58. <div style="padding: 3px; font-size: 11px;padding-top: 5px;  font-family: calibri; text-align: center; color: #242424; line-height: 90%; font-weight: 700; font-variant: small-caps;">
  59. Nombre Apellido<br /><span style="color: rgb(250, 250, 250);">Administrador</span>
  60. </div>
  61. </div>
  62. </div>
  63. </td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. </div>
  68. <div style="background-color: #EAE7E7; width: 180px; height: 145px; border-radius: 0px 0px 0px 15px; margin-right: 10px; overflow: auto;">
  69. <div style="padding: 5px; font-size: 11px; font-family: calibri; text-align: left; color: #787878; line-height: 110%; font-weight: 700;">
  70. • Mínimo X líneas de rol. <br />• Avatares de 000x000px<br />• Primero el expediente, luego los registros.
  71. </div>
  72. </div>
  73. </td>
  74. <td>
  75. <div style="background-color: #EAE7E7; width: 180px; height: 145px; margin-bottom: 10px; margin-right: 10px; overflow: auto;">
  76. <div style="padding: 5px; font-size: 11px; font-family: calibri; text-align: left; color: #787878; line-height: 110%; font-weight: 700;">
  77. <img src="http://www.ii-nami.com/wp-content/themes/iinami/img/new_icon_pink.gif" /> Noticia del día. 00/00<br />• Noticia del día. 00/00<br />• Noticia del día. 00/00
  78. </div>
  79. </div>
  80. <div style="background-color: #EAE7E7; width: 170px; height: 135px; margin-right: 10px; padding: 5px;">
  81. <center>
  82. <div class="navmenu">
  83. <a href="url">Link</a><a href="url">Link</a><a href="url">Link</a><a href="url">Link</a><a href="url">Link</a><a href="url">Link</a><a href="url">Link</a><a href="url">Link</a>
  84. </div>
  85. </center>
  86. </div>
  87. </td>
  88. <td>
  89. <div style="background-color: #EAE7E7; width: 170px; height: 290px; border-radius: 0px 15px 15px 0px; padding: 5px; overflow: auto;">
  90. <center>
  91. <a href=""><img src="http://i.imgur.com/9hgoTHp.jpg" style="width: 160px; height: 60px;" /></a>
  92. <div class="award">
  93. Título del Ganador
  94. </div><a href=""><img src="http://i.imgur.com/9hgoTHp.jpg" style="width: 160px; height: 60px;" /></a>
  95. <div class="award">
  96. Título del Ganador
  97. </div><a href=""><img src="http://i.imgur.com/9hgoTHp.jpg" style="width: 160px; height: 60px;" /></a>
  98. <div class="award">
  99. Título del Ganador
  100. </div><a href=""><img src="http://i.imgur.com/9hgoTHp.jpg" style="width: 160px; height: 60px;" /></a>
  101. <div class="award">
  102. Título del Ganador
  103. </div><a href=""><img src="http://i.imgur.com/9hgoTHp.jpg" style="width: 160px; height: 60px;" /></a>
  104. <div class="award">
  105. Título del Ganador
  106. </div>
  107. </center>
  108. </div>
  109. </td>
  110. </tr>
  111. </tbody>
  112. </table>
  113. </center>
  114. </div><span style="font-size: 8px; font-weight: 700;  text-transform: uppercase; font-family: calibri; color:#333333;">code by <a style="color: #ea8c97; font-size: 10px; font-weight: 700;" href="http://savage-themes.tumblr.com/">HARDROCK</a></span>
  115. </center><br />
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement