Advertisement
Hardrockdesign

Tablón Wonderful

Oct 11th, 2014
1,900
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.70 KB | None | 0 0
  1. /*****Parte en el Javascript de nuestro foro*****/
  2. $(document).ready(function () {
  3. $(".Sb").click(function () {
  4. var mid = $(this).attr("id").replace(/\D/g, '');
  5. $(".Sb").removeClass("selected");
  6. $(".Sc:not(#c" + mid + ")").hide();
  7. $("#Sc" + mid).fadeIn();
  8. $("#Sb" + mid).addClass("selected");
  9. });
  10. });
  11.  
  12. /*****Parte en el índice de nuestro foro*****/
  13. <style type="text/css">#comments_scroll_container {margin-top: 5px; width: 190px; height: 90px; font-weight: 400; color: #120b1b; font-size: 12px; text-align: center; font-family: calibri; font-style: italic; line-height: 100%;}#SSlider {width: 230px; height:270px;} #botones {text-align:center; /*CSS base*/}#botones div {display: inline-block;/*CSS base*/}.Sb.selected {background-color: #000000;/*CSS base*/}.Sb {width: 68px; background: #6f2411; padding: 3px; line-height: 100%; text-align: center; color: #CFC7C1; font-size: 9px; font-family: calibri; text-transform: uppercase;}#SCont {margin-top: 7px;}#SCont > div {background-color: #CFC7C1; border: 15px solid #120b1b;height: 232px; width: 200px;}.Sc{margin-top: 0px;}.premiados {color: #CFC7C1; text-align: center; padding-top: 15px; line-height: 100%; font-size: 11px; font-family: calibri; font-style: italic; transition: 0.5s; height: 45px; width: 80px; opacity: 0; background: #120b1b;} .premiados:hover{ opacity: 0.8; transition: 0.5s;}</style>
  14. <center>
  15. <link href="http://fonts.googleapis.com/css?family=Amarante" rel="stylesheet" type="text/css" />
  16. <div style="width: 690px; font-family: Amarante; font-size: 40px; text-align: center; padding-top: 40px; margin-bottom: 0px; letter-spacing:0px; text-transform: uppercase;">
  17. <a href="http://thecaptainknowsbest.tumblr.com/" style="color: #6f2411;">Tablón de anuncios</a>
  18. </div>
  19.  
  20. <table cellspacing="4">
  21.  
  22. <tbody>
  23.  
  24. <tr>
  25.  
  26. <td>
  27.  
  28. <div style="background-color: #CFC7C1; width: 200px; height: 100px; border: 15px solid #120b1b; margin-bottom: 5px; overflow: auto;">
  29.  
  30. <div style="color: #000000; font-size: 12px; text-align: left; font-family: calibri; line-height: 100%; padding: 5px; font-weight: 400; font-style: italic;">
  31. • 00/00 Noticia que contar. <img src="http://www.pvshipyard.com.vn/images/icon-new.gif" /><br /> • 00/00 Noticia que contar. <br /> • 00/00 Noticia que contar. <br /> • 00/00 Noticia que contar.
  32. </div>
  33.  
  34. </div>
  35.  
  36. <div style="font-family: calibri; font-size: 8px; letter-spacing: 6px; font-weight: 700; text-transform: uppercase; text-align: center; color: #CFC7C1; margin-top: -20px;">
  37. Últimas Noticias
  38. </div>
  39.  
  40. <div style="background-color: #CFC7C1; width: 200px; height: 100px; border: 15px solid #120b1b;">
  41. <script>
  42.    jQuery(document).ready(function(){
  43.    jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
  44.    });
  45.    </script>
  46. <div id="contenedorultimostemas">
  47.  
  48. <div id="micontenedor">
  49.  
  50. </div>
  51.  
  52. </div>
  53.  
  54. </div>
  55.  
  56. <div style="font-family: calibri; font-size: 8px; letter-spacing: 6px; font-weight: 700; text-transform: uppercase; text-align: center; color: #CFC7C1; margin-top: -15px;">
  57. Últimos Temas
  58. </div>
  59.  
  60. </td>
  61.  
  62. <td>
  63.  
  64. <div id="SSlider">
  65.  
  66. <div id="SCont">
  67.  
  68. <div style="display:block;" class="Sc" id="Sc1">
  69.  
  70. <div style="width: 180px; height: 80px; margin: 10px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  71.  
  72. </div>
  73.  
  74. <div style="color: #000000; font-size: 11px; text-align: justify; font-family: calibri; line-height: 100%; padding: 10px; font-weight: 400; font-style: italic; padding-top: 0px; height: 115px; overflow: auto;">
  75. <span style="font-family: Amarante; font-size: 20px; float: left; margin-right: 3px; margin-top: 3px;">S</span>ed 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 fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
  76. </div>
  77.  
  78. </div>
  79.  
  80. <div style="display:none;" class="Sc" id="Sc2">
  81.  
  82. <center>
  83.  
  84. <div style="padding-top: 15px;">
  85.  
  86. <div style="font-family: calibri; font-size: 8px; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; text-align: center; color: #000000;">
  87. Administradores
  88. </div>
  89.  
  90. <table>
  91.  
  92. <tbody>
  93.  
  94. <tr>
  95.  
  96. <td>
  97. <a href="url"><img style="width: 50px; height: 80px; margin: 5px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px;" src="http://i.imgur.com/DHnkCho.jpg" /></a>
  98. </td>
  99.  
  100. <td>
  101. <a href="url"><img style="width: 50px; height: 80px; margin: 5px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px;" src="http://i.imgur.com/DHnkCho.jpg" /></a>
  102. </td>
  103.  
  104. <td>
  105. <a href="url"><img style="width: 50px; height: 80px; margin: 5px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px;" src="http://i.imgur.com/DHnkCho.jpg" /></a>
  106. </td>
  107.  
  108. </tr>
  109.  
  110. </tbody>
  111.  
  112. </table>
  113.  
  114. </div>
  115.  
  116. <div style="font-family: calibri; font-size: 8px; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; text-align: center; color: #000000;">
  117. Moderadores
  118. </div>
  119.  
  120. <table>
  121.  
  122. <tbody>
  123.  
  124. <tr>
  125.  
  126. <td>
  127. <a href="url"><img style="width: 50px; height: 50px; margin: 5px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px;" src="http://i.imgur.com/LUDavV6.jpg" /></a>
  128. </td>
  129.  
  130. <td>
  131. <a href="url"><img style="width: 50px; height: 50px; margin: 5px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px;" src="http://i.imgur.com/LUDavV6.jpg" /></a>
  132. </td>
  133.  
  134. <td>
  135. <a href="url"><img style="width: 50px; height: 50px; margin: 5px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px;" src="http://i.imgur.com/LUDavV6.jpg" /></a>
  136. </td>
  137.  
  138. </tr>
  139.  
  140. </tbody>
  141.  
  142. </table>
  143.  
  144. </center>
  145.  
  146. </div>
  147.  
  148. <div style="display:none;" class="Sc" id="Sc3">
  149.  
  150. <center>
  151.  
  152. <table cellspacing="2">
  153.  
  154. <tbody>
  155.  
  156. <tr>
  157.  
  158. <td>
  159.  
  160. <div style="width: 80px; height: 60px; margin: 5px; margin-top: 13px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  161.  
  162. <div class="premiados">
  163. Nombre Apellido<br />Mejor personaje
  164. </div>
  165.  
  166. </div>
  167.  
  168. <div style="width: 80px; height: 60px; margin: 5px; margin-top: 10px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  169.  
  170. <div class="premiados">
  171. Nombre Apellido<br />Mejor personaje
  172. </div>
  173.  
  174. </div>
  175.  
  176. <div style="width: 80px; height: 60px; margin: 5px; margin-top: 10px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  177.  
  178. <div class="premiados">
  179. Nombre Apellido<br />Mejor personaje
  180. </div>
  181.  
  182. </div>
  183.  
  184. </td>
  185.  
  186. <td>
  187.  
  188. <div style="width: 80px; height: 60px; margin: 5px; margin-top: 13px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  189.  
  190. <div class="premiados">
  191. Nombre Apellido<br />Mejor personaje
  192. </div>
  193.  
  194. </div>
  195.  
  196. <div style="width: 80px; height: 60px; margin: 5px; margin-top: 10px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  197.  
  198. <div class="premiados">
  199. Nombre Apellido<br />Mejor personaje
  200. </div>
  201.  
  202. </div>
  203.  
  204. <div style="width: 80px; height: 60px; margin: 5px; margin-top: 10px; border: 1px solid #000000; outline: 1px solid #000000; outline-offset: 1px; background:url(http://i.imgur.com/XkyCkhk.jpg);">
  205.  
  206. <div class="premiados">
  207. Nombre Apellido<br />Mejor personaje
  208. </div>
  209.  
  210. </div>
  211.  
  212. </td>
  213.  
  214. </tr>
  215.  
  216. </tbody>
  217.  
  218. </table>
  219.  
  220. </center>
  221.  
  222. </div>
  223.  
  224. </div>
  225.  
  226. <div id="botones">
  227.  
  228. <table>
  229.  
  230. <tbody>
  231.  
  232. <tr>
  233.  
  234. <td>
  235.  
  236. <div class="Sb selected" id="Sb1">
  237. Ambientación
  238. </div>
  239.  
  240. </td>
  241.  
  242. <td>
  243.  
  244. <div class="Sb" id="Sb2">
  245. Administración
  246. </div>
  247.  
  248. </td>
  249.  
  250. <td>
  251.  
  252. <div class="Sb" id="Sb3">
  253. Premiados
  254. </div>
  255.  
  256. </td>
  257.  
  258. </tr>
  259.  
  260. </tbody>
  261.  
  262. </table>
  263.  
  264. </div>
  265.  
  266. </div>
  267.  
  268. </td>
  269.  
  270. <td>
  271.  
  272. <div style="background-color: #CFC7C1; margin-bottom: 5px; width: 200px; height: 100px; border: 15px solid #120b1b;">
  273.  
  274. <div style="color: #000000; font-size: 12px; text-align: left; font-family: calibri; line-height: 100%; padding: 5px; font-weight: 400; font-style: italic;">
  275. Grupo 1
  276. <div style="height: 12px; width: 10px; background: #587cac; float: right;">
  277.  
  278. </div><br />Grupo 2
  279. <div style="height: 12px; width: 20px; background: #512411; float: right;">
  280.  
  281. </div><br />Grupo 3
  282. <div style="height: 12px; width: 15px; background: #b49a50; float: right;">
  283.  
  284. </div><br />Grupo 4
  285. <div style="height: 12px; width: 10px; background: #4e6036; float: right;">
  286.  
  287. </div>
  288.  
  289. </div>
  290.  
  291. </div>
  292.  
  293. <div style="font-family: calibri; font-size: 8px; letter-spacing: 6px; font-weight: 700; text-transform: uppercase; text-align: center; color: #CFC7C1; margin-top: -20px;">
  294. Censo de Grupos
  295. </div>
  296.  
  297. <div style="background-color: #CFC7C1; width: 200px; height: 100px; border: 15px solid #120b1b; overflow: auto;">
  298.  
  299. <div style="color: #000000; font-size: 12px; text-align: left; font-family: calibri; line-height: 100%; padding: 5px; font-weight: 400; font-style: italic;">
  300. • Avatar de 000x000px <br /> • Mínimo X líneas de rol. <br /> • No olvides leer todas las normas.
  301. </div>
  302.  
  303. </div>
  304.  
  305. <div style="font-family: calibri; font-size: 8px; letter-spacing: 6px; font-weight: 700; text-transform: uppercase; text-align: center; color: #CFC7C1; margin-top: -15px;">
  306. Reglas Básicas
  307. </div>
  308.  
  309. </td>
  310.  
  311. </tr>
  312.  
  313. </tbody>
  314.  
  315. </table>
  316. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement