Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*****Parte en el Javascript de nuestro foro*****/
- $(document).ready(function () {
- $(".Sb").click(function () {
- var mid = $(this).attr("id").replace(/\D/g, '');
- $(".Sb").removeClass("selected");
- $(".Sc:not(#c" + mid + ")").hide();
- $("#Sc" + mid).fadeIn();
- $("#Sb" + mid).addClass("selected");
- });
- });
- /*****Parte en el índice de nuestro foro*****/
- <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>
- <center>
- <link href="http://fonts.googleapis.com/css?family=Amarante" rel="stylesheet" type="text/css" />
- <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;">
- <a href="http://thecaptainknowsbest.tumblr.com/" style="color: #6f2411;">Tablón de anuncios</a>
- </div>
- <table cellspacing="4">
- <tbody>
- <tr>
- <td>
- <div style="background-color: #CFC7C1; width: 200px; height: 100px; border: 15px solid #120b1b; margin-bottom: 5px; overflow: auto;">
- <div style="color: #000000; font-size: 12px; text-align: left; font-family: calibri; line-height: 100%; padding: 5px; font-weight: 400; font-style: italic;">
- • 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.
- </div>
- </div>
- <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;">
- Últimas Noticias
- </div>
- <div style="background-color: #CFC7C1; width: 200px; height: 100px; border: 15px solid #120b1b;">
- <script>
- jQuery(document).ready(function(){
- jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
- });
- </script>
- <div id="contenedorultimostemas">
- <div id="micontenedor">
- </div>
- </div>
- </div>
- <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;">
- Últimos Temas
- </div>
- </td>
- <td>
- <div id="SSlider">
- <div id="SCont">
- <div style="display:block;" class="Sc" id="Sc1">
- <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);">
- </div>
- <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;">
- <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.
- </div>
- </div>
- <div style="display:none;" class="Sc" id="Sc2">
- <center>
- <div style="padding-top: 15px;">
- <div style="font-family: calibri; font-size: 8px; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; text-align: center; color: #000000;">
- Administradores
- </div>
- <table>
- <tbody>
- <tr>
- <td>
- <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>
- </td>
- <td>
- <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>
- </td>
- <td>
- <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>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div style="font-family: calibri; font-size: 8px; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; text-align: center; color: #000000;">
- Moderadores
- </div>
- <table>
- <tbody>
- <tr>
- <td>
- <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>
- </td>
- <td>
- <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>
- </td>
- <td>
- <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>
- </td>
- </tr>
- </tbody>
- </table>
- </center>
- </div>
- <div style="display:none;" class="Sc" id="Sc3">
- <center>
- <table cellspacing="2">
- <tbody>
- <tr>
- <td>
- <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);">
- <div class="premiados">
- Nombre Apellido<br />Mejor personaje
- </div>
- </div>
- <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);">
- <div class="premiados">
- Nombre Apellido<br />Mejor personaje
- </div>
- </div>
- <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);">
- <div class="premiados">
- Nombre Apellido<br />Mejor personaje
- </div>
- </div>
- </td>
- <td>
- <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);">
- <div class="premiados">
- Nombre Apellido<br />Mejor personaje
- </div>
- </div>
- <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);">
- <div class="premiados">
- Nombre Apellido<br />Mejor personaje
- </div>
- </div>
- <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);">
- <div class="premiados">
- Nombre Apellido<br />Mejor personaje
- </div>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </center>
- </div>
- </div>
- <div id="botones">
- <table>
- <tbody>
- <tr>
- <td>
- <div class="Sb selected" id="Sb1">
- Ambientación
- </div>
- </td>
- <td>
- <div class="Sb" id="Sb2">
- Administración
- </div>
- </td>
- <td>
- <div class="Sb" id="Sb3">
- Premiados
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </td>
- <td>
- <div style="background-color: #CFC7C1; margin-bottom: 5px; width: 200px; height: 100px; border: 15px solid #120b1b;">
- <div style="color: #000000; font-size: 12px; text-align: left; font-family: calibri; line-height: 100%; padding: 5px; font-weight: 400; font-style: italic;">
- Grupo 1
- <div style="height: 12px; width: 10px; background: #587cac; float: right;">
- </div><br />Grupo 2
- <div style="height: 12px; width: 20px; background: #512411; float: right;">
- </div><br />Grupo 3
- <div style="height: 12px; width: 15px; background: #b49a50; float: right;">
- </div><br />Grupo 4
- <div style="height: 12px; width: 10px; background: #4e6036; float: right;">
- </div>
- </div>
- </div>
- <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;">
- Censo de Grupos
- </div>
- <div style="background-color: #CFC7C1; width: 200px; height: 100px; border: 15px solid #120b1b; overflow: auto;">
- <div style="color: #000000; font-size: 12px; text-align: left; font-family: calibri; line-height: 100%; padding: 5px; font-weight: 400; font-style: italic;">
- • Avatar de 000x000px <br /> • Mínimo X líneas de rol. <br /> • No olvides leer todas las normas.
- </div>
- </div>
- <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;">
- Reglas Básicas
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement