Conectarse

Recuperar mi contraseña

Últimos temas
» 27/07/2016 SF
Miér Jul 27, 2016 11:40 am por Kuroki

» Angelina | Angelus
Lun Mar 14, 2016 11:54 pm por Kuroki

» Arger black
Lun Mar 14, 2016 11:52 pm por Kuroki

» Alice Pruss
Lun Mar 14, 2016 11:51 pm por Kuroki

» Hey Mama! {widgets}
Sáb Feb 20, 2016 6:30 pm por Kuroki

» 20/02/2016 SF
Sáb Feb 20, 2016 6:24 pm por Kuroki

» Prueba 1 Prueba 1
Dom Sep 06, 2015 8:47 am por Kuroki

» CSS 27/08/15 SF
Jue Ago 27, 2015 7:41 am por Kuroki

» You've got mail~
Mar Ago 18, 2015 7:46 pm por Kuroki

Nombre
Rango
MensajePerfil
CRÉDITOS
Skin “Shine!” creado por Runa XIII e inspirado en la colección de tablillas de NympheaKeep it simple”. Un agradecimiento especial para Nymphea por su consentimiento. Paleta de color “198 Celebration!” por alfarroba en ColorLovers. Un agradecimiento especial a la Asistencia de Foroactivo y los tutoriales de Savage Themes y The Captain Knows Best.


Wondeful News

Ver el tema anterior Ver el tema siguiente Ir abajo

Wondeful News

Mensaje por Kuroki el Jue Jun 04, 2015 12:25 am

