API tools faq
paste
Advertisement
Hardrockdesign

Kingdom of Arlandria - Tablón anuncios

Hardrockdesign
Feb 1st, 2015
1,269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.77 KB | None | 0 0
raw download clone embed print report
  1. /***Parte en PA > Visualización > Colores > CSS Stylesheet***/
  2. #tablon-header {
  3. position: absolute;
  4. top: 5px;
  5. opacity: 0;
  6. height: 440px;
  7. transition: all 1s ease 0s;
  8. }
  9. #contenido1 {
  10. width: 916px;
  11. height: 440px;
  12. background-color: #191919;
  13. }
  14. .headerbar .inner:hover #tablon-header {
  15. opacity: 1;
  16. height: 440px;
  17. }
  18. .busqueda {
  19. text-transform: uppercase;
  20. font-family: calibri;
  21. font-size: 9px;
  22. }
  23. .premios {
  24. background: #000;
  25. line-height: 100%;
  26. text-align: center;
  27. text-transform: uppercase;
  28. font-size: 9px;
  29. padding-top: 3px;
  30. padding-bottom: 3px;
  31. position: absolute;
  32. width: 140px;
  33. left: 10px;
  34. top: 80px;
  35. }
  36. .admin {
  37. background: #000;
  38. line-height: 100%;
  39. text-align: center;
  40. text-transform: uppercase;
  41. font-size: 9px;
  42. padding-top: 3px;
  43. padding-bottom: 3px;
  44. position: absolute;
  45. width: 70px;
  46. left: 5px;
  47. top: 90px;
  48. color: #ababab;
  49. }
  50. .fechas {
  51. font-size: 18px;
  52. float: left;
  53. text-transform: uppercase;
  54. color: #ababab;
  55. margin-right: 6px;
  56. padding-bottom: 2px;
  57. }
  58. .credito {
  59. text-align: justify;
  60. color: #616161;
  61. font-size: 10px;
  62. line-height: 100%;
  63. padding: 15px;
  64. font-family: cabin;
  65. font-weight: 700;
  66. }
  67. .ambientacion {
  68. text-align: justify;
  69. color: #616161;
  70. font-size: 11px;
  71. line-height: 100%;
  72. padding: 15px;
  73. font-family: cabin;
  74. font-weight: 700;
  75. }
  76.  
  77. .titulo6 {
  78. background: #000;
  79. line-height: 100%;
  80. text-align: center;
  81. text-transform: uppercase;
  82. font-size: 9px;
  83. padding-top: 3px;
  84. padding-bottom: 3px;
  85. width: 330px;
  86. margin-top: 5px;
  87. color: #ababab;
  88. letter-spacing: 10px;
  89. }
  90. .titulos7 {
  91. background: #000;
  92. line-height: 100%;
  93. text-align: center;
  94. text-transform: uppercase;
  95. font-size: 9px;
  96. padding-top: 3px;
  97. padding-bottom: 3px;
  98. width: 298px;
  99. margin-top: 2px;
  100. color: #ababab;
  101. letter-spacing: 10px;
  102. }
  103. #comments_scroll_container {width: 100px;background: #000;margin-right: 5px;height: 160px;}
  104.  
  105. .menu6 a {
  106. display: block;
  107. width: 112px;
  108. background: #363636;
  109. text-align: center;
  110. line-height: 100%;
  111. color: #ababab;
  112. font-size: 8px;
  113. margin-bottom: 2px;
  114. margin-left: 5px;
  115. text-transform: uppercase;
  116. padding-top: 15px;
  117. padding-bottom: 15px;
  118. font-weight: 700;
  119. letter-spacing: 1px;
  120. transition: all 0.5s ease-in-out;
  121. }
  122.  
  123. .menu6 a:hover {
  124. box-shadow: inset 140px 0 0 #687D8E;
  125. }
  126.  
  127. /***Parte en PA > Visualización > Índice > General***/
  128. <link href="http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic" rel="stylesheet" type="text/css" /><div id="tablon-header">
  129.  
  130. <div id="contenido1">
  131.  
  132. <table cellspacing="0">
  133.  
  134. <tbody>
  135.  
  136. <tr>
  137.  
  138. <td>
  139.  
  140. <div style="width: 160px; height: 106px; background:url('http://i.imgur.com/fRziDG0.jpg'); margin-right: 5px; margin-bottom: 5px; position: relative;">
  141.  
  142. <div class="premios">
  143. <a href="" style="color: #ababab;">Mejor pj femenino</a>
  144. </div>
  145.  
  146. </div>
  147.  
  148. <div style="width: 160px; height: 106px; background:url('http://i.imgur.com/fRziDG0.jpg'); margin-right: 5px; margin-bottom: 5px; position: relative;">
  149.  
  150. <div class="premios">
  151. <a href="" style="color: #ababab;">Mejor pj masculino</a>
  152. </div>
  153.  
  154. </div>
  155.  
  156. <div style="width: 160px; height: 106px; background:url('http://i.imgur.com/fRziDG0.jpg'); margin-right: 5px; margin-bottom: 6px; position: relative;">
  157.  
  158. <div class="premios">
  159. <a href="" style="color: #ababab;">Tema rol del mes</a>
  160. </div>
  161.  
  162. </div>
  163.  
  164. <div style="width: 160px; height: 106px; background:url('http://i.imgur.com/fRziDG0.jpg'); margin-right: 5px; position: relative;">
  165.  
  166. <div class="premios">
  167. <a href="" style="color: #ababab;">Roleador destacado</a>
  168. </div>
  169.  
  170. </div>
  171.  
  172. </td>
  173.  
  174. <td>
  175.  
  176. <div style="width: 298px; height: 150px; background: #000; margin-bottom: 5px; margin-right: 5px; overflow: auto;">
  177.  
  178. <div style="text-align: justify; color: #616161; font-size: 11px; line-height: 100%; padding: 15px; font-family: cabin; font-weight: 700;">
  179. <img src="https://allisterf.files.wordpress.com/2010/11/istock-6714851-3d-character-holding-magnifying-glass-search.png" style="margin-right: 10px; height: 130px; float: left;" />
  180. <div style="text-align: center; color: #ababab; font-size: 12px; line-height: 100%; padding-bottom: 8px; font-family: cabin; font-weight: 700; text-transform: uppercase;">
  181. ¡Echa un vistazo a las búsquedas!
  182. </div>
  183. • Título de la búsqueda a promocionar. <a style="color:#ababab;" href="" class="busqueda">+Más info.</a><br /><br />• Título de la búsqueda a promocionar. <a style="color:#ababab;" href="" class="busqueda">+Más info.</a><br /><br />• Título de la búsqueda a promocionar. <a style="color:#ababab;" href="" class="busqueda">+Más info.</a>
  184. </div>
  185.  
  186. </div>
  187.  
  188. <div style="width: 298px; height: 145px; background: #000; margin-right: 5px; overflow: auto;">
  189.  
  190. <div style="float: left; width: 43%; color: #616161; font-size: 10px; text-align: justify; font-family: cabin; line-height: 100%; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; font-weight: 700;">
  191.  
  192. <div class="fechas">
  193. 02/06
  194. </div>
  195. Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis.<br /><br />
  196. <div class="fechas">
  197. 06/06
  198. </div>
  199. Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis.
  200. </div>
  201.  
  202. <div style="float: right; width: 43%; color: #616161; font-size: 10px; text-align: justify; font-family: cabin; line-height: 100%; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; font-weight: 700;">
  203.  
  204. <div class="fechas">
  205. 10/06
  206. </div>
  207. Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis.<br /><br />
  208. <div class="fechas">
  209. 02/07
  210. </div>
  211. Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis.
  212. </div>
  213.  
  214. </div>
  215.  
  216. <div class="titulos7">
  217. Últimas noticias
  218. </div>
  219.  
  220. <div style="width: 298px; margin-top: 5px; height: 118px; background: #000; overflow: auto; margin-right: 5px;">
  221.  
  222. <div class="credito">
  223. Tablón de anuncios hecho por Hardrock de Savage Themes. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitt, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
  224. </div>
  225.  
  226. </div>
  227.  
  228. </td>
  229.  
  230. <td>
  231.  
  232. <div style="width: 330px; height: 150px; background:url('http://i.imgur.com/nYPtgOX.jpg'); margin-bottom: 5px; position: relative;">
  233.  
  234. <div style="position: absolute; top: 15px; right: 5px;">
  235.  
  236. <div style="text-align: center; text-transform: uppercase; color: #000; font-size: 9px; font-family: cabin; line-height: 100%;">
  237. <span style="font-size: 24px;">09º-10º</span><br />Invierno<br />Sin precipitaciones
  238. </div>
  239.  
  240. </div>
  241.  
  242. </div>
  243.  
  244. <div style="width: 330px; height: 140px; background: #000; margin-bottom: 5px; overflow: auto;">
  245.  
  246. <div class="ambientacion">
  247. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.<br /><br />Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
  248. </div>
  249.  
  250. </div>
  251.  
  252. <table cellspacing="0">
  253.  
  254. <tbody>
  255.  
  256. <tr>
  257.  
  258. <td>
  259.  
  260. <div style="width: 80px; height: 120px; background:url('http://i.imgur.com/276nDXq.jpg'); margin-right: 3px; position: relative;">
  261.  
  262. <div class="admin">
  263. <a href="" style="color: #ababab;">Nombre</a>
  264. </div>
  265.  
  266. </div>
  267.  
  268. </td>
  269.  
  270. <td>
  271.  
  272. <div style="width: 80px; height: 120px; background:url('http://i.imgur.com/276nDXq.jpg'); margin-right: 3px; position: relative;">
  273.  
  274. <div class="admin">
  275. <a href="" style="color: #ababab;">Nombre</a>
  276. </div>
  277.  
  278. </div>
  279.  
  280. </td>
  281.  
  282. <td>
  283.  
  284. <div style="width: 80px; height: 120px; background:url('http://i.imgur.com/276nDXq.jpg'); margin-right: 3px; position: relative;">
  285.  
  286. <div class="admin">
  287. <a href="" style="color: #ababab;">Nombre</a>
  288. </div>
  289.  
  290. </div>
  291.  
  292. </td>
  293.  
  294. <td>
  295.  
  296. <div style="width: 80px; height: 120px; background:url('http://i.imgur.com/276nDXq.jpg'); position: relative;">
  297.  
  298. <div class="admin">
  299. <a href="" style="color: #ababab;">Nombre</a>
  300. </div>
  301.  
  302. </div>
  303.  
  304. </td>
  305.  
  306. </tr>
  307.  
  308. </tbody>
  309.  
  310. </table>
  311.  
  312. <div class="titulo6">
  313. Administración
  314. </div>
  315.  
  316. </td>
  317.  
  318. <td>
  319.  
  320. <div class="menu6">
  321. <a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a><a href="">Link</a>
  322. </div>
  323.  
  324. </td>
  325.  
  326. </tr>
  327.  
  328. </tbody>
  329.  
  330. </table>
  331.  
  332. </div>
  333.  
  334. </div><script>
  335. jQuery(function () {
  336. jQuery(".headerbar .inner").append(jQuery("#tablon-header"));
  337. });
  338. </script>
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!