API tools faq
paste
Advertisement
Hardrockdesign

Widgets Arthur

Hardrockdesign
Jul 3rd, 2015
1,454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.58 KB | None | 0 0
raw download clone embed print report
  1. Se recomienda ponerles 200px de ancho. Nada de espacio entre columnas o widgets. En modo tabla tipo y con título del módulo.
  2.  
  3. ----------------------- AMBIENTACIÓN ----------
  4.  
  5. <div style="width: 180px; position: relative; height: 200px; overflow: hidden;">
  6.  
  7. <div class="view-tenth">
  8. <img src="http://i.imgur.com/BFVYn1n.png" />
  9. <div class="mask">
  10.  
  11. <p>
  12. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  13. </p>
  14.  
  15. </div>
  16.  
  17. </div>
  18. </div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=UnifrakturMaguntia" /><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
  19.  
  20. ----------------------- ADMINISTRACIÓN ------
  21.  
  22. <div style="width: 80px; height: 80px; background:url('http://i.imgur.com/xX3k493.png'); margin-top: 5px; border: 3px solid #191828; display: inline-block;">
  23. </div>
  24. <div class="admin-info">
  25.  
  26. <div class="admin-info2">
  27. Nombre
  28. </div>
  29.  
  30. <div class="admin-info2">
  31. Apellido
  32. </div>
  33.  
  34. <div class="admin-info2">
  35. Administrador
  36. </div>
  37. <a href="">Enviar MP</a><a href="">Ver perfil</a>
  38. </div>
  39. <div style="width: 80px; height: 80px; background:url('http://i.imgur.com/xX3k493.png'); margin-top: 5px; border: 3px solid #191828; display: inline-block;">
  40. </div>
  41. <div class="admin-info">
  42.  
  43. <div class="admin-info2">
  44. Nombre
  45. </div>
  46.  
  47. <div class="admin-info2">
  48. Apellido
  49. </div>
  50.  
  51. <div class="admin-info2">
  52. Administrador
  53. </div>
  54. <a href="">Enviar MP</a><a href="">Ver perfil</a>
  55. </div>
  56. <div style="width: 80px; height: 80px; background:url('http://i.imgur.com/xX3k493.png'); margin-top: 5px; border: 3px solid #191828; display: inline-block;">
  57. </div>
  58. <div class="admin-info">
  59.  
  60. <div class="admin-info2">
  61. Nombre
  62. </div>
  63.  
  64. <div class="admin-info2">
  65. Apellido
  66. </div>
  67.  
  68. <div class="admin-info2">
  69. Moderador
  70. </div>
  71. <a href="">Enviar MP</a><a href="">Ver perfil</a>
  72. </div>
  73. <div style="width: 80px; height: 80px; background:url('http://i.imgur.com/xX3k493.png'); margin-top: 5px; border: 3px solid #191828; display: inline-block;">
  74. </div>
  75. <div class="admin-info">
  76.  
  77. <div class="admin-info2">
  78. Nombre
  79. </div>
  80.  
  81. <div class="admin-info2">
  82. Apellido
  83. </div>
  84.  
  85. <div class="admin-info2">
  86. Moderador
  87. </div>
  88. <a href="">Enviar MP</a><a href="">Ver perfil</a>
  89. </div>
  90.  
  91. ----------------------- GALARDONADOS -------
  92.  
  93. <marquee scrolldelay="300" style="height: 100px;">
  94.  
  95. <table cellspacing="0">
  96.  
  97. <tbody>
  98. <tr>
  99.  
  100. <td>
  101.  
  102. <div style="width: 180px; height: 100px; background:url('http://i.imgur.com/ZBdvicT.png'); position: relative; margin-right: 2px;">
  103.  
  104. <div class="award-wid">
  105. Premio obtenido
  106. </div>
  107.  
  108. <div class="award-wid2">
  109. Nombre apellido
  110. </div>
  111.  
  112. </div>
  113.  
  114. </td>
  115.  
  116. <td>
  117.  
  118. <div style="width: 180px; height: 100px; background:url('http://i.imgur.com/ZBdvicT.png'); position: relative; margin-right: 2px;">
  119.  
  120. <div class="award-wid">
  121. Premio obtenido
  122. </div>
  123.  
  124. <div class="award-wid2">
  125. Nombre apellido
  126. </div>
  127.  
  128. </div>
  129.  
  130. </td>
  131.  
  132. <td>
  133.  
  134. <div style="width: 180px; height: 100px; background:url('http://i.imgur.com/ZBdvicT.png'); position: relative; margin-right: 2px;">
  135.  
  136. <div class="award-wid">
  137. Premio obtenido
  138. </div>
  139.  
  140. <div class="award-wid2">
  141. Nombre apellido
  142. </div>
  143.  
  144. </div>
  145.  
  146. </td>
  147.  
  148. <td>
  149.  
  150. <div style="width: 180px; height: 100px; background:url('http://i.imgur.com/ZBdvicT.png'); position: relative;">
  151.  
  152. <div class="award-wid">
  153. Premio obtenido
  154. </div>
  155.  
  156. <div class="award-wid2">
  157. Nombre apellido
  158. </div>
  159.  
  160. </div>
  161.  
  162. </td>
  163.  
  164. </tr>
  165.  
  166. </tbody>
  167. </table>
  168.  
  169. </marquee>
  170.  
  171. ----------------------- COMPAÑEROS ----------
  172.  
  173. <div id="bro">
  174.  
  175. <center>
  176. <a href=""><img src="http://i.imgur.com/QtAg1C3.jpg" /></a><a href=""><img src="http://i.imgur.com/QtAg1C3.jpg" /></a><a href=""><img src="http://i.imgur.com/QtAg1C3.jpg" /></a>
  177. </center>
  178. </div><br />
  179. <div style="color: #dcdcdc; font-size: 11px; line-height: 100%; padding-bottom: 10px; text-align: center; text-transform: uppercase;">
  180. Élite 0/40
  181. </div>
  182. <div id="elite">
  183. <a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a><a href="url"><img src="http://i.imgur.com/3P6Pr4s.jpg" /></a>
  184. </div>
  185.  
  186. ----------------------- CRÉDITOS ----------
  187.  
  188. <div class="credit">
  189. Skin hecho por Hardrock de <a href="http://thecaptainknowsbest.tumblr.com/">The Captain Knows Best.</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  190. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!