HTML
Código:
<div id="blackestnight">
    
   <div id="h2">
       Wonderful Nightmare 
   </div>
    
   <div class="bn1 bnboton bnselec">
       
      <div id="bnbot">
           Info 
      </div>
       
   </div>
    
   <div class="bn2 bnboton">
       
      <div id="bnbot">
           Razas 
      </div>
       
   </div>
    
   <div class="bn3 bnboton">
       
      <div id="bnbot">
           Créditos 
      </div>
       
   </div>
    
   <div class="bnc1 bncaja">
       
      <div id="bnd">
          
         <div id="bnder" style="margin-bottom: 5px;">
             <strong>Eventos</strong><br /><a href="http://wonderful-nightmare.foroactivo.com/t110-primer-evento-la-plaga-de-las-ilusiones">[1er Evento]La Plaga de las Ilusiones</a><a href="http://wonderful-nightmare.foroactivo.com/t171-segundo-evento-la-tragedia-perfecta">[2do Evento]La Tragedia Perfecta</a> 
         </div>
          
         <div class="bns1 bnstaff">
             <strong>Mrs. Pumpkin</strong><span>Administradora Principal</span><a href="http://wonderful-nightmare.foroactivo.com/privmsg?mode=post&u=1">MP</a><a href="http://wonderful-nightmare.foroactivo.com/u1">Perfil</a> 
         </div>
          
         <div class="bns2 bnstaff">
             <strong>Alice Pruss</strong><span>Administradora Secundaria</span><a href="http://wonderful-nightmare.foroactivo.com/privmsg?mode=post&u=6">MP</a><a href="http://wonderful-nightmare.foroactivo.com/u6">Perfil</a> 
         </div>
          
         <div class="bns3 bnstaff">
             <strong>Nynh</strong><span>Moderadora</span><a href="http://wonderful-nightmare.foroactivo.com/privmsg?mode=post&u=9">MP</a><a href="http://wonderful-nightmare.foroactivo.com/u9">Perfil</a> 
         </div>
          
         <div id="h3">
              Tablón Blackest Night por <a href="http://bit.ly/12UhEcD" target="_blank">Pyrite Wolf</a> 
         </div>
          
      </div>
       
      <div id="bnizq" style="margin-bottom: 5px;">
          
         <div id="h1">
              Reglas importantes del Foro 
         </div><span style="text-decoration: line-through;">▧</span> Las firmas tienen un máximo de 500x250px.<br /><span style="text-decoration: line-through;">▧</span> Los avatares tienen un máximo de 150x300px.<br /><span style="text-decoration: line-through;">▧</span> Se permite la creación de dos o más cuentas por persona.<br /><span style="text-decoration: line-through;">▧</span> Firma el Censo Semanal para no perder a tu personaje.<br /><span style="text-decoration: line-through;">▧</span> Este es un foro de rol, por lo tanto es importante la buena ortografía y redacción.<br /><span style="text-decoration: line-through;">▧</span> Evita el spam y flood a toda costa, los post innecesarios pueden ser eliminados.<br /> 
      </div>
       
      <div id="bnizq">
          
         <div id="h1">
              Trama del Rol 
         </div>
           Te encuentras en el Mundo de los Sueños, donde los seres habitantes están divididos en dos sectores: aquellas razas que fueron creadas por Pandora y se encargan de producir caos y pesadillas, las cuales son llamadas "Nightmare"; y las que siguen los ideales de la organización Libertis, quienes desean la destrucción absoluta de la diosa y sus sirvientes. De esta manera, debes elegir el bando al que perteneces y decidir si continuar con esta guerra u obtener la paz que alguna vez existió en el Mundo.<br />Detalles de la historia se encuentran en <a href="http://wonderful-nightmare.foroactivo.com/t11-guia-historia-del-rol">este tema.</a> 
      </div>
       
   </div>
    
   <div class="bncaja bnescondida bnc2">
       
      <div id="bnaward" style="background: url('http://i41.tinypic.com/51txsz.jpg');">
          <strong>Humano</strong><span>Libertis</span><a href="http://wonderful-nightmare.foroactivo.com/h2-humanos">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i42.tinypic.com/35a3qy8.jpg');">
          <strong>Evils</strong><span>Libertis</span><a href="http://wonderful-nightmare.foroactivo.com/h5-evils">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i42.tinypic.com/2vsksbt.jpg');">
          <strong>Contratista</strong><span>Libertis</span><a href="http://wonderful-nightmare.foroactivo.com/h6-contratistas">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i43.tinypic.com/2i7693d.jpg');">
          <strong>Espiritus Sanctus</strong><span>Libertis</span><a href="http://wonderful-nightmare.foroactivo.com/h7-espiritus-sanctus">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i41.tinypic.com/302uo1l.jpg');">
          <strong>Mítico</strong><span>Libertis</span><a href="http://wonderful-nightmare.foroactivo.com/h8-miticos">Descripción</a> 
      </div><br /><br /> 
      <div id="bnaward" style="background: url('http://i42.tinypic.com/34qa4x5.jpg');">
          <strong>Magus</strong><span>Nightmare</span><a href="http://wonderful-nightmare.foroactivo.com/h9-magus">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i41.tinypic.com/2ywy82x.jpg');">
          <strong>Penumbras</strong><span>Nightmare</span><a href="http://wonderful-nightmare.foroactivo.com/h10-penumbras">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i40.tinypic.com/2ake6iu.jpg');">
          <strong>Clown</strong><span>Nightmare</span><a href="http://wonderful-nightmare.foroactivo.com/h11-clown">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i40.tinypic.com/2s7druv.jpg');">
          <strong>Will-o'-Wisp</strong><span>Nightmare</span><a href="http://wonderful-nightmare.foroactivo.com/h12-will-o-wisp">Descripción</a> 
      </div>
       
      <div id="bnaward" style="background: url('http://i41.tinypic.com/dyw269.jpg');">
          <strong>Guignol</strong><span>Nightmare</span><a href="http://wonderful-nightmare.foroactivo.com/h13-guignol">Descripción</a> 
      </div>
       
   </div>
    
   <div class="bncaja bnc3 bnescondida">
       
      <div id="h1">
           Créditos y Derechos Reservados 
      </div>
        La historia, razas, trama y ambientación fueron creadas por Mrs. Pumpkin y Scuro. Todos los derechos son reservados. Las imágenes y el contenido alojados en este foro pertenecen a sus respectivos autores, gran parte provienen de la web Zerochan, Pixiv y Deviantyart. No está permitido el uso de algún contenido propio de este foro sin permiso alguno. El skin del índice fue diseñado por <strong>Infection</strong> y la página inicial por <strong>LaufeysonSister</strong>. Algunos diseños fueron realizados por la administración del foro. Respeta el trabajo de los autores y evita el plagio, ¡se original!<br /><br /> 
      <div id="h1">
           Agradecimientos 
      </div>
        Agradecemos a cada usuario que aporta en este foro, para que crezca como comunidad y mejore todos los días. A los roleadores más activos que hacen de la historia algo divertido ¡A los colaboradores que decidan ayudar con cualquier cosa! También tenemos un agradecimiento especial a la comunidad de <strong>Infection</strong> por prestarnos su ayuda para realizar este skin 
      <center>
          <br /><strong>¡Visita su foro!</strong><br /><a href="http://infection.iowoi.org"><img src="http://imageshack.us/a/img545/3062/qxg5.gif" title="Infection" alt="Infection Rol" /></a> 
      </center>
       
   </div>
