Advertisement
Nikthe

HTML Tablón

Jan 22nd, 2016
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.04 KB | None | 0 0
  1. <center>
  2.  
  3. <div id="haiass-tab">
  4.  
  5. <div id="botones">
  6.  
  7. <div id="botonA" class="botoncito">
  8. Inicio
  9. </div>
  10.  
  11. <div id="botonB" class="botoncito">
  12. Situación Actual
  13. </div>
  14.  
  15. <div id="botonC" class="botoncito">
  16. Personajes
  17. </div>
  18.  
  19. </div>
  20.  
  21. <div id="contenido">
  22.  
  23. <div id="contA" class="infos" style="display:block;">
  24.  
  25. <table cellspacing="0">
  26.  
  27. <tbody>
  28.  
  29. <tr>
  30.  
  31. <td>
  32.  
  33. <div class="historia">
  34.  
  35. <div id="conectate">
  36.  
  37. </div>
  38.  
  39. </div><br />
  40. <div class="sub-tit-tab">
  41. Acerca de Ti
  42. </div>
  43.  
  44. </td>
  45.  
  46. <td>
  47.  
  48. <div id="contenedor-UltimosTemas">
  49.  
  50. <div id="contenedor-UltimosTemas">
  51.  
  52. </div>
  53.  
  54. </div><br />
  55. <div style="margin-left: 10px; width: 210px;" class="sub-tit-tab">
  56. Últimos Temas
  57. </div>
  58.  
  59. </td>
  60.  
  61. <td>
  62.  
  63. <div class="noticias">
  64.  
  65. <div class="fecha">
  66. 00/00
  67. </div>
  68. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /><br />
  69. <div class="fecha">
  70. 00/00
  71. </div>
  72. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  73. </div>
  74. <br />
  75. <div class="sub-tit-tab">
  76. Novedades
  77. </div>
  78.  
  79. </td>
  80.  
  81. </tr>
  82.  
  83. </tbody>
  84.  
  85. </table>
  86.  
  87. </div>
  88.  
  89. <div class="infos" id="contB">
  90.  
  91. <table cellspacing="0">
  92.  
  93. <tbody>
  94.  
  95. <tr>
  96.  
  97. <td>
  98.  
  99. <div class="clima">
  100. <img src="http://i.imgur.com/SeJGstI.jpg" style="display: inline-block; margin-right: 1px;" />
  101. <div class="temp">
  102.  
  103. <div class="min">
  104. -10º
  105. </div>
  106. a
  107. <div class="max">
  108. 15º
  109. </div>
  110.  
  111. </div><img src="http://40.media.tumblr.com/tumblr_marmewSdkO1qb30dwo1_500.jpg" style="width: 200px; margin-top: 43px; height: 122px;" />
  112. <div class="estacion">
  113. Otoño
  114. </div>
  115.  
  116. </div><br />
  117. <div class="sub-tit-tab">
  118. Clima y estación
  119. </div>
  120.  
  121. </td>
  122.  
  123. <td>
  124.  
  125. <div class="noticias">
  126.  
  127. <div class="fecha">
  128. Trama #01
  129. </div>
  130. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /><a href="url">Link</a><br />
  131. <div class="fecha">
  132. Trama #02
  133. </div>
  134. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /><a href="url">Link</a>
  135. </div>
  136. <br />
  137. <div style="margin-left: 10px; width: 210px;" class="sub-tit-tab">
  138. Tramas
  139. </div>
  140.  
  141. </td>
  142.  
  143. <td>
  144.  
  145. <div class="eventos">
  146.  
  147. <center>
  148.  
  149. <table style=" display: block; width: 180px; margin-top: -2px; border-collapse: collapse; border-spacing: 1px; border-color: black;">
  150.  
  151. <tbody>
  152.  
  153. <tr>
  154.  
  155. <td class="nombrecenso">
  156. Cazadores
  157. </td>
  158.  
  159. <td>
  160.  
  161. <div class="censogeneral">
  162.  
  163. <div style="width: 20px;" class="censoraza" id="censocazador">
  164.  
  165. </div>
  166.  
  167. </div>
  168.  
  169. </td>
  170.  
  171. <td>
  172.  
  173. <div class="censox">
  174. 4
  175. </div>
  176.  
  177. </td>
  178.  
  179. </tr>
  180.  
  181. <tr>
  182.  
  183. <td class="nombrecenso">
  184. Licántropos
  185. </td>
  186.  
  187. <td>
  188.  
  189. <div class="censogeneral">
  190.  
  191. <div style="width: 5px;" class="censoraza" id="censolican">
  192.  
  193. </div>
  194.  
  195. </div>
  196.  
  197. </td>
  198.  
  199. <td>
  200.  
  201. <div class="censox">
  202. 1
  203. </div>
  204.  
  205. </td>
  206.  
  207. </tr>
  208.  
  209. <tr>
  210.  
  211. <td class="nombrecenso">
  212. Vampiros
  213. </td>
  214.  
  215. <td>
  216.  
  217. <div class="censogeneral">
  218.  
  219. <div style="width: 15px;" class="censoraza" id="censovampis">
  220.  
  221. </div>
  222.  
  223. </div>
  224.  
  225. </td>
  226.  
  227. <td>
  228.  
  229. <div class="censox">
  230. 3
  231. </div>
  232.  
  233. </td>
  234.  
  235. </tr>
  236.  
  237. <tr>
  238.  
  239. <td class="nombrecenso">
  240. Hechiceros
  241. </td>
  242.  
  243. <td>
  244.  
  245. <div class="censogeneral">
  246.  
  247. <div style="width: 10px;" class="censoraza" id="censohechiceros">
  248.  
  249. </div>
  250.  
  251. </div>
  252.  
  253. </td>
  254.  
  255. <td>
  256.  
  257. <div class="censox">
  258. 2
  259. </div>
  260.  
  261. </td>
  262.  
  263. </tr>
  264.  
  265. <tr>
  266.  
  267. <td class="nombrecenso">
  268. Hadas
  269. </td>
  270.  
  271. <td>
  272.  
  273. <div class="censogeneral">
  274.  
  275. <div style="width: 15px;" class="censoraza" id="censohadas">
  276.  
  277. </div>
  278.  
  279. </div>
  280.  
  281. </td>
  282.  
  283. <td>
  284.  
  285. <div class="censox">
  286. 3
  287. </div>
  288.  
  289. </td>
  290.  
  291. </tr>
  292.  
  293. <tr>
  294.  
  295. <td class="nombrecenso">
  296. Elfos
  297. </td>
  298.  
  299. <td>
  300.  
  301. <div class="censogeneral">
  302.  
  303. <div style="width: 15px;" class="censoraza" id="censoelfos">
  304.  
  305. </div>
  306.  
  307. </div>
  308.  
  309. </td>
  310.  
  311. <td>
  312.  
  313. <div class="censox">
  314. 3
  315. </div>
  316.  
  317. </td>
  318.  
  319. </tr>
  320.  
  321. <tr>
  322.  
  323. <td class="nombrecenso">
  324. Sombras
  325. </td>
  326.  
  327. <td>
  328.  
  329. <div class="censogeneral">
  330.  
  331. <div style="width: 20px;" class="censoraza" id="censosombras">
  332.  
  333. </div>
  334.  
  335. </div>
  336.  
  337. </td>
  338.  
  339. <td>
  340.  
  341. <div class="censox">
  342. 4
  343. </div>
  344.  
  345. </td>
  346.  
  347. </tr>
  348.  
  349. <tr>
  350.  
  351. </tr>
  352.  
  353. <tr>
  354.  
  355. <td class="nombrecenso">
  356. Incorpóreos
  357. </td>
  358.  
  359. <td>
  360.  
  361. <div class="censogeneral">
  362.  
  363. <div style="width: 15px;" class="censoraza" id="censoincorporeo">
  364.  
  365. </div>
  366.  
  367. </div>
  368.  
  369. </td>
  370.  
  371. <td>
  372.  
  373. <div class="censox">
  374. 3
  375. </div>
  376.  
  377. </td>
  378.  
  379. </tr>
  380.  
  381. <tr>
  382.  
  383. <td colspan="3">
  384.  
  385. <div style="text-align: center; font-size: 11px; margin-top: 7px; font-weight: bold;">
  386. Todas las razas están abiertas.
  387. </div>
  388.  
  389. </td>
  390.  
  391. </tr>
  392.  
  393. </tbody>
  394.  
  395. </table>
  396.  
  397. </center>
  398.  
  399. </div>
  400. <br />
  401. <div class="sub-tit-tab">
  402. Censo
  403. </div>
  404.  
  405. </td>
  406.  
  407. </tr>
  408.  
  409. </tbody>
  410.  
  411. </table>
  412.  
  413. </div>
  414.  
  415. <div class="infos" id="contC">
  416.  
  417. <table cellspacing="0">
  418.  
  419. <tbody>
  420.  
  421. <tr>
  422.  
  423. <td>
  424.  
  425. <div class="credit" style="padding: 4px; height: 186px;">
  426. ©Tablón de anuncios hecho por <a href="thecaptainknowsbest.tumblr.com">Hardrock</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.<br /><br />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. <br />
  427. </div><br />
  428. <div class="sub-tit-tab">
  429. Créditos
  430. </div>
  431.  
  432. </td>
  433.  
  434. <td>
  435.  
  436. <div class="links-tab">
  437. <a href="url" style="margin-right: 2px;" class="largo">Búsqueda 1</a><a href="url" class="largo">Búsqueda 2</a><a href="url" class="largo">Búsqueda 3</a><a href="url" class="largo">Búsqueda 4</a><a href="url" class="largo">Búsqueda 5</a>
  438. </div><br />
  439. <div style="margin-left: 5px; width: 210px;" class="sub-tit-tab">
  440. Búsquedas
  441. </div>
  442.  
  443. </td>
  444.  
  445. <td>
  446.  
  447. <div class="admin-tab">
  448.  
  449. <center>
  450. <script language="javascript">
  451.  
  452. function VecImagenes()
  453. {
  454. n=0;
  455. this[n++]="http://i.imgur.com/4miu6fS.png";
  456. this[n++]="http://i.imgur.com/4miu6fS.png";
  457. this[n++]="http://i.imgur.com/4miu6fS.png";
  458. this[n++]="http://i.imgur.com/4miu6fS.png";
  459. this[n++]="http://i.imgur.com/4miu6fS.png";
  460. this.N=n;
  461. }
  462. var Imagenes=new VecImagenes();
  463. src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
  464. document.write("<img src="+src+" align=center>");
  465.  
  466. </script>
  467. </center>
  468.  
  469. </div>
  470. <br />
  471. <div class="sub-tit-tab">
  472. Sabías que...?
  473. </div>
  474.  
  475. </td>
  476.  
  477. </tr>
  478.  
  479. </tbody>
  480.  
  481. </table>
  482.  
  483. </div>
  484.  
  485. </div>
  486.  
  487. </div>
  488. </center><script>
  489. jQuery(function() {
  490. var a = jQuery("#comments_scroll_div").clone();
  491. var c = [];
  492. jQuery('.module .h3:contains("Últimos temas")').closest('.inner').find('script').each(function() {
  493. if (!jQuery(this).attr('src')) c.push('<script>'+ jQuery(this).html() + '</' + 'script>');
  494. });
  495. jQuery("#contenedor-UltimosTemas").replaceWith('<div id="comments_scroll_div">' + a.html() + '</div>' + c.join(" "));
  496. jQuery(".module .inner #comments_scroll_div ").remove()
  497. });
  498. </script> <script>
  499. jQuery(function() {
  500. var a = jQuery("#comments_scroll_div").clone();
  501. var c = [];
  502. jQuery('.module .h3:contains("Últimos temas")').closest('.inner').find('script').each(function() {
  503. if (!jQuery(this).attr('src')) c.push('<script>'+ jQuery(this).html() + '</' + 'script>');
  504. });
  505. jQuery("#contenedor-UltimosTemas").replaceWith('<div id="comments_scroll_div">' + a.html() + '</div>' + c.join(" "));
  506. jQuery(".module .inner #comments_scroll_div ").remove()
  507. });
  508. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement