Wondeful News

por **Kuroki** 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!-------------*/

» Leer Más ALYSSWonderful Girl	» Leer Más KANONWonderful Boy
» Leer Más SIR MÖRDERISHWonderful User	»SSSSs BLEHWonderful Scene