</div><script src="http://protorol.com/pyriportal/blackestnight.js"></script>

CSS
Código:
/**Tablón**/
  /*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
    /*-------------COLORES! HERMOSOS COLORES!-------------*/
    /*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
    #blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
        color: #c42b2b !important;}
    /*letra general de la derecha, awards, créditos, staff*/
    .bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
    /*letra principal*/
    #bnizq {color: #999;}
    /*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
    #blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
    /*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
    #bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
    /*fondo de las cajas principales de contenido*/
    #bnizq {background: #171717;}
    /*color de barra de navegación*/
    #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

    /*-------------IMAGENES SERSIS-------------*/
    /*primer boton*/
    .bn1 {background: url('http://i43.tinypic.com/smt7rt.jpg');}
    /*segundo boton*/
    .bn2 {background: url('http://i39.tinypic.com/o0cumd.jpg');}
    /*tercer boton*/
    .bn3 {background: url('http://i39.tinypic.com/33otlrn.jpg');}
    /*primer miembro de staff*/
    .bns1 {background: url('http://i41.tinypic.com/286xz43.jpg');}
    /*segundo miembro del staff*/
    .bns2 {background: url('http://i43.tinypic.com/zivng5.jpg');}
    /*tercer miembro del staff*/
    .bns3 {background: url('http://i42.tinypic.com/11iznro.jpg');}
    /*cuarto miembro del staff*/
    .bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
    /*quinto miembro del staff*/
    .bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
    /*sexto miembro del staff*/
    .bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
    /*septimo miembro del staff*/
    .bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
    /*octavo miembro del staff*/
    .bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


    /*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
    /*cajas*/
    #blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
    #bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
    #bnd {width: 170px;float:right;position: relative;}
    #bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
    .bncaja {overflow: hidden;}
    .bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
    .bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
    .bnescondida {width: 0px;padding: 0px;height: 0px;}
    /*Awards*/
    #bnaward {display: inline-block;height: 150px;padding: 4px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 150% !important;}
    #bnaward b,#bnaward span,#bnaward a {opacity: 0;}
    #bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
    #bnaward b {display: block; text-align: center;border-radius: 5px; margin: 50px 5px 3px 5px;}
    #bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 10px; overflow: auto;}
    #bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 1px;display: block; text-align: center;border-radius: 5px;margin:2px 5px;}
    #bnaward a:hover {background: #333;}
    /*Subtitulos*/
    #blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
    #blackestnight #h2 {font-size: 15px; text-transform: uppercase;letter-spacing:1px;width: 250px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
    #blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
    /*Staff*/
    .bnstaff {overflow: hidden;width: 55px; height: 80px; background-size: 100%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:140px;}
    .bns4 {left: 80px;} .bns2 {left: 55px;} .bns3 {left: 115px;}
    .bns1 {margin: 0px;}
    .bns5 {top: 183px;margin: 0px;} .bns6 {top: 183px;left: 38px;} .bns7 {top: 183px;left: 82px;} .bns8 {top: 183px;left: 125px;}
    .bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
    .bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
    .bnstaff:hover {left:0px;top: 140px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
    .bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
    .bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
    .bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
    .bnstaff a:hover {background: #333;}
    /*botones*/
    .bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
    .bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
    #bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
    .bnboton:hover #bnbot {opacity: 0.9;}
    .bn2 {top: 90px;}
    .bn3 {top: 170px;}
    .bnselec {filter: none;-webkit-filter: grayscale(0%);}

    /*generales*/
    #blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

    #blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

    @font-face {
      font-family: 'Ubuntu Condensed';
      font-style: normal;
      font-weight: 400;
      src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
    }
    /*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/

Kuroki
Admin

Mensajes : 72
Fecha de inscripción : 03/10/2014

Ver perfil de usuario http://kuroki-is-love.foroactivo.mx

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.