Navegación
 Portal
 Índice
 Miembros
 Perfil
 FAQ
 Buscar
Menú
Conexión
Conectarse

Recuperar mi contraseña

Últimos temas
» Antoine Lebeau
por Nyx Sáb Feb 25, 2017 7:34 am

» Ludwig von Liechteinstein || Demonio
por Nyx Miér Feb 22, 2017 5:47 am

» Suguru Oomi || Kitsune/Geisha
por Nyx Miér Feb 22, 2017 5:38 am

» Dominique de Saint-Pierre [Perfido]
por Nyx Mar Feb 21, 2017 3:48 am

» Codigos de Animadores
por Nyx Jue Feb 16, 2017 7:21 am

» Tablillas para Post [Verdammnis]
por Nyx Jue Feb 16, 2017 12:05 am

» Mykhailo Triazulo || Satiro
por Nyx Vie Feb 03, 2017 2:13 am

» Alphonse D. Hamilthon || ID
por Nyx Jue Ene 26, 2017 7:41 pm

» Nathan ID
por Nyx Jue Ene 26, 2017 7:35 pm

» Caputas de Pantalla
por Nyx Sáb Ene 21, 2017 7:37 am

Afiliados hermanos 6/10
Afiliados Elite 31/55
Crear foroJurassic Park: The Walking Fossils

Liens Brises

Ver el tema anterior Ver el tema siguiente Ir abajo

Liens Brises

Mensaje por Nyx el Dom Abr 10, 2016 9:53 am

CSS de Foro Liens (lila)

Código:
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel-Regular'), url(https://fonts.gstatic.com/s/cinzel/v4/zOdksD_UUTk1LJF9z4tURA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: local('Berkshire Swash'), local('BerkshireSwash-Regular'), url(https://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAiiJH4brlqpr7zMNWu0xQjN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(https://fonts.gstatic.com/s/petitformalscript/v4/OEZwr2-ovBsq2n3ACCKoEjUe2wjZSDd4ua_dT9VBiU4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*Cuerpo del Foro*/
#wrap {
  width: 850px;
  margin-top: -25px;
  margin-bottom: -10px;
  background: #d3cae2;
  border-left: 10px solid #372945;
  border-right: 10px solid #372945;
}

/*el Logoo*/
#logo img {
  position:relative;
  top: 30px;
  left: -15px;
}

/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}
 
#logo-desc p {
font-size: 0px;
margin: 0;
padding: 0;
}

/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}

#logo-desc p {
font-size: 0px;
margin: 0;
padding: 0;
}

/*seleccionar asi todo mono*/
::selection {
  background: #4D3147;
  color: #d1730a;
}

::-moz-selection {
  background: #4D3147;
  color: #d1730a;
}
 
.edit{ display: none; }

/*Menú del Foro*/
ul.navlinks {
  position: fixed;
  font-family: 'Calibri';
  font-size: 8pt;
  font-variant: small-caps;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align:center;
  z-index: 999;
  line-height: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #5a3216;
}

ul.forums .icon {
background-position: 430px 25px !important;
}

 a.mainmenu{
color: #E8E8E8;
  transition: .5s;
}

 a.mainmenu:hover{
color: #d1730a;
  transition: .5s;
}

a {font-weight:lighter;}

/*elimina el buscar*/
#search-box {
display: none;
}

/*Titulos de Categorias */
.forabg ul.topiclist.forums li.row dd.dterm {
  width: 350px;
  height: 192px;
}

.forabg li.header dd.dterm {
  text-align: left;
  width: 100%;
  }

.forabg li.header dd.posts {
display: none;
}
 
.forabg li.header dd.topics {
display: none;
}

li.header dl.icon dd.lastpost{
 display: none;
}

  .categoria-1 {
    border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/SPu7qMQ.png");
} .categoria-2 {border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/JM4nu4j.png");
} .categoria-3 {border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/0hGCeQD.png");
} .categoria-4 {border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/2wXBKm9.png");
}.categoria-5 {border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/7ANTXUL.png");
}.categoria-6 {border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/179Fmhl.png");
}.categoria-7 {border-top: 5px solid #372945;
  background-image: url("http://i.imgur.com/QsB9yqV.png");
}
 
.table-title h2 {
  font-weight: bold;
  font-size: 50px;
  font-family: 'Berkshire Swash';
  color: #372945;
 text-transform: none;
  line-height: 100%;
  text-align: center;
  text-shadow: 1px 1px 3px #F6F6F6;
}

li.header{
  line-height: 100%;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  color: transparent;
  margin-top: -250px;
}

.headfor {background-color: #372945;}

/*Forma de cada Foro*/
ul.topiclist.forums li.row {
width: 48%;
display: inline-block;
height: 400px;
margin-left: 10px;
margin-top: 10px;
position: relative;
  background: #efe6ff;
overflow: hidden;
outline: 1px double #372945;
outline-offset: -5px;
}

/*Titulo de Foro*/
a.forumtitle {
  text-decoration:none;
  display: block;
  width: 400px;
  line-height: 100%;
  text-align:center;
  position: absolute;
  left: 37px;
  top: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-family: 'Cinzel';
  background: #transparent;
  border-bottom: 5px solid #372945;
  border-top: 5px solid #372945;
font-size: 20px;
color : #372945;
letter-spacing: -1px;
  text-transform: uppercase;
  transition: .5s;
}

a.forumtitle:hover {
background: #372945;
  color : #efe6ff;
  width: 400px;
    left: 37px;
  top: 15px;
  border-bottom: 5px solid #5a3216;
  border-top: 5px solid #5a3216;
  transition: .5s;
}

/* Temas */
.forabg li.row dd.topics {
background: #372945;
outline: 1px solid #5a3216;
  color: #e8e8e8;
  outline-offset: -2px;
  position: absolute;
  line-height: 100%;
  padding-top: 5px;
  padding-bottom: 6px;
  top: 55px;
  left: 37px;
  width: 200px;
  text-align: center;
  font-weight: bold;
}

.forabg li.row dd.topics::after {
  content: "Temas";
  text-transform: uppercase;
  font-size: 9px;
}

/*Post*/
.forabg li.row dd.posts {
background: #372945;
outline: 1px solid #5a3216;
  color: #e8e8e8;
  outline-offset: -2px;
  position: absolute;
  line-height: 100%;
  padding-top: 5px;
  padding-bottom: 6px;
  top: 55px;
  left: 237px;
  width: 200px;
  text-align: center;
  font-weight: bold;
}

.forabg li.row dd.posts::after {
  content: "Posts";
  text-transform: uppercase;
  font-size: 9px;
}

/*Ultimo post */
.forabg li.row dd.lastpost {
  width: 400px;
  height: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: absolute;
  top: 82px;
  left: 37px;
  text-align:center;
  color:#372945;
  background: #d3cae2;
  line-height: 100%;
  font-family: 'Calibri';
  font-size: 8pt;
  font-variant: small-caps;
}


dd.lastpost br {
display: none;
}

dd.lastpost span.color-groups {
float: none;
display: inline-block;
margin-left: 5px;
}

dd.lastpost img {
display:none;
}

/*Links de todo el foro */
#page-body ul.linklist a {
  font-variant: small-caps;
  font-size: 9px;
  padding-left: 5px;
  padding-right: 5px;
}

/*Parte de abajo del foro */
#page-footer .navbar {
  color: #040913;
  text-transform: uppercase;
  font-size: 9px;
}

/*DESCRIPCIONES DE SUBFOROS */
.subforo1
{width: 372px;
  background: #efe6ff;
overflow: hidden;
outline: 1px double #372945;
outline-offset: -5px;
  padding:10px;
  position:absolute;
  height: 250px;
  left: 42px;
  line-height: 100%;
  top: 107px;
  }

.text1
{width: 351px;
  background: #d3cae2;
  padding:10px;
  position:absolute;
  max-height: 100px;
 height: auto;
  left: 10px;
  line-height: 100%;
  top: 10px;
  text-align: justify;
  }

.text2
{width: 150px;
  background: #d3cae2;
  padding:10px;
  position:absolute;
  height:auto;
  max-height: 230px;
  left: 10px;
  line-height: 100%;
  top: 10px;
  text-align: justify;
  }

.link1
{ width: 180px;
 height: 235px;
  position:absolute;
  background: #transparent;
  top: 15px;
  left: 190px;
}

.link1 a
{ background: #d1730a;
  margin: 1px;
  width: 180px;
  min-height: 20px;
  line-height: 20px;
  color: #f6f6f6;
  font-family: arial;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  display: inline-block;
  transition: .5s;
}

.link1 a:hover
{ background: #26193e;
  color: #d4b35b;
  transition: .5s;
  }


.link2
{ width: 180px;
  height: 235px;
  position:absolute;
  overflow-x:auto;
  background: #transparent;
  top: 15px;
  left: 15px;
}

.link2 a
{ background: #d1730a;
  margin: 1px;
  width: 167px;
  min-height: 20px;
  line-height: 20px;
  color: #f6f6f6;
  font-family: arial;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  display: inline-block;
  transition: .5s;
}

.link2 a:hover
{ background: #26193e;
  color: #d4b35b;
  transition: .5s;
  }

.img1
{width: 357px;
  height: 110px;
  background: #transparent;
  border: 2 solid #5a3216;
  padding:5px;
  position:absolute; 
  left: 10px;
  line-height: 100%;
  top: 135px;
  -webkit-filter: sepia(80%);
  transition: 2s;
  }

.img1:hover{
    -webkit-filter: sepia(0%);
  transition: 2s;
  }
 
.img2
{ width: 372px;
  background: #efe6ff;
  position:absolute;
  height: 250px;
  left: 42px;
  top: 107px;
border: 10px solid #d1730a;
    text-align:center; 
  overflow:hidden;
  transition: 2s;
}

.img2:hover
{ width: 372px;
  background: #efe6ff;
  position:absolute;
  height: 250px;
  left: 42px;
  top: 107px;
border: 10px solid #26193e;
  transition: 2s;
}

.img2 img{
-webkit-filter: sepia(80%);
  transition: 2s;
 }

.img2 img:hover{
-webkit-filter: sepia(0%);
  transition: 2s;
 }

.img3
{width: 160px;
  height: 230px;
  background: #transparent;
  border: 2 solid #5a3216;
  padding:5px;
  position:absolute; 
  left: 205px;
  line-height: 100%;
  top: 13px;
  -webkit-filter: sepia(80%);
  transition: 2s;
  }

.img3:hover{
    -webkit-filter: sepia(0%);
  transition: 2s;
  }

/*Widgets*/
#phpbb {margin-left: 250px;
  width: 850px;
}

#content-container div#left {
  position:absolute;
  top: 30px;
  left: 0px;
  background: #efe6ff;}

.module .h3 {
  display: none;
}

/*Títulos de módulos*/
#widtitu {
display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px; 
}

#nave a {
  width:200px;
  margin-top:3px;
  background: #d1730a;
  color: #372945;
  font-family: arial;
  padding: 4px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  display: inline-block;
  transition: 0.5s;
}

#nave a:hover{
  background: #372945;
  color: #d1730a;
  transition: 0.5s;
}

/*Últimos Temas */
#comments_scroll_div{
padding: 8px;
background: transparent;
color: #ffffff; 
background-color: #d3cae2;
outline: 1px solid #c5bad7;
outline-offset: -5px;
margin-top:5px;
height: 300px;
}

/* Titulo de las páginas */
h1.page-title {
  line-height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  outline-offset: -8px;
  font-weight: bold;
  font-size: 50px;
  font-family: 'Berkshire Swash';
  color: #372945;
  text-transform: none;
  line-height: 100%;
  text-shadow: 1px 1px 1px #9EB9C3;
  text-align: center;
  background-image: url("http://i.imgur.com/QsB9yqV.png");
border-top: 5px solid #372945;}
 
h1.page-title a {
  text-decoration: none;
  color: #372945;
}

/*Titlos */
.h3 {
  line-height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  color: #372945;
  outline-offset: -8px;
  font-weight: bold;
  font-size: 40px;
  font-family: 'Berkshire Swash';
  text-transform: none;
  line-height: 100%;
  text-shadow: 1px 1px 1px #9EB9C3;
 }
 
.h3 a {
  text-decoration: none;
  color: #F3F2ED;
}
 
.h3 a:hover {
  text-decoration: none;
  color: #F3F2ED;
}
 
/*PÁGINAS*/
.forumbg .row{
  background: #c5bad7;
  margin-top: 4px;
  margin-bottom:4px;
  font-family: 'Calibri';
  font-size: 12px;
  color: #8e5d83;
}

a.topictitle {
  font-family: 'Calibri';
  font-size: 20px;
    font-variant: small-caps;
  color: #571B3C;
}

a.topictitle:hover {
  color: #d1730a;
  font-size: 20px;
    font-variant: small-caps;
  text-decoration: none;
}

/*titulo de los temas*/
#post-tite {
margin: 1px;
padding: 10px;
margin-bottom: 5px;
}

.postcompleto {border-bottom: 5px solid #372945;
border-top: 5px solid #372945;}
 
.postbody .topic-title a {
background-color: #372945;
  margin: 1px;
  padding: 10px;
  display: block;
  font-family: 'Quicksand';
  font-size: 18px;
  text-align: center;
  text-transform: none;
  margin-bottom: 3px;
  color: #fdecfe;
}

/*autor de los mensajes*/
p.author {
  background: #d3cae2;
  outline: 1px solid #BDBDBD;
  margin: 1px;
  padding: 10px;
  display: block;
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #333;
  text-align: center;
  text-transform: uppercase;
}

/*editar-citar-borrar*/
.postbody ul.profile-icons {
  margin-top: -27px;
  margin-right: 0px;
}
 
.boton {
  width: 90px; 
  line-height: 20px;
  display: inline-block;
  background: #251741;
  margin: 1px; 
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #efe6f3;
  text-align: center;
  text-transform: uppercase;
}

.boton:hover {
  width: 90px; 
  line-height: 20px;
  display: inline-block;
  background: #efe6ff;
  margin: 1px; 
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #372945;
  text-align: center;
  text-transform: uppercase;
}
/*cuerpo del mensaje*/
.postbody {
clear: both;
color: #251741;
float: left;
line-height: 1.48em;
padding: 0;
width: 700px;
padding: 10px;
}
 
/*cuerpo de las respuestas*/
.postbody .content {
  background: #efe6ff;
font-size: 16px;
font-family: 'Calibri';
font-wight: lighter;
color: #251741;
line-height: 16px;
padding:30px;
text-align: justify;
margin-top: 4px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #d3cae2;
outline: 1px solid #c5bad7;
outline-offset: -5px;
margin: 1px;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
  padding: 5px;
}
 
dl.codebox dt {
display:block;
text-align: center;
font: 8px 'verdana';
text-align: uppercase;
background: #d3cae2;
color:#372945;
padding: 5px;
margin-bottom: 3px;
  text-align:center;
}
 
dl.codebox dt a {color: #5a3216; }

dl.codebox code, .spoiler_content.hidden {
color:#372945;
font-size:12px;
background-color: #efe6ff;
outline: 1px solid #d3cae2;
outline-offset: -5px;
margin: 1px;
padding: 8px;
line-height: 12px;
text-align: justify;
}

blockquote {
outline: 1px solid #372945;
margin: 1px;
color: #372945;
}

.content blockquote, .content blockquote div {
  color: #372945;
  display: block;
  background: #d3cae2;
  margin: 1px;
}

blockquote div {margin-left: 0px; }
 
blockquote cite {
display: block;
font-family: verdana;
font-size: 11px;
color: #fff;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
padding: 5px;
background: #372945;
margin-bottom: 5px;
}

blockquote blockquote {
  background: #fcfcfc;
  border: 1px solid #f3f3f3;
}

/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #372945;
border: 2px solid #5a3216;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
 
.pagination span strong {
background-color: #efe6ff;
border: 2px solid #372945;
color: #372945;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}
 
.pagination span a:hover {
background-color: #efe6ff;
border: 2px solid #372945;
color: #372945;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}

/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #372945;
border: 0px;
color: #d3cae2;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
 
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: #efe6ff;
border: 0px;
color: #372945;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 10px;
text-transform: uppercase;
}

/*formulario*/
.inputbox, select {
background-color: #fff;
outline: 1px solid #efe6ff;
border: 5px solid #efe6ff;
margin: 1px;
padding: 5px 10px;
color: #372945;
display: inline-block;
font-family: verdana;
font-size: 10px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 0;
}

/*rutas*/
.pathname-box {
float: center;
width: 918px;
background-color: #c5bad7;
border: 1px solid #372945;
margin: 1px;
padding: 5px 10px;
color: #5a3216;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/*titles*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 0px 4px;
background-color: #5a3216;
color: #efe6ff;
font-family: verdana;
font-size: 8px;
line-height: 20px;
text-transform: uppercase;
max-width: 200px;
text-align: center;
}
 
.tipsy-arrow {
position: absolute;
background: url('') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #d1730a;
  border: 2px solid #c5bad7;
  height: auto;
  width: 5px;
}
 
::-webkit-scrollbar {
  background-color: #d1730a;
  border: 4px solid #c5bad7;
  height: 10px;
  width: 10px;
}

.copyright a {
  padding: 5px;
  background: #251741;
  outline: 1px solid #efe6f3; 
  border: 2px solid #efe6f3;
  margin: 1px; 
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #fff;
  text-align: center;
  text-transform: uppercase; 
  font-weight: lighter;
}

/*Elimina la cantidad de ediciones de un mensaje*/
#editado {display: none;}

/* Perfiles */
#TAB3 img {
  margin-bottom: 5px;
}
 
span.label {
  display: block;
  background: #372945;
  padding: 5px;
  width: 190px;
  line-height: 100%;
  margin-top: 5px;
}
 
#TAB2 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  overflow-y: auto;
}
 
#tabs_content_container {
  width: 200px;
  overflow: hidden;
  height: 400px;
}

.tab_content {
  width: 200px;
  height: 400px;
  overflow: hidden;
}

.username { 
background: #c5bad7;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
display: block;
text-align: center;
width: 190px;
text-transform: none;
padding: 5px;
font-size: 25px;
font-family: 'Berkshire Swash';
font-weight:bold;
}

.leyenda
{display:block;
background: #d1730a;
text-align:center;
padding: 5px;
font-size:8px;
text-transform: uppercase;
letter-spacing: 5px;
}

.rango
{
  display: block;
  text-align: center;
  width: 200px;
  text-transform: none;
  padding-top: 5px;
  font-size: 15px;
  padding-bottom: 5px;
  color: #efe6ff;
  background: #372945;
  text-decoration: none;
}

.postprofile:hover a {
  text-decoration: none;
}
 
#pestanas {list-style: none; display: table; margin-top: -5px; background: #c5bad7; width: 200px;}
#pestanas li {display: table-cell; margin:0px;}
#pestanas li a {
  display: inline-block;
  width: 66.6px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 5px;
  font-size: 8px;
  padding-bottom: 5px;
  text-decoration: none;
}
 
.topic-actions {
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
  font-size: 9px;
}
 
ul.forums .icon {
background-position: 337px 100% !important;
}
 
#cp-main h1 {
  outline: none;
  padding-top: 15px;
  padding-bottom: 15px;
}
 
.postprofile {
  width: 200px;
  padding: 10px;
  background: #d3cae2;
  margin-right: -5px;
}
 
.postprofile dt a img {
  margin-left: -8px;
  max-width: 200px;
}

/* ChatBox*/
.chatbox {
  background: #efe6ff;
  width:100%;
}

#chatbox_header {
    width:100%;
    background: #372945;
  color: #efe6ff;
}

#chatbox_footer {
    width:100%;
background: #c5bad7;
}

#chatbox_members {
  background: #efe6ff;
  margin: 0px;
}

#chatbox {
    width:100%;
  margin-top: 2px;
}

a.chat-title {
  font-family: 'Berkshire Swash';
  color: #efe6ff;
}

/* Capa del avatar */
#chatbox > p {
border-bottom: transparent !important;
}

#chatbox .cb-avatar > img {
height: 65px !important;
width: 35px !important;
  }

#chatbox > p.chatbox_row_2.clearfix > span.user-msg > span.cb-avatar, #chatbox > p.chatbox_row_1.clearfix > span.user-msg > span.cb-avatar {
height: 65px !important;
width: 35px !important;
  background: #372945;
  border: 1px solid #372945 !important;
}

/* Tamaño de los mensajes */
#chatbox {
  font-size: 13px;
  width:auto;
}

/* Tamaño nombres de los conectados */
#chatbox_members ul li {
    font-size: 13px;
}

/* Espacio donde escribes */
#chatbox_messenger_form input[type="text"] {
    font-size: 12px;
  background: #eff4f5;
    height: 20px; /* altura */
    width: 400px; /* anchura */
  border: 1px solid #eff4f5 !important;
}

/*Estadísticas*/
 .sta
{ display: block;
  background: #5a3216;
  color: white;
  font-family: 'Berkshire Swash';
  font-size: 40pt;
  padding: 10px;
  text-align:center;
  border-left: 100px solid #372945;
  border-right: 100px solid #372945;
}

.sta a {color: white;}

.stat {display:block;
height: auto;
background: #c5bad7;
margin: 10px;
padding:5px;}

.conectados {
display:block;
height: auto;
background: #efe6ff;
padding:5px;
margin: 5px;
}

.ultimos {
display:block;
height: auto;
background: #efe6ff;
padding:5px;
  margin: 5px;
}

.titulo {
display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px;}

.titulo2 {width:500px;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px;}

.record {display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
  text-transform: uppercase;
font-size:8px;
margin-bottom: 5px;}

.subtitulo{display:block;
background: #856dab;
  color:#efe6ff
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
  text-transform: uppercase;
font-size:12px;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;}

.poste {display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
font-size:8px;
margin: 2px;}

.static
{display:block;
background:#d3cae2;
text-align:justify;
padding: 5px;
height: 130px;
overflow:auto;}

.statico
{display:block;
background:#d3cae2;
text-align:justify;
padding: 5px;
height: auto;
overflow:auto;}

.grup
{display:block;
width: 120px;
text-align:center;
padding: 5px;
border: 2px solid #efe6ff;
text-transform: uppercase;
letter-spacing: 3px;
font-wight: bold;
margin: 2px;}

.grupo
{display:block;
background:#d3cae2;
text-align:justify;
padding: 5px;
height: 160px;
overflow:auto;}

.grupos{
display:block;
width: 200px;
text-align:center;
padding: 3px;
border: 2px solid #efe6ff;
text-transform: uppercase;
letter-spacing: 3px;
font-wight: bold;
margin: 2px;}

/* A F I L I A D O S  A L  P I E */
#af-base {
display:block;
height: auto;
background: #c5bad7;
margin: 10px;
}
 
 
#af-her, #af-dir, #af-vip, #af-nor {
display:block;
height: auto;
background: #efe6ff;
padding:5px;
margin: 5px;
}
 
#af-her, #af-nor {width: 320px;}
#af-vip {width:593px;}
 
#af-t1, #af-t2, #af-nor a {
display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px;
}
 
#af-her img, #af-dir img, #af-vip img {
outline: 1px solid #f3f3f3;
border: 5px solid #c5bad7;
margin: 1px;
display: inline-block;
width: 50px;
height: 90px;
overflow: hidden;
margin-right: 3px;
margin-top: 3px;
}
 
#af-dir img {height: 50px; }
#af-vip img {
  width: 41.7px;
  height: 41.7px;
  border: 4px solid #c5bad7;
}
 
#af-nor a {
outline: 1px solid #f3f3f3;
border: 5px solid #c5bad7;
margin: 1px;
line-height: 17px;
}

/* Staff */
.staff {
display:block;
background: #d3cae2;
text-align:justify;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
  margin: 5px;}


#staffnom {
text-align:center;
outline-offset: -5px;
padding: 10px;
  font-family: 'Berkshire Swash';
font-size: 15px;
  color: #5a3216;
  text-shadow: 0px 0px 3px #efe6ff;}

#descstaff{
text-align:justify;
  display: block;
  margin: 3px;
outline-offset: -5px;
padding: 5px;
background: #c5bad7;}

#textotab{
text-align:justify;
  display: block;
  margin: 3px;
outline-offset: -5px;
padding: 10px;
background: #efe6ff;
font-size: 12px;}

.imgstaff {
  outline: 1px solid #f3f3f3;
border: 5px solid #d3cae2;
margin: 1px;
overflow: hidden;
margin-right: 5px;
  margin-top: 3px;}

.contact{
  display: block;
  background: #d1730a;
  color: #372945;
  padding: 5px;
  text-align:center;
  margin-top: 5px;
  font-size: 8px;
  text-transform:uppercase;
  transition:.5s;
}

.contact:hover{
  display: block;
  background: #372945;
  color: #d1730a;
  padding: 5px;
  text-align:center;
  margin-top: 5px;
  font-size: 8px;
  text-transform:uppercase;
  transition:.5s;
}

/*Mensajes Privados*/
ul#picture_legend li, ul#privmsgs-menu li {
display: inline-block;
  background-color: #efe6ff;
outline: 1px solid #d3cae2;
outline-offset: -5px;
  padding: 10px;
}

/*PÁGINA DE PERFIL */
.perfil1 {display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
  letter-spacing: 5px;}

.perfil2 {display: inline-block;
  width: 450px;
background: transparent;
text-align:center;
  padding: 10px;
  font-size:15px;
  font-weight: bold;}

.perfil3 {display:block;
background: transparent;
text-align:center;
 padding: 10px;
  font-size:15px;
  font-weight: bold;}

.perfil4 {
background: #d3cae2;
  width: 150px;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
  letter-spacing: 5px;}

.perfil5 {
    width: 400px;
background: #d3cae2;
text-align:center;
  padding: 10px;}
.perfilescom
{display:block;
background: #efe6ff;
text-align:center;
border: 5px solid #d3cae2;
padding: 10px;}

.contacte a{
display: inline-block;
  width: 50%;
  background: #d1730a;
  color: #372945;
  padding: 5px;
  text-align:center;
  margin: 5px;
  font-size: 10px;
  text-transform:uppercase;
  transition:.5s;
}

.contacte a:hover{
display: inline-block;
  background: #372945;
  color: #d1730a;
  padding: 5px;
  text-align:center;
  margin-top: 5px;
  font-size: 10px;
  text-transform:uppercase;
  transition:.5s;
}

#separ {
  width: auto;
  height: 20px;
  border-bottom: 2px dotted #866dab;
  text-align: center;
  font: 16px 'cinzel';
  color: #866dab;
  line-height: 20px;
  font-weight: bold;}

/*Tablón de Anuncios*/
.tabase{display:block;
height: auto;
background: #c5bad7;
  margin-top:-100px;
 margin-left: 10px;
  margin-right: 10px;
padding:5px;}

.tabnoti{display:block;
height: 410px;
  overflow:auto;
background: #efe6ff;
padding:5px;
margin: 1px;}

.tabcon{display:block;
height: auto;
background: #efe6ff;
padding:5px;
margin: 5px;}

.tabtit{display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px;}

.noti{display:block;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
}

.fecha{display:block;
background: #d3cae2;
  font-family: 'Berkshire Swash';
  font-size:25px;
  color: #5a3216;
text-align:center;
padding: 10px;
  text-transform: uppercase;}

.notite{display:block;
  width:150px;
  max-height:150px;
  oveflow:auto;
background: #c5bad7;
  font-size:12px;
text-align:justify;
padding: 10px;
}

.reglitas{display:block;
  width:300px;
  max-height:140px;
  overflow:auto;
background: #d3cae2;
  font-size:12px;
text-align:justify;
padding: 10px;
}

.temporada{display:block;
  width:300px;
  max-height:140px;
  overflow:hidden;
background: #d3cae2;
  font-size:12px;
text-align:justify;
padding: 10px;
}

.censo{display:block;
  width:260px;
  oveflow:auto;
background: #d3cae2;
  font-size:12px;
text-align:justify;
padding: 10px;
}

.censito {display:block;
background: #c5bad7;
width:260px;
text-align:left;
outline: 1px solid #efe6ff;
outline-offset: -2px;
padding:2px;
}

.raza {width:550px;
  height:150px;
border: 10px solid #d3cae2;
outline: 1px solid #efe6ff;
  overflow:hidden;
outline-offset: -5px;
transition: 1s;
}

.razaname {display:block;
  width:400px;
  position:absolute; 
  margin-top: -120px;
  margin-left: 80px;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px;
  font-weight: bold;
opacity:.7;
transition:1s;}

.razadesc {display: block;
  width:548px;
  max-height:300px;
background: #d3cae2;
  margin-top: -20px;
  padding:10px;
  text-align: justify;
  font-size: 12px;
overflow:auto;}


.semi {width:550px;
  height:100px;
border: 10px solid #d3cae2;
outline: 1px solid #efe6ff;
  overflow:hidden;
outline-offset: -5px;
transition: 1s;
}

.seminame {display:block;
  width:400px;
  position:absolute; 
  margin-top: -90px;
  margin-left: 80px;
background: #d3cae2;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
text-transform: uppercase;
letter-spacing: 5px;
  font-weight: bold;
opacity:.7;
transition:1s;}

.semidesc {display: block;
  width:548px;
  height: auto;
background: #d3cae2;
  margin-top: -20px;
  padding:10px;
  text-align: justify;
  font-size: 12px;
overflow:auto;}

/* EXPEDIENTE PARA EXPERTOS */

.nombre {display:block;
background: transperent;
font-family: 'Berkshire Swash';
  font-size:50px;
  color: #efe6ff;
text-align:center;
    text-shadow: 1px 1px 2px #372945;
}

.expediente {width:600px;
  height:580px;
background: #d3cae2;
outline: 1px solid #efe6ff;
  padding:20px;
  overflow:hidden;
outline-offset: -5px;}

.cronologia {width:600px;
  height:590px;
background: #d3cae2;
outline: 1px solid #efe6ff;
  padding:10px;
  overflow:hidden;
outline-offset: -5px;}

.relaciones {width:600px;
  min-height:590px;
background: #d3cae2;
outline: 1px solid #efe6ff;
  padding:10px;
  overflow:hidden;
outline-offset: -5px;}

.imgexp{width:250px;
  height:570px;
border: 5px solid #efe6ff;
  position:relative;
  top: -580px;
  left:0px;
  opacity:1;
  transition: 1s;
}

.efecto:hover .imgexp{width:250px;
  height:570px;
border: 5px solid #efe6ff;
  position:relative;
  top: -580px;
  left: -250px;
  opacity:0;
    transition: 1s;}

.efecto2:hover .titexp{
  opacity:1;
transition: 1s;}

.infoexp {width:220px;
  height:540px;
background: #efe6ff;
  outline: 1px solid #c5bad7;
  outline-offset: -5px;
  padding:20px;
  overflow:hidden;
outline-offset: -5px;}

.iconexp {width:180px;
  height:180px;
  margin-left: 13px;
  overflow:hidden;
  border: 5px solid #c5bad7;
  border-radius:100%;
  transform: rotate(0deg);
  transition: 1s;}

.iconexp:hover {
  border-radius:100%;
  transform: rotate(360deg);
  transition: 1s;}

.vipimg {width:150px;
  height:150px;
  margin-left: 13px;
  overflow:hidden;
  border: 5px solid #c5bad7;
  border-radius:100%;
  transform: rotate(0deg);
  transition: 1s;}

.vipimg:hover {
  border-radius:100%;
  transform: rotate(360deg);
  transition: 1s;}


.pb {display:block;
background: #856dab;
  color: #efe6ff;
  padding: 5px;
  text-align:center;
  outline: 1px solid #c5bad7;
  outline-offset: -5px;}

.datosexp{display:block;
  margin-top:10px;
  height:280px;
background: #d3cae2;
padding:10px;
overflow:auto;}

.dato {display: block;
background: #d1730a;
color:#372945;
  padding:5px;
text-transform: uppercase;
  text-align: center;
  font-size:12px;
  transition: 1s
}

.dato:hover {display: block;
background: #372945;
color:#d1730a;
  padding:5px;
text-transform: uppercase;
  text-align: center;
  font-size:12px;
  transition: 1s;
}

#cronolink a {
  width:190px;
  margin-top:3px;
  background: #d1730a;
  color: #372945;
  font-family: arial;
  padding: 4px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  display: inline-block;
  transition: 0.5s;
}

#cronolink a:hover{
  background: #372945;
  color: #d1730a;
  transition: 0.5s;
}
.titexp {
display:block;
background: #c5bad7;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
 font-size:12px;
text-transform: uppercase;
letter-spacing: 5px;
opacity:.5;
transition: 1s;}

.titexp2 {
display:block;
background: #c5bad7;
text-align:center;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
 font-size:12px;
text-transform: uppercase;
letter-spacing: 5px;
}

.titexp3 {
display:block;
height: 100px;
overflow: auto;
margin-top: 25px;
background: #c5bad7;
text-align:justify;
outline: 1px solid #efe6ff;
outline-offset: -5px;
padding: 10px;
font-size:12px;
letter-spacing: 3px;
opacity:.5;
transition: 1s;}

.desc1 {width: 160px;
  height: 200px;
  overflow: auto;
background: #c5bad7;
  text-align:justify;
  font-size: 11px;
padding:5px;
opacity:.5;
transition: 1s;}

.desc2 {display:block;
  max-height: 140px;
  overflow: auto;
background: #c5bad7;
  text-align:justify;
  font-size: 11px;
padding:5px;
transition: 1s;}

.desc3 {display:block;
  max-height: 75px;
  overflow: auto;
background: #c5bad7;
  text-align:justify;
  font-size: 11px;
padding:5px;
transition: 1s;}

.historia {display:block;
  height: 280px;
  overflow: auto;
background: #c5bad7;
  text-align:justify;
  font-size: 11px;
  margin-left: 5px;
  margin-right: 5px;
padding:5px;
opacity:.5;
transition: 1s;}

.crono {display:block;
  width: 200px;
  height: 530px;
  overflow: auto;
background: #c5bad7;
  text-align:justify;
  font-size: 11px;
padding:5px;
opacity:.5;
transition: 1s;}

.relas {display:block;
  width: 200px;
  height: 250px;
  overflow: auto;
background: #c5bad7;
  text-align:center;
  font-size: 12px;
padding:5px;
opacity:.5;
transition: 1s;}

.relas2 {display:block;
  width: 400px;
  height: 150px;
  overflow: hidden;
background: #c5bad7;
  text-align:center;
  font-size: 12px;
padding:5px;
opacity:.5;
transition: 1s;}

.efecto2:hover .titexp{
  opacity:1;
transition: 1s;}

.efecto2:hover .desc1{
  opacity:1;
transition: 1s;}

.efecto2:hover .historia{
  opacity:1;
transition: 1s;}

.efecto2:hover .crono{
  opacity:1;
transition: 1s;}

.efecto2:hover .relas{
  opacity:1;
transition: 1s;}

.efecto2:hover .vipimg{
  opacity:1;
transition: 1s;}

.efecto2:hover .relas2{
  opacity:1;
transition: 1s;}

.efecto2:hover .titeexp3{
  opacity:1;
transition: 1s;}
/* EXPEDIENTE DE WONDERLAND*/

.wnombre {display:block;
background: transperent;
font-family: 'Berkshire Swash';
  font-size:50px;
  color: #9900cc;
text-align:center;
    text-shadow: 1px 1px 2px #372945;
}

.wnombre:hover {color: #372945;
    text-shadow: 1px 1px 2px #9900cc;}

.wtitulo {margin-top: 20px;
  font-variant: small-caps;
  font-family: Times New Roman;
  font-size:40px;
  color: #fff;
  text-shadow: 1px 1px 2px #372945;
}

.wtodo {background-image: url('http://i.imgur.com/QF2Qb4b.png');
padding: 30px;}

.wexpediente {display:block;
  background: #600080;
height:auto;
padding:20px;
text-align:left;}

.wcuerpo {display:block;
background: #000;
  border-left: 10px solid #9900cc;
  border-right: 10px solid #9900cc;
  border-radius: 10px;
height:auto;
padding:20px;
color:#ababab;
  font-family: Times New Roman;
text-align:justify;}

.wcuerpo img{  border-left: 10px solid #9900cc;
  border-right: 10px solid #9900cc;}

/* EXPEDIENTE DE MUNICH*/

.mnombre {display:block;
background: transperent;
font-family: 'Berkshire Swash';
  font-size:50px;
  color: #0055ff;
text-align:center;
    text-shadow: 1px 1px 2px #e6eeff;
}

.mnombre:hover {color: #e6eeff;
    text-shadow: 1px 1px 2px #0055ff;}

.mtitulo {margin-top: 20px;
  font-variant: small-caps;
  font-family: Times New Roman;
  font-size:40px;
  color: #002066;
  text-shadow: 1px 1px 2px #0055ff;
}

.mtodo {background-image: url('http://i.imgur.com/7bT8z66.png');
padding: 30px;}

.mexpediente {display:block;
  background: #e6f2ff;
height:auto;
padding:20px;
text-align:left;}

.mcuerpo {display:block;
background: #ccdcff;
  border-left: 10px solid #0055ff;
  border-right: 10px solid #0055ff;
  border-radius: 10px;
height:auto;
padding:20px;
color:#002066;
  font-family: Times New Roman;
text-align:justify;}

.mcuerpo img{  border-left: 10px solid #0055ff;
  border-right: 10px solid #0055ff;}
   
/*EXPEDIENTE DE WONDERLAND2 */

.w2nombre {display:block;
background: transperent;
    font-family: 'Petit Formal Script';
  font-size:40px;
  color: #c5bad7;
text-align:center;
  background: #600080;
outline: 2px solid #000;
  padding:20px;
  overflow:hidden;
outline-offset: -5px;
    text-shadow: 1px 1px 2px #000;}

.w2pb {margin-top: 20px;
  font-size:12px;}

.w2todo {display:block;
width:600px;
  height:auto;
background: #600080;
outline: 2px solid #372945;
  padding:20px;
  overflow:hidden;
outline-offset: -5px;}


.w2dato {display:block;
  width: 150px;
background: #372945;
  margin:10px;
  height:auto;
padding:10px;
color:#9900cc;
  font-family: Times New Roman;
text-align:center;}

.w2dato:hover {background: #9900cc;
color:#372945;}

.w2expediente{width:620px;
  height:680px;
  padding: 10px;
  background-image: url('http://i.imgur.com/UHPFHZW.png');
border-bottom: 10px solid #600080;}

.w2info {width: 500px;
  height: 150px;
  overflow:auto;
  padding:10px;
  color: #efe6ff;
  text-align:justify;
  background: #600080;
opacity: .7}

.w2titulo {display: block;
  padding:10px;
    margin-top: 10px;
  font-size:30px;
  color: #372945;
text-align:center;
  font-family: 'Petit Formal Script';
text-shadow: 1px 1px 2px #000;}

/*EXPEDIENTE DE Munich2 */

.m2nombre {display:block;
    font-family: 'Petit Formal Script';
  font-size:40px;
  color: #002066;
text-align:center;
  background: #ccdcff;
outline: 2px solid #002066;
  padding:20px;
  overflow:hidden;
outline-offset: -5px;
    text-shadow: 1px 1px 2px #002066;}

.m2pb {margin-top: 20px;
  font-size:12px;}

.m2todo {display:block;
width:600px;
  height:auto;
  background: #ccdcff;
outline: 2px solid #002066;
  padding:20px;
  overflow:hidden;
outline-offset: -5px;}


.m2dato {display:block;
  width: 150px;
background: #0055ff;
  margin:10px;
  height:auto;
padding:10px;
color:#e6eeff;
  font-family: Times New Roman;
text-align:center;}

.m2dato:hover {background: #002066;
color:#e6eeff;}

.m2expediente{width:620px;
  height:680px;
  padding: 10px;
  background-image: url('http://i.imgur.com/E6vDifI.png');
border-bottom: 10px solid #002066;}

.m2info {width: 500px;
  height: 150px;
  overflow:auto;
  padding:10px;
  color: #002066;
  text-align:justify;
  background: #ccdcff;
opacity: .7}

.m2titulo {display: block;
  padding:10px;
    margin-top: 10px;
  font-size:30px;
  color: #002066;
text-align:center;
  font-family: 'Petit Formal Script';
text-shadow: 1px 1px 2px #000;}

/*Paleta de Colores*/

.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  padding: 0 !important;   
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0 !important;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker.dark .colorpicker_hex {
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
  top: 52px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
  top: 82px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
  top: 112px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px; 
 overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
.colorpicker { z-index: 3; }



Última edición por Nyx el Miér Ago 31, 2016 1:46 am, editado 1 vez
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Lun Jun 27, 2016 1:02 am

Templates

index_body
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- BEGIN message_admin_titre -->
 <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
 <!-- END message_admin_txt -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="stat">
 <table border="0" cellspacing="0"><tr><td><div class="conectados">
   <div class="record">{RECORD_USERS}</div>
   <div class="titulo">Lazos Recientes</div><div class="static">{L_ONLINE_USERS}{LOGGED_IN_USER_LIST}</div>
   </div>
   <div class="ultimos"><div class="titulo">Los Últimos Lazos</div>
   <div class="static">{L_CONNECTED_MEMBERS}
     {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</div>
</div>
   </td>
<td>
<div class="conectados"><table border ="0" cellspacing="0"><tr><td>
  <div class="poste">{TOTAL_POSTS}</div>
  </td><td>
  <div class="poste">{TOTAL_USERS}</div>
  </td></tr></table>  
  <div class="poste">{CURRENT_TIME}</div><div class="poste">{NEWEST_USER}</div>  
</div>
  <div class="conectados">
    <div class="poste"><table border="0" cellspacing="5" width="100%"><tr><td>
      <div class="grup" style="background:#9103AD; color:white;">Administradores</div></td><td>
      <div class="grup" style="background:#ABABAB; color:white;">Ausentes</div></td><td>
      <div class="grup" style="background:#000000; color:white;">Inactivos</div></td></tr></table></div>
    <table border="0" cellspacing="5" width="100%"><tr><td>
    <div class="titulo">Munich, Alemania</div><div class="grupo">
      <div class="grupos" style="background:#0055ff;">Estudiantes</div>
      <div class="grupos" style="background:#0090ff;">Profesores</div>
      <div class="grupos" style="background:#02c28e;">Trabajadores</div>
      <div class="grupos" style="background:#e19702;">Einwohner</div>
      <div class="grupos" style="background:#e17002;">Schlacke</div>
      <div class="grupos" style="background:#db0000;">Mafias</div>
      </div></td><td><div class="titulo">Wonderland</div><div class="grupo">
      <div class="grupos" style="background:#562e02; color:#ffffff;">Terrenales</div>
      <div class="grupos" style="background:#7c0202; color:#ffffff;">Míticos</div>
      <div class="grupos" style="background:#010164; color:#ffffff;">Oscuros</div>
      <div class="grupos" style="background:#750239; color:#ffffff;">Mágicos</div>
      <div class="grupos" style="background:#2c4c02; color:#ffffff;">Impuros</div>
      <div class="grupos" style="background:#3f5b5d; color:#ffffff;">Pesadillas</div></div></td></tr></table></div>
  </td></tr></table>
  
</div>
 <div class="stat"><div class="conectados"><!-- BEGIN switch_chatbox_activate -->
 <div class="titulo"><a href="{S_JOIN_CHAT}" target="ChatBox">✵ ChatBox</a></div>
          <!-- BEGIN switch_chatbox_popup -->
 <div class="record"><div id="chatbox_popup"></div>
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                  </script></div>
 <!-- END switch_chatbox_popup -->
 <div class="page-bottom">
 <div class="statico">{TOTAL_CHATTERS_ONLINE} : 
          {CHATTERS_LIST}</div><br />
 </div>
 
 <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

          <div class="statico">{CHATBOX_BOTTOM}</div>
</div></div>
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />


{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

overall_header
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta http-equiv="content-style-type" content="text/css" />
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

 <!-- BEGIN switch_fb_login -->
 <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->

 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
 <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});

 switch( tickerDirParam )
 {
 case 'top' :
 slid_vert = true;
 break;

 case 'left':
 break;

 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;

 case 'right':
 auto_dir = 'prev';
 break;

 default:
 slid_vert = true;
 }

 $(document).ready(function() {

 $('#fa_ticker_content').css('display','block');

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0)
 {
 $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
 if ($(this).width() > width_item)
 {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });

 if (slid_vert)
 {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each( function () {
 if ($(this).height() > height_max)
 {
 height_max = $(this).height();
 }
 } );

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
 $('ul#fa_ticker_content li').height(height_max);
 }


 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 }
 else
 {
 $('ul#fa_ticker_content li:not(:first)').css('display','none');
 $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->

 <script type="text/javascript">//<![CDATA[
 $(document).ready(function(){
 <!-- BEGIN switch_enable_pm_popup -->
 pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
 if(pm != null) { pm.focus(); }
 <!-- END switch_enable_pm_popup -->
 <!-- BEGIN switch_report_popup -->
 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
 if(report != null) { report.focus(); }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(document).ready(function() {
 Ticker.start({
 height : {switch_ticker.HEIGHT},
 spacing : {switch_ticker.SPACING},
 speed : {switch_ticker.SPEED},
 direction : '{switch_ticker.DIRECTION}',
 pause : {switch_ticker.STOP_TIME}
 });
 });
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
 $(window).resize(function() {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth/2 - popupWidth/2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <style type="text/css">
 #page-footer, div.navbar, div.navbar ul.linklist {
 display: block !important;
 }
 ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
 display: inline !important;
 }

 <!-- BEGIN switch_ticker_new -->
 .jcarousel-skin-tango .jcarousel-item {
 text-align:center;
 width: 10px;
 }

 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }

 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 <!-- END switch_ticker_new -->
 </style>
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 var _gaq = _gaq || [];
 _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
 _gaq.push(["_trackPageview"]);
 _gaq.push(['_trackPageLoadTime']);

 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->

 (function() {
 var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
 ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
 var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
 })();
 //]]>
 </script>
 <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br />
 <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>

 </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <div class="h3">{SITENAME}</div>
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button1" value="{L_LOGIN}" />
 <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
 <a id="top" name="top" accesskey="t"></a>
 {JAVASCRIPT}

 <div id="page-header">
 <div class="headerbar">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div id="logo-desc">
 <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_h1 -->
 <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
 <!-- END switch_h1 -->
 <!-- BEGIN switch_desc -->
 <p>{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
 </div>

 <span class="corners-bottom"><span></span></span></div>
 </div>

 <div class="navbar">
 <div class="inner"><span class="corners-top"><span></span></span>

 <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

 <!-- BEGIN switch_search_box -->
 <div id="search-box">
 <form method="get" action="{ACTION_SEARCH}" id="search">
 <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
 {JS_SESSION_ID_INPUT}
 <input class="button2" type="submit" value="{L_SEARCH}" /></p>
 </form>
 </div>
 <!-- END switch_search_box -->

 <span class="corners-bottom"><span></span></span></div>
 </div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_blockD" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->
 </div>

 <div id="page-body">

 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <div id="container">
 <div id="content">

 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>

 <div id="main">
 <div id="main-content">

topics_list_box
Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">

 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
 {
 alert('MAIN');

 var all_checked = true;

 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
 {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
 {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }

 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }

 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
 {
 alert('ALL');

 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
 {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
 {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }

 </script>
 <!-- END multi_selection -->

 <div class="forumbg announcement">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="headfor">
 <dl class="icon">
 <dt>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 {topics_list_box.row.L_TITLE}
 </dt>
 <dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
 <dd class="views">{topics_list_box.row.L_VIEWS}</dd>
 <dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
 <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

 <!-- BEGIN table_sticky -->
 </ul>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <div class="forumbg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="headfor">
 <dl class="icon">
 <!--<dd class="dterm">-->
 <dd class="dterm" style="padding-left:0;">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 {topics_list_box.row.topic.table_sticky.L_TITLE}
 </dd>
 <dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
 <!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
 <dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
 <dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
 <!-- END table_sticky -->

 <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
 <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
 <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END single_selection -->
 {topics_list_box.row.NEWEST_POST_IMG}
 {topics_list_box.row.PARTICIPATE_POST_IMG} 
 {topics_list_box.row.TOPIC_TYPE}
 <div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>
 <!-- BEGIN switch_description -->
 <br />
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 <!-- END switch_description -->
 <br />
 {topics_list_box.row.GOTO_PAGE_NEW}
 <span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
 </dd>
 <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
 <dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
 <dd class="lastpost">

                    <!-- BEGIN avatar -->
                    <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                    <div style="float:left;">
                    <!-- END avatar -->

 <span>{topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn>
 {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>

                    <!-- BEGIN avatar -->
                    </div>
                    <!-- END avatar -->
 </dd>
 <!-- BEGIN multi_selection -->
 <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END multi_selection -->
 </dl>
 </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
 <dl>
 <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
 </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->


Última edición por Nyx el Miér Ago 31, 2016 2:10 am, editado 1 vez
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:52 am

viewtopic_body
Código:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
 
 
$(function(){
 
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
 
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});
 
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
 
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
                        {
                                if( $(this).is(":visible") )
                                {
                                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                                }
                                else
                                {
                                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                                }
                        });
        }
    }
    catch(e) { }
 
        return false;
};
 
//]]>
</script>
 
<h1 class="page-title">
        <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
        <div class="buttons">
 
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
                <!-- END switch_user_authpost -->
 
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
        </div>
 
        <div class="pathname-box">
                <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
        </div>
 
        <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <script>(function(d, s, id) {
                  var js, fjs = d.getElementsByTagName(s)[0];
                  if (d.getElementById(id)) return;
                  js = d.createElement(s); js.id = id;
                  js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
                <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
                <!-- END switch_fb_likebtn -->
        </p>
 
        <div class="pagination">
                {PAGE_NUMBER}
                 • 
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                 • 
                <script type="text/javascript">//<![CDATA[
                        var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                        var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                        var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                        var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                        var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                        var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                        insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
        </div>
        <div class="clear"></div>
</div>
 
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}
 
<!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
                <div class="post {postrow.hidden.ROW_COUNT}">
                        <div class="inner">
                                <span class="corners-top"><span></span></span>
                                <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
                                <div class="clear"></div>
                                <span class="corners-bottom"><span></span></span>
                        </div>
                </div>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
                <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
                        <div class="postcompleto"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
                        <div class="postbody">
 
                                <ul class="profile-icons">
                                        <li>{postrow.displayed.THANK_IMG}</li>
                                        <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
                                        <li>{postrow.displayed.QUOTE_IMG}</li>
                                        <li>{postrow.displayed.EDIT_IMG}</li>
                                        <li>{postrow.displayed.DELETE_IMG}</li>
                                        <li>{postrow.displayed.IP_IMG}</li>
                                        <li>{postrow.displayed.REPORT_IMG_NEW}</li>
                                </ul>
 
                                <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
                                <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
                                <div class="clearfix"></div>
 
                                <!-- BEGIN switch_vote_active -->
                                <div class="vote gensmall">
                                        <!-- BEGIN switch_vote -->
                                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                                        <!-- END switch_vote -->
 
                                        <!-- BEGIN switch_bar -->
                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                <!-- BEGIN switch_vote_plus -->
                                                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                <!-- END switch_vote_plus -->
 
                                                <!-- BEGIN switch_vote_minus -->
                                                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                <!-- END switch_vote_minus -->
                                        </div>
                                        <!-- END switch_bar -->
 
                                        <!-- BEGIN switch_no_bar -->
                                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                        <!-- END switch_no_bar -->
 
                                        <!-- BEGIN switch_vote -->
                                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                        <!-- END switch_vote -->
                                </div>
                                <!-- END switch_vote_active -->
 
                                <div style="display:none"></div>
                                <div class="content clearfix">
                                        <div>{postrow.displayed.MESSAGE}</div>
                                                <!-- BEGIN switch_attachments -->
                                                <dl class="attachbox">
                                                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                                        <dd class="attachments">
                                                                <!-- BEGIN switch_post_attachments -->
                                                                <dl class="file clearfix">
                                                                        <dt>
                                                                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                                                                        </dt>
                                                                        <dd>
                                                                                <!-- BEGIN switch_dl_att -->
                                                                                <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                                                                                <!-- END switch_dl_att -->
 
                                                                                <!-- BEGIN switch_no_dl_att -->
                                                                                <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                                                                                <!-- END switch_no_dl_att -->
 
                                                                                <!-- BEGIN switch_no_comment -->
                                                                                <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                                                                                <!-- END switch_no_comment -->
 
                                                                                <!-- BEGIN switch_no_dl_att -->
                                                                                <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                                                                                <!-- END switch_no_dl_att -->
 
                                                                                <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                                                                        </dd>
                                                                </dl>
                                                                <!-- END switch_post_attachments -->
                                                        </dd>
                                                </dl>
                                                <!-- END switch_attachments -->
                                </div>
                                {postrow.displayed.EDITED_MESSAGE}
                                <!-- BEGIN switch_signature -->
                                <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                                <!-- END switch_signature -->
                        </div>
 
                        <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                                <!-- div class="online2"></div-->
                                <dl>
                                        <div id='tabs_content_container'><div id='TAB1' class='tab_content' style="display: block;"><dt>
                                                {postrow.displayed.POSTER_AVATAR}
                                              
                                          </dt></div>
                                        <div id='TAB2' class='tab_content' style="display: block;"><!-- BEGIN profile_field -->
                                          <span class="profileField">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
                                                <!-- END profile_field -->
                                                {postrow.displayed.POSTER_RPG}
                                        </div>
                                        <div id='TAB3' class='tab_content' style="display: block;">
                                                {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                                        </div>
                                  </div><br />
                                <ul id='pestanas'><li class='active'> <a href='#TAB1'>Avatar</a></li><li><a href='#TAB2'>Detalle</a></li><li><a href='#TAB3'>Contacto</a></li></ul>
                                  <strong class="username">{postrow.displayed.POSTER_NAME}</strong><div class="rango"><div class="leyenda">{postrow.displayed.POSTER_RANK_NEW}</div>{postrow.displayed.RANK_IMAGE}</div></dl>
                        </div>
 
                        <div class="clear"></div>
 
                        <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
                        <span class="corners-bottom"><span></span></span></div>
                </div>
                <!-- BEGIN first_post_br -->
                <hr id="first-post-br" />
                <!-- END first_post_br -->
        <!-- END displayed -->
<!-- END postrow -->
 
<a name="bottomtitle"></a>
 
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
 
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>
 
<div class="clear"></div>
 
<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>
 
<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
        <span class="corners-top"><span></span></span>
        <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
        <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
        <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
        <span class="corners-top"><span></span></span>
        <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
        <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
        <div class="clear"></div>
        <div>
                <!-- BEGIN link -->
                » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
                <!-- END link -->
        </div>
        <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->
 
<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
        <span class="corners-top"><span></span></span>
        <div class="h3"> {L_FORUM_RULES}</div>
        <div class="clear"></div>
        <table class="postbody">
                <tr>
                        <!-- BEGIN switch_forum_rule_image -->
                        <td class="logo">
                                <img src="{RULE_IMG_URL}" alt="" />
                        </td>
                        <!-- END switch_forum_rule_image -->
                        <td class="rules content">
                                {RULE_MSG}
                        </td>
                </tr>
        </table>
        <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->
 
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
 
<hr />
 
<div class="topic-actions">
        <div class="buttons">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
                <!-- END switch_user_authpost -->
 
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
        </div>
 
        <div class="pathname-box">
                <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
        </div>
 
        <div class="pagination">
                {PAGE_NUMBER}
        </div>
</div>
<div class="clear"></div>
 
<!-- BEGIN viewtopic_bottom -->
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
        <label>{L_JUMP_TO}: </label>
        {S_JUMPBOX_SELECT} 
        <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->
 
<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
        <input type="hidden" name="t" value="{TOPIC_ID}" />
 
        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
        <label>{L_MOD_TOOLS}: </label>
        {S_SELECT_MOD}&nbsp;
        <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->
 
<!-- BEGIN show_permissions -->
        <div class="h3">{L_TABS_PERMISSIONS}</div>
        {S_AUTH_LIST}
<!-- END show_permissions -->
 
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
 
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

profile_view_body

Código:
<h1 class="perfil1">{USERNAME}</h1>
<div class="record">{L_LAST_VISITED}: {LAST_VISIT_TIME}</div>
<div class="perfilescom"><table border=0 cellspacing=5><tr><td>
   <!-- BEGIN profile_field --><div class="perfil1">{profile_field.LABEL}</div>
   <div class="perfil2">{profile_field.CONTENT}<!-- BEGIN profil_type_user_posts --> [{POST_PERCENT_STATS} / {POST_DAY_STATS}]
      <div class="contact"><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a></div>
      <div class="contacte"><a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></div>
      <div class="contacte"><a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><!-- END profil_type_user_posts --></div><!-- END profile_field -->
</td><td valign="top">
      <div class="perfil1">{L_USER_PRESENCE}</div>
      <table border=0 cellspacing=5><tr><td valign="top">
         <div class="perfil1">{L_RANK}</div>
         <div class="perfil3">{POSTER_RANK}</div>
         <!-- BEGIN switch_show_status -->
         <div class="perfil1">{L_STATUT}:</div><div class="perfil3">{USER_ONLINE}</div>
         <!-- END switch_show_status -->
         <div class="perfil1">Administrar</div>
         <!-- BEGIN switch_auth_user -->
         <div class="contacte">{ADMINISTRATE_USER}</div>
         <div class="contacte">{BAN_USER}</div>   
         <!-- END switch_auth_user -->
         <div class="perfil1">Amigos</div>
         <!-- BEGIN switch_allow_friendsfoes -->
         <div class="contact">{FRIENDSFOES}</div>
         <!-- END switch_allow_friendsfoes -->
         <div class="perfil1">Contacto:</div>
         <!-- BEGIN contact_field -->{contact_field.CONTENT}<!-- END contact_field -->
      </td><td valign="top">
         <div class="perfil1">{L_AVATAR_IMG}</div>
{AVATAR_IMG}
</td></tr></table>
  </div></td></tr>
</table></div>
      <!-- BEGIN switch_admin_user_comment_active -->
      <dl class="details">
         <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
         <dd><textarea class="inputbox" name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
      </dl>
      <fieldset class="submit-buttons">
         <input type="hidden" value="update_admin_user_comment" name="mode" />
         <input type="hidden" value="{USER_ID}" name="userid" />
         <input type="submit" class="button2" name="user_comment_maj" value="{L_UPDATE}" />
      </fieldset>
      <!-- END switch_admin_user_comment_active -->
<!-- BEGIN switch_rpg -->
<h1 class="page-title">{L_VIEWING_RPG}</h1>
<div class="panel bg1">
   <div class="inner"><span class="corners-top"><span></span></span>

   <p style="text-align: center;">{RPG_IMAGE}</p>
   <hr />

   <!-- BEGIN rpg_fields_left -->
   <div class="column1">
      <dl class="details">
         <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
         <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
      </dl>
   </div>
   <!-- END rpg_fields_left -->

   <!-- BEGIN rpg_fields -->
   <div class="column2">
      <dl class="details">
         <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
         <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
      </dl>
   </div>
   <!-- END rpg_fields -->
   <div class="clear"></div>
   <fieldset class="submit-buttons">
      {U_ADMIN_RPG_NEW}
   </fieldset>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_rpg -->
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>


Última edición por Nyx el Miér Ago 31, 2016 2:12 am, editado 1 vez
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:53 am

Liens Brises
Registro de PB
Aquí se registran todos los personajes que serán utilizados.

✚ Avatar debe ser meramente de animación japonesa, ya sea en manga o anime. No se permiten Videojuegos, Cartoons, etc.
✚ No se permiten avatares repetidos, salvo que los personajes sean hermanos gemelos y con autorización de ambos usuarios.
✚ Debe de especificarse a que serie pertenece el personaje.
✚ No se aceptarán registros que el código no esté bien colocado.

Para encontrar a los personajes, búsca por su nombre original.

Código:
[code][b][color=#730099]Nombre Original[/color][/b] | [i]Serie[/i] | [i]Nombre de Usuario[/i][/code]
Munich, Alemania
A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

W

X

Y

Z

#

Wonderland
A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

W

X

Y

Z

#



Código:
<link href='https://fonts.googleapis.com/css?family=Berkshire+Swash|Homemade+Apple' rel='stylesheet' type='text/css'><center><div style="width:500px; height:200px; background:url('http://i.imgur.com/It08Eom.png'); background-repeat: no-repeat; background-position: center;"><div style="font-family: 'Homemade Apple', cursive; font-size:70px; color:#efe6ff; text-align:center;text-shadow: 0px 0px 5px #372945; position:relative; top:100px;">Liens Brises</div></div><div class="stat"><div class="ultimos"><div class="titulo">Registro de PB</div><div class="staff"><div id="textotab">Aquí se registran todos los personajes que serán utilizados.

✚ Avatar debe ser meramente de animación japonesa, ya sea en manga o anime. No se permiten Videojuegos, Cartoons, etc.
✚ No se permiten avatares repetidos, salvo que los personajes sean hermanos gemelos y con autorización de ambos usuarios.
✚ Debe de especificarse a que serie pertenece el personaje.
✚ No se aceptarán registros que el código no esté bien colocado.

[center][b]Para encontrar a los personajes, búsca por su nombre original.[/b][/center]

[code][code][b][color=#730099]Nombre Original[/color][/b] | [i]Serie[/i] | [i]Nombre de Usuario[/i][/code][/code]
</div></div><div class="staff"><div id="textotab"><table border=0 cellspacing=5><tr><td><div style="background:#d3cae2; display; block; padding: 5px; color:#372945; outline: 1px solid #efe6ff; outline-offset: -5px; text-transform:uppercase; font-size:8px; text-align:center;">Munich, Alemania</div><div style="width:250px; height: 500px; overflow:auto; background:#d3cae2; display: block; padding:5px;color:#372945; text-align:center;" ><div id="separ">A</div>
<div id="separ">B</div>
<div id="separ">C</div>
<div id="separ">D</div>
<div id="separ">E</div>
<div id="separ">F</div>
<div id="separ">G</div>
<div id="separ">H</div>
<div id="separ">I</div>
<div id="separ">J</div>
<div id="separ">K</div>
<div id="separ">L</div>
<div id="separ">M</div>
<div id="separ">N</div>
<div id="separ">O</div>
<div id="separ">P</div>
<div id="separ">Q</div>
<div id="separ">R</div>
<div id="separ">S</div>
<div id="separ">T</div>
<div id="separ">W</div>
<div id="separ">X</div>
<div id="separ">Y</div>
<div id="separ">Z</div>
<div id="separ">#</div>
</div></td><td><div style="background:#d3cae2; display; block; padding: 5px; color:#372945; outline: 1px solid #efe6ff; outline-offset: -5px; text-transform:uppercase; font-size:8px; text-align:center;">Wonderland</div><div style="width:250px; height: 500px; overflow:auto; background:#d3cae2; display: block; padding:5px;color:#372945; text-align:center;" ><div id="separ">A</div>
<div id="separ">B</div>
<div id="separ">C</div>
<div id="separ">D</div>
<div id="separ">E</div>
<div id="separ">F</div>
<div id="separ">G</div>
<div id="separ">H</div>
<div id="separ">I</div>
<div id="separ">J</div>
<div id="separ">K</div>
<div id="separ">L</div>
<div id="separ">M</div>
<div id="separ">N</div>
<div id="separ">O</div>
<div id="separ">P</div>
<div id="separ">Q</div>
<div id="separ">R</div>
<div id="separ">S</div>
<div id="separ">T</div>
<div id="separ">W</div>
<div id="separ">X</div>
<div id="separ">Y</div>
<div id="separ">Z</div>
<div id="separ">#</div>
</div></td></tr></table></div></div></div></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:53 am



Código:
<div class="tabase">
<table border="0" cellspacing="5">
<tr>
<td>
<div class="tabnoti">
<div class="tabtit"> Noticias</div>
<div class="noti">
<table border="0" cellspacing="0">
<tr>
<td valign="top">
<div class="fecha">10/03</div>
</td>
<td>
<div class="notite"> Noticia 1 el texto que quieran, la apertura y esas cosas, ya saben, aquí todo bien sexy (?)</div>
</td>
</tr>
</table>
</div>
<div class="noti">
<table border="0" cellspacing="0">
<tr>
<td valign="top">
<div class="fecha">10/03</div>
</td>
<td>
<div class="notite">Notita 2 (?)</div>
</td>
</tr>
</table>
</div>
<div class="noti">
<table border="0" cellspacing="0">
<tr>
<td valign="top">
<div class="fecha">10/03</div>
</td>
<td>
<div class="notite">Notita 3 (?)</div>
</td>
</tr>
</table>
</div>
</div>
</td>
<td><div class="tabcon">
<div class="tabtit">Reglas Básicas</div>
<div class="reglitas">♣ 10 líneas mínimas para un post ON ROL</br>
♣ Los Avatares son de 200x400px y las Firmas de 300x500px</br>
♣ Los PB, pueden ser de manga, animación japonesa.</br>
♣ El nombre de usuario tiene que ser el de tu personaje.</br>
♣ No puedes rolear dentro de la ChatBox si no tienes la ficha aceptada.</br>
♣ No olvides que debes de firmar el libro de reglamento.</br>
</div>
</div>
<div class="tabcon">
<div class="tabtit">Clima</div>
<div class="reglitas"><div style="width: 280px; height: 130px; background:url('http://placehold.it/300x150'); padding:10px; overflow:hidden;">
<div style="text-align: center; text-transform: uppercase; color: #000; font-size: 9px; font-family: cabin; line-height: 100%;"><span style="font-size: 24px;">10º-15º</span><br />Otoño<br />70% Precipitaciones</div>
</div>
</div>
</div>
</td>
<td valign="top">
<div class="tabcon">
<div class="tabtit">Censo</div>
<div class="censo">
<div class="tabtit">Mundo Humano</div>
<div class="censito"><div style="background: #C0D4FC; width:150px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Estudiantes</div></div>
<div class="censito"><div style="background: #FFC95C; width:138px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Profesores</div></div>
<div class="censito"><div style="background: #9AD69E; width:100px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Trabajadores</div></div>
<div class="censito"><div style="background: #CAF589; width:55px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Habitantes</div></div>
<div class="censito"><div style="background: #fff; width:180px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Grupo Pendiente</div></div>
<p></p><div class="tabtit">Wonderlad</div>
<div class="censito"><div style="background: #E37C0D; width:195px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Terrenales</div></div>
<div class="censito"><div style="background: #F54444; width:30px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Míticos</div></div>
<div class="censito"><div style="background: #6060fc; width:180px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Oscuros</div></div>
<div class="censito"><div style="background: #D15490; width:95px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Mágicos</div></div>
<div class="censito"><div style="background: #fff; width:180px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Grupo Pendiente</div></div>
<div class="censito"><div style="background: #fff; width:180px; height:20px; text-transform:uppercase; letter-spacing: 5px; font-size:9px;">Grupo Pendiente</div></div>
</div>
</div>
</td>
</tr>
</table>                
</div>


Última edición por Nyx el Miér Ago 31, 2016 1:52 am, editado 1 vez
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:53 am

Descripciones de Subforos

Código:
<div class="subforo1">
                  
 <div class="text2">
                    Ejemplo de texto descriptivo que podemos usar como quieran (?) <br />Esto crecerá hasta ocupar el espacio que tiene todo el cuadrito, pero se quedará del tamaño que ocupe del texto si no es mucho, para que no se vea tanto espacio desperdiciado.   <br /><br /> Los Links máximos por subforo son 11, pero dudo que ocupemos todos en un solo subforo.                    
 </div>
            
 <div class="link1">
      <a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a>      
 </div>
</div>

Código:
<div class="subforo1">
                    
 <div class="text1">
            Aquí, hermosas mías. Pueden poner los apuntes de las razas, poner sus fichas que van a mudar, lo que quieran.  Así también me ayudan a ver como se ven los post ewe. No se preocupen, el subforo no se ve más que si están registrados  uwu.    
 <p>
 <strong>PASEN EL MOUSE SOBRE LA IMAGEN (?)</strong>        
 </p>
    
 </div>
                
 <div class="img1">
         <img src="http://i.imgur.com/Ndv5oXo.png" />        
 </div>
</div>

Código:
<div class="img2">
  <img src="http://i.imgur.com/TYIKvde.png" />
</div>

Código:
<div class="subforo1">
        
 <div class="link2">
   <a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a><a href="LINK">LINK</a>  
 </div>
 
 <div class="img3">
 <img src="http://placehold.it/160x230" />
 </div>
</div>


Última edición por Nyx el Miér Ago 31, 2016 1:55 am, editado 1 vez
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:53 am

Ejemplo para descripción de Razas

Liens Brises
Seres Terrenales
Bla Bla Bla de los seres terrenales (?)

NOMBRE DE LA RAZA
Alguna frase de la raza (?)



NOMBRE DE LA RAZA
Alguna frase de la raza (?)


Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:54 am

Expediente para Expertos (?)

Nombre del Personaje
Nombre del Físico
Serie a la que pertenece
Nombre

Edad

Fecha de Nacimiento

Nacionalidad

Sexo

Orientación Sexual

Mundo al que pertenece (Wonderland/Munich)

Grupo

Rango
Psicología
Aquí va la Descripción Psicologíca, Mínimo de 10 Líneas.
Extras
Aquí van los Extras. Un mínimo de 10 extras.
Historia
Aquí van los Extras. Un mínimo de 15 extras.


Código:
[center][b][size=24]Expediente para Expertos (?)[/size][/b][/center]

<center><div class="nombre">Nombre del Personaje</div><div class="expediente"><table border=0 cellspacing=0 class="efecto"><tr><td><div class="infoexp"><div class="pb">Nombre del Físico
[size=10]Serie a la que pertenece[/size]</div><div class="iconexp"><img src="http://placehold.it/180x180"></div><div class="datosexp"><div class="dato">Nombre</div>
<div class="dato">Edad</div>
<div class="dato">Fecha de Nacimiento</div>
<div class="dato">Nacionalidad</div>
<div class="dato">Sexo</div>
<div class="dato">Orientación Sexual</div>
<div class="dato">Mundo al que pertenece (Wonderland/Munich)</div>
<div class="dato">Grupo</div>
<div class="dato">Rango</div></div></div><div class="imgexp"><img src="http://placehold.it/250x570"></div></td><td valign="top"><div class="efecto2"><table border =0 cellspacing=5><tr><td><div class="titexp">Psicología</div><div class="desc1">Aquí va la Descripción Psicologíca, Mínimo de 10 Líneas.</div></td><td valign="top"><div class="titexp">Extras</div><div class="desc1">Aquí van los Extras. Un mínimo de 10 extras.</div></td></td></table><div class="titexp" style="margin-left: 5px; margin-right: 5px;">Historia</div><div class="historia">Aquí van los Extras. Un mínimo de 15 extras.</div></div></td></tr></table></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:55 am

Expediente más Sencillo
Versión Wonderland

Nombre del Personaje
Datos Básicos  } *



NOMBRE:
EDAD:
FECHA DE NACIMIENTO:
NACIONALIDAD:
SEXO:
ORIENTACIÓN SEXUAL:
MUNDO AL QUE PERTENECE (WONDERLAND/MUNICH):
GRUPO:
RANGO:
PB:



Descripción Psicológica  } *

Aquí va la descripción Psicológica.
Mínimo de 10 líneas.



Historia del Personaje  } *

Aquí va la Historia.
Mínimo de 15 líneas.



Extras  } *

Aquí van los extrasa.
Mínimo de 10 extras.



Código:
[center][b][size=24]Expediente más Sencillo[/size][/b]
[i]Versión Wonderland[/i][/center]

<center><div class="wtodo"><div class="wnombre">Nombre del Personaje</div><div class="wexpediente"><div class="wtitulo">Datos Básicos  } *</div><div class="wcuerpo">
[center]<img src="http://placehold.it/460x200">

[b]NOMBRE:[/b]
[b]EDAD:[/b]
[b]FECHA DE NACIMIENTO:[/b]
[b]NACIONALIDAD:[/b]
[b]SEXO:[/b]
[b]ORIENTACIÓN SEXUAL:[/b]
[b]MUNDO AL QUE PERTENECE (WONDERLAND/MUNICH):[/b]
[b]GRUPO:[/b]
[b]RANGO:[/b]
[b]PB:[/b][/center]
</div>
</div>

<div class="wexpediente"><div class="wtitulo">Descripción Psicológica  } *</div><div class="wcuerpo">
Aquí va la descripción Psicológica.
Mínimo de 10 líneas.

</div></div>

<div class="wexpediente"><div class="wtitulo">Historia del Personaje  } *</div><div class="wcuerpo">
Aquí va la Historia.
Mínimo de 15 líneas.

</div></div>

<div class="wexpediente"><div class="wtitulo">Extras  } *</div><div class="wcuerpo">
Aquí van los extrasa.
Mínimo de 10 extras.

</div></div></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:55 am

Nombre del Personaje
Nombre del Físico / Serie a la que pertenece
EDAD
CUMPLEAÑOS
NACIONALIDAD
SEXO
O. SEXUAL
APODO
WONDERLAND
GRUPO
RANGO
Descripción  Psicológica

Aquí va la descripción Psicológica.
Minimo deben ser 10 líneas.
Historia

Aquí va la Historia
Minimo deben ser 15 líneas
Extras

Aquí van los Extras.
Minimo debe ser 10 extras.


Código:
<center><div class="w2nombre">Nombre del Personaje<div class="w2pb">Nombre del Físico / Serie a la que pertenece</div></div><img src="http://placehold.it/640x100"><div class="w2todo"><table border=0 cellspacing=0><tr><td><div class="w2dato">EDAD</div></td><td><div class="w2dato">CUMPLEAÑOS</div></td><td><div class="w2dato">NACIONALIDAD</div></td></tr><tr><td><div class="w2dato">SEXO</div></td><td><div class="w2dato">O. SEXUAL</div></td><td><div class="w2dato">APODO</div></td></tr><tr><td><div class="w2dato">WONDERLAND</div></td><td><div class="w2dato">GRUPO</div></td><td><div class="w2dato">RANGO</div></td></tr></table></div><div class="w2expediente"><div class="w2titulo">Descripción  Psicológica</div><div class="w2info">
Aquí va la descripción Psicológica.
Minimo deben ser 10 líneas.
</div><div class="w2titulo">Historia</div><div class="w2info">
Aquí va la Historia
Minimo deben ser 15 líneas</div><div class="w2titulo">Extras</div><div class="w2info">
Aquí van los Extras.
Minimo debe ser 10 extras.</div></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:55 am

Expediente más Sencillo
Versión Munich

Nombre del Personaje
Datos Básicos  } *



NOMBRE:
EDAD:
FECHA DE NACIMIENTO:
NACIONALIDAD:
SEXO:
ORIENTACIÓN SEXUAL:
MUNDO AL QUE PERTENECE (WONDERLAND/MUNICH):
GRUPO:
RANGO:
PB:



Descripción Psicológica  } *

Aquí va la descripción Psicológica.
Mínimo de 10 líneas.



Historia del Personaje  } *

Aquí va la Historia.
Mínimo de 15 líneas.



Extras  } *

Aquí van los extrasa.
Mínimo de 10 extras.



Código:
[center][b][size=24]Expediente más Sencillo[/size][/b]
[i]Versión Munich[/i][/center]

<center><div class="mtodo"><div class="mnombre">Nombre del Personaje</div><div class="mexpediente"><div class="mtitulo">Datos Básicos  } *</div><div class="mcuerpo">
[center]<img src="http://placehold.it/460x200">

[b]NOMBRE:[/b]
[b]EDAD:[/b]
[b]FECHA DE NACIMIENTO:[/b]
[b]NACIONALIDAD:[/b]
[b]SEXO:[/b]
[b]ORIENTACIÓN SEXUAL:[/b]
[b]MUNDO AL QUE PERTENECE (WONDERLAND/MUNICH):[/b]
[b]GRUPO:[/b]
[b]RANGO:[/b]
[b]PB:[/b][/center]
</div>
</div>

<div class="mexpediente"><div class="mtitulo">Descripción Psicológica  } *</div><div class="mcuerpo">
Aquí va la descripción Psicológica.
Mínimo de 10 líneas.

</div></div>

<div class="mexpediente"><div class="mtitulo">Historia del Personaje  } *</div><div class="mcuerpo">
Aquí va la Historia.
Mínimo de 15 líneas.

</div></div>

<div class="mexpediente"><div class="mtitulo">Extras  } *</div><div class="mcuerpo">
Aquí van los extrasa.
Mínimo de 10 extras.

</div></div></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:56 am

Nombre del Personaje
Nombre del Físico / Serie a la que pertenece
EDAD
CUMPLEAÑOS
NACIONALIDAD
SEXO
O. SEXUAL
APODO
MUNICH
GRUPO
RANGO
Descripción Psicológica

Aquí va la descripción psicológica.
Minimo deben ser 10 líneas.
Historia

Aquí va la Historia
minimo deben ser 15 líneas.
Extras
Aquí van los extras.
Mínimo deben de ser 10.


Código:
<center><div class="m2nombre">Nombre del Personaje<div class="m2pb">Nombre del Físico / Serie a la que pertenece</div></div><img src="http://placehold.it/640x100"><div class="m2todo"><table border=0 cellspacing=0><tr><td><div class="m2dato">EDAD</div></td><td><div class="m2dato">CUMPLEAÑOS</div></td><td><div class="m2dato">NACIONALIDAD</div></td></tr><tr><td><div class="m2dato">SEXO</div></td><td><div class="m2dato">O. SEXUAL</div></td><td><div class="m2dato">APODO</div></td></tr><tr><td><div class="m2dato">MUNICH</div></td><td><div class="m2dato">GRUPO</div></td><td><div class="m2dato">RANGO</div></td></tr></table></div><div class="m2expediente"><div class="m2titulo">Descripción Psicológica</div><div class="m2info">
Aquí va la descripción psicológica.
Minimo deben ser 10 líneas.</div><div class="m2titulo">Historia</div><div class="m2info">
Aquí va la Historia
minimo deben ser 15 líneas.</div><div class="m2titulo">Extras</div><div class="m2info">Aquí van los extras.
Mínimo deben de ser 10.</div></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:56 am

Búsquedas/Cannos

Rango
Físico Libre
Serie a la que pertenece

Datos Importantes
Disponibilidad: Libre

Rango de Edad: Libre

Nacionalidad: Libre

Orienación Sexual: Libre

Género: Libre.

Descripción del Canon




Código:
[center][b][size=24]Búsquedas/Cannos[/size][/b][/center]

<center><div class="nombre">Rango</div><div class="expediente"><table border=0 cellspacing=0 class="efecto"><tr><td><div class="infoexp"><div class="pb">Físico Libre
[size=10]Serie a la que pertenece[/size]</div>
<div class="titexp2">Datos Importantes</div><div class="dato">Disponibilidad: [b][color=#006600]Libre[/color][/b]</div>
<div class="dato">Rango de Edad: Libre</div>
<div class="dato">Nacionalidad: Libre</div>
<div class="dato">Orienación Sexual: Libre</div>
<div class="dato">Género: Libre.</div>
<div class="titexp2">Descripción del Canon</div><div class="desc2">

</div></div></td><td><div style="width:300px; height:571px; border: 5px solid #efe6ff;"><img src="http://placehold.it/300x571"></div></td></td></table></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:56 am

Nombre del Personaje


Código:
<center><div class="nombre">Nombre del Personaje</div><div class="cronologia"><table border=0 cellspacing=5 class="efecto2"><tr><td><div class="titexp">Temas Activos</div><div class="crono" id="cronolink"><a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
</div></td><td><div style="width:150px; height:571px; border: 5px solid #efe6ff;"><img src="http://placehold.it/150x571"></div></td><td><div class="titexp">Temas Inactivos</div><div class="crono" id="cronolink"><a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
</div></td></tr></table></div>

Código:
<center><div class="nombre">Nombre del Personaje</div><div class="cronologia"><table border=0 cellspacing=5 class="efecto2"><tr><td><div class="titexp">Temas Activos</div><div class="crono" id="cronolink"><a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
</div></td><td><div style="width:150px; height:571px; border: 5px solid #efe6ff;"><img src="http://placehold.it/150x571"></div></td><td><div class="titexp">Temas Inactivos</div><div class="crono" id="cronolink"><a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
</div></td></tr></table></div>

[code]<center><div class="nombre">Nombre del Personaje</div><div class="cronologia"><table border=0 cellspacing=5 class="efecto2"><tr><td><div class="titexp">Temas Activos</div><div class="crono" id="cronolink"><a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
</div></td><td><div style="width:150px; height:571px; border: 5px solid #efe6ff;"><img src="http://placehold.it/150x571"></div></td><td><div class="titexp">Temas Inactivos</div><div class="crono" id="cronolink"><a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
<a href="LINK DEL TEMA">TITULO DEL TEMA</a>
</div></td></tr></table></div>[/code]
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:58 am

Nombre del Personaje
Familiares
PADRES
»Nombre del Pj

HERMANOS
»Nombre del Pj

FAMILIA DIRECTA
»Nombre del Pj

FAMILIA INDIRECTA
»Nombre del Pj

FAMILIA LEGAL
»Nombre del Pj
Amistades
INSEPARABLES
»Nombre del Pj

BUENOS AMIGOS
»Nombre del PJ

AMIGOS
»Nombre del Pj

AMIGOS SECRETOS
»Nombre del PJ

CONFIDENTES
»Nombre del Pj

PROTECTORES
»Nombre del PJ

PROTEGIDOS
»Nombre del PJ

CONSENTIDOS
»Nombre del Pj

MALA INFLUENCIA
»Nombre del Pj

AMISTAD FINGIDA
»Nombre del PJ

ALIADOS
»Nombre del PJ

RESPETO
»Nombre del Pj

ADMIRACIÓN
»Nombre del Pj

CONOCIDOS
»Nombre del PJ
Amores
CURIOSIDAD
»Nombre del Pj

COQUETEOS
»Nombre del PJ

ATRACCIÓN
»Nombre del PJ

CAPRICHO
»Nombre del PJ

OBSESIÓN
»Nombre del PJ

AMIGOS CON DERECHO
»Nombre del PJ

CONFUSIÓN
»Nombre del PJ

AMOR
»Nombre del PJ

AMOR PLATÓNICO
»Nombre del PJ

PAREJA ACTUAL
»Nombre del PJ

EX
»Nombre del PJ

DESLIZ
»Nombre del PJ

AMANTES
»Nombre del PJ

AMOR-ODIO
»Nombre del PJ
Enemistades
INDIFERENCIA
»Nombre del PJ

TRATO HOSTIL
»Nombre del PJ

DESCONFIANZA
»Nombre del PJ

PIQUES
»Nombre del Pj

RIVALIDAD
»Nombre del Pj

ODIO
»Nombre del PJ

RENCOR
»Nombre del Pj
Nombre del Personaje
Personaje VIP
Nombre del Personaje
Personaje VIP
Nombre del Personaje
Personaje VIP
Nombre del Personaje
Personaje VIP


Código:
<center><div class="nombre">Nombre del Personaje</div><div class="relaciones"><table border=0 cellspacing=5 class="efecto2"><tr><td><div class="titexp">Familiares</div><div class="relas">PADRES
»Nombre del Pj

HERMANOS
»Nombre del Pj

FAMILIA DIRECTA
»Nombre del Pj

FAMILIA INDIRECTA
»Nombre del Pj

FAMILIA LEGAL
»Nombre del Pj
</div></td><td rowspan="2"><div style="width:120px; height:571px; border: 5px solid #efe6ff;"><img src="http://placehold.it/120x571"></div></td><td><div class="titexp">Amistades</div><div class="relas">INSEPARABLES
»Nombre del Pj

BUENOS AMIGOS
»Nombre del PJ

AMIGOS
»Nombre del Pj

AMIGOS SECRETOS
»Nombre del PJ

CONFIDENTES
»Nombre del Pj

PROTECTORES
»Nombre del PJ

PROTEGIDOS
»Nombre del PJ

CONSENTIDOS
»Nombre del Pj

MALA INFLUENCIA
»Nombre del Pj

AMISTAD FINGIDA
»Nombre del PJ

ALIADOS
»Nombre del PJ

RESPETO
»Nombre del Pj

ADMIRACIÓN
»Nombre del Pj

CONOCIDOS
»Nombre del PJ</div></td></tr><tr><td><div class="titexp">Amores</div><div class="relas">CURIOSIDAD
»Nombre del Pj

COQUETEOS
»Nombre del PJ

ATRACCIÓN
»Nombre del PJ

CAPRICHO
»Nombre del PJ

OBSESIÓN
»Nombre del PJ

AMIGOS CON DERECHO
»Nombre del PJ

CONFUSIÓN
»Nombre del PJ

AMOR
»Nombre del PJ

AMOR PLATÓNICO
»Nombre del PJ

PAREJA ACTUAL
»Nombre del PJ

EX
»Nombre del PJ

DESLIZ
»Nombre del PJ

AMANTES
»Nombre del PJ

AMOR-ODIO
»Nombre del PJ</div></td><td><div class="titexp">Enemistades</div><div class="relas">INDIFERENCIA
»Nombre del PJ

TRATO HOSTIL
»Nombre del PJ

DESCONFIANZA
»Nombre del PJ

PIQUES
»Nombre del Pj

RIVALIDAD
»Nombre del Pj

ODIO
»Nombre del PJ

RENCOR
»Nombre del Pj
</div></td></tr></table><table border=0 cellspacing=5 class="efecto2"><tr><td><div class="vipimg"><img src="http://placehold.it/150x150"></div></td><td><div style="display:block; font-family: 'Berkshire Swash', cursive; font-size:30px; color:#372945; text-align:center;text-shadow: 0px 0px 5px #372945; padding:5px; margin-bottom:-30px;">Nombre del Personaje</div><div class="relas2"><div class="titexp3">Personaje VIP</div></div></td></tr></table>
<table border=0 cellspacing=5 class="efecto2"><tr><td><div style="display:block; font-family: 'Berkshire Swash', cursive; font-size:30px; color:#372945; text-align:center;text-shadow: 0px 0px 5px #372945; padding:5px; margin-bottom:-30px;">Nombre del Personaje</div><div class="relas2"><div class="titexp3">Personaje VIP</div></div></td><td><div class="vipimg"><img src="http://placehold.it/150x150"></div></td></tr></table>
<table border=0 cellspacing=5 class="efecto2"><tr><td><div class="vipimg"><img src="http://placehold.it/150x150"></div></td><td><div style="display:block; font-family: 'Berkshire Swash', cursive; font-size:30px; color:#372945; text-align:center;text-shadow: 0px 0px 5px #372945; padding:5px; margin-bottom:-30px;">Nombre del Personaje</div><div class="relas2"><div class="titexp3">Personaje VIP</div></div></td></tr></table>
<table border=0 cellspacing=5 class="efecto2"><tr><td><div style="display:block; font-family: 'Berkshire Swash', cursive; font-size:30px; color:#372945; text-align:center;text-shadow: 0px 0px 5px #372945; padding:5px; margin-bottom:-30px;">Nombre del Personaje</div><div class="relas2"><div class="titexp3">Personaje VIP</div></div></td><td><div class="vipimg"><img src="http://placehold.it/150x150"></div></td></tr></table></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 2:59 am

Código:
<td colspan="3"><div style="display:block; background:transparent; padding:5px; color:#000; text-align:center;">[b][i][color=#ff0000]NO DISPONIBLE[/color][/i][/b]</div></td>
<td><div style="display:block; background:#006600; padding:5px; color:#fff; text-align:center;">Melody</div></td>
<td><div style="display:block; background:#cc6600; padding:5px; color:#fff; text-align:center;">Miriam</div></td>
<td><div style="display:block; background:#993366; padding:5px; color:#fff; text-align:center;">Yamila</div></td>
<td><div style="display:block; background:#663399; padding:5px; color:#fff; text-align:center;">Nyx</div></td>
<td><div style="display:block; background:#0000ff; padding:5px; color:#fff; text-align:center;">Fernando</div></td>
<td><div style="display:block; background:#ff3333; padding:5px; color:#fff; text-align:center;">Elena</div></td>












ActividadLunesMartesMiercolesJuevesViernesSábadoDomingo

Taller Gráfico
►Diseño de gráficos del foro
Melody
Creación de Graficos del Taller

Registros
►Played By
► Fraternidades
► Razas
► Reservas

Melody
Limpieza de Registros. Retirar Inactivos/Borrados
Yamila
Registro de PB
Registro de Fraternidades
Registro de Razas
NO DISPONIBLE
Nyx
Reservas de Personajes
NO DISPONIBLE
Elena
Registros de PB
Registro de Fraternidades
Registro de Razas

Fichas
►Revisión de fichas.
►Aceptar/Denegar Fichas.
►Ingresar Personajes a Grupo
►Colocar Rango de Personaje

NO DISPONIBLE
Miriam
Revisión de Fichas
Aceptar/Denegar Fichas
Ingresar personajes a Grupo
Colocar Rango de Personaje
Elena
Revisión de Fichas
Aceptar/Denegar Fichas
Ingresar personajes a Grupo
Colocar Rango de Personaje
NO DISPONIBLE

Peticiones
►Aperturas de Fichas
►Cambios de Nick.
►Cierre de Temas
►Reactivación de Cuenta

NO DISPONIBLE
Miriam
►Aperturas de Fichas
►Cambios de Nick.
►Cierre de Temas
►Reactivación de Cuenta
Yamila
►Aperturas de Fichas
►Cambios de Nick.
►Cierre de Temas
►Reactivación de Cuenta
NO DISPONIBLE

Ausencias
►Aceptar Ausencia
►Retirar Ausencias
►Actualización de Lista de Ausencias
Nyx
►Aceptar Ausencia
►Retirar Ausencias
►Actualización de Lista de Ausencias
NO DISPONIBLE
NO DISPONIBLE
Fernando
►Aceptar Ausencia
►Retirar Ausencias
►Actualización de Lista de Ausencias

Personajes Canon
►Mandar Casting
►Aceptación de Casting
►Actualización de Tablas de Canon

NO DISPONIBLE
Miriam
►Mandar Casting
►Aceptación de Casting
►Actualización de Tablas de Canon
Yamila
►Mandar Casting
►Aceptación de Casting
►Actualización de Tablas de Canon
NO DISPONIBLE
NO DISPONIBLE
Nyx
►Mandar Casting
►Aceptación de Casting
►Actualización de Tablas de Canon
NO DISPONIBLE

Códificación
►Mantenimiento de Códigos
►Creación de nuevas Tablillas
►Actualización de Censo y Tablón de Anuncios

Nyx
►Mantenimiento de Códigos
►Creación de nuevas Tablillas
►Actualización de Censo y Tablón de Anuncios

Afiliaciones
►Solicitudes en otros foros
►Aceptación/Rechazo de Afiliaciones
►Actualización de tablas de Afiliación

Nyx
►Solicitudes en otros foros
►Aceptación/Rechazo de Afiliaciones
►Actualización de tablas de Afiliación

Disciplina
►Chequeo de cumplimiento de Reglas
►Propuesta de Casos especiales a los demás del Staff
►Anuncios de Castigos/Sentencias de Castigos

Fernando
►Chequeo de cumplimiento de Reglas
►Propuesta de Casos especiales a los demás del Staff
►Anuncios de Castigos/Sentencias de Castigos

Temas Libres
►Actualización de Temas Libres
Melody
►Actualización de Temas Libres
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Vie Jul 22, 2016 3:07 am





Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Miér Ago 31, 2016 2:03 am



Liens Brises
...is reality or fantasy?
Historia o Ambientación del Foro (?)
Lazos Importantes
Nombre de Personito
Nombre de Personito
Nombre de Personito
Nombre de Personito
Nombre de Personito
Nombre de Personito
Botones
Cuadrados

25x25
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/Axg8KN2.png"></a>


30x30
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/eiSXHic.png"></a>


35x35
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/T8G0oAY.png"></a>


40x40
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/YCe5SYz.png"></a>


45x45
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/5NiP9iq.png"></a>


50x50
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/PJV2Lnf.png"></a>


55x55
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/iKtaknr.png"></a>


60x60
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/N90rytb.png"></a>


100x100
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/HovvF3a.png"></a>
Cuadrados

40x72
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/QBAwDI9.png"></a>


50x90
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/DRZjtmE.png"></a>


100x40
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/ZfJt093.png"></a>


150x60
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/AgvhxG8.png"></a>


270x62
Código:
<a href ="http://liens-brises.foro.bz/" title="Liens Brises"><img src="http://i.imgur.com/BtGUKgO.png"></a>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Miér Ago 31, 2016 2:10 am

Liens Brises
Historia y Ambientación
Aqí va la historia (?)
Esta cosa se extiende tanto como quieran, así que si quieren poner hasta ilustraciones, también se puede (?)


Código:
<link href='https://fonts.googleapis.com/css?family=Berkshire+Swash|Homemade+Apple' rel='stylesheet' type='text/css'><center><div style="width:500px; height:200px; background:url('http://i.imgur.com/It08Eom.png'); background-repeat: no-repeat; background-position: center;"><div style="font-family: 'Homemade Apple', cursive; font-size:70px; color:#efe6ff; text-align:center;text-shadow: 0px 0px 5px #372945; position:relative; top:100px;">Liens Brises</div></div><div class="stat"><div class="ultimos"><div class="titulo">Historia y Ambientación</div><div class="staff"><div id="textotab">Aqí va la historia (?)
Esta cosa se extiende tanto como quieran, así que si quieren poner hasta ilustraciones, también se puede (?)</div></div></div></div></center>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Miér Ago 31, 2016 2:14 am



Código:
<div id="af-base">
                                                                                                                                                        
   <table>
                                                                                                                                                                   
      <tbody>
         <tr>
                                                                                                                                                                                 
            <td>
                                                                                                                                                                                                    
               <div id="af-her">
                                                                                                                                                                                                                       
                  <div id="af-t1">
                                                                                                                               Afiliados hermanos 6/10                                                                                                   
                  </div>
                                                                                                                    <a href="http://project-arcana.foros-phpbb.com" title="Project Arcana"><img src="http://i.imgur.com/LIpwiUG.gif" /></a><a href="http://indracrownlands.foroactivo.mx/" title="Indra Crown Lands"><img src="http://i.imgur.com/N9nD5Bw.png" "="" /></a><a href="http://saotome-gakuen.foroeclipse.com/" target="_blank"><img src="http://i.imgur.com/7jcYTkI.gif" title="" saotome="" gakuen"="" /></a><a href="http://fightforfreedom.foroactivo.com/"><img title="Fight For Freedom" src="http://i.imgur.com/uCluDSM.png" /></a><a href="http://foroplumayficcion.foroactivo.mx/"><img title="La Pluma y la Ficción" src="http://i21.servimg.com/u/f21/18/85/47/33/509010.jpg" /></a><a href="http://paradiseinhell.foroactivo.com/"><img hell"="" in="" paradise="" title="" src="http://i.imgbox.com/IvYBF2C2.png" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/50x90" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/50x90" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/50x90" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/50x90" /></a>                                                                                         
               </div>
                                                                                                        
               <div id="af-nor">
                                                                                                                    <a href="http://liens-brises.foro.bz/t22-afiliados-normales#58">Afiliados normales</a>                                                                                         
               </div>
                                                                                                                                                                                                                                                                                        
            </td>
                                                                                                                                                                                 
            <td>
                                                                                                                                                                                                    
               <div id="af-vip">
                                                                                                                                                                                                                       
                  <div id="af-t2">
                                                                                                                               Afiliados Elite 31/55                                                                                                   
                  </div>
                                                                                                                    <a rel="nofollow" target="_blank" href="http://bellum-drammen.foroac.com/"><img title="BELLUM ♆ DRAMMEN" src="http://i.imgur.com/209lASa.gif" /></a><a href="http://sotp.foros-activos.com/"><img title="
Shadows of the Past" src="http://i.imgur.com/w29MRl0.png" /></a><a href="http://www.spiritsoulrol.com/"><img title="Spirit Soul" src="http://i.imgur.com/5PF0HcS.png" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://reformatorioniflheim.foroactivo.com/"><img alt="" title="Reformatorio Niflheim" src="http://i67.tinypic.com/1z1hi8m.jpg" border="0" /></a><a href="http://aonosekairol.forumfree.it/" target="_blank"><img src="http://i1074.photobucket.com/albums/w415/Alay-san/afiliar40_zps5vktcbml.png" title="Ao no Sekai Rol" /></a><a target="_blank" href="http://www.accademiadicielo.org/"><img alt="" title="Accademia Di Cielo" src="http://i.imgur.com/HQJOq.png" border="0" /></a><a href="http://oniric-city.foroactivo.com/"><img src="http://i.imgur.com/VYS2TQC.jpg" title="Oniric City" /></a><a href="http://kouletcity.foroactivo.mx/"><img title="Koulet City" src="http://i862.photobucket.com/albums/ab185/sakurandrea/afiliados%20kc/40x40.png" /></a><a href="http://himitsu-no-pettoakad.foroactivo.com/" target="_blank"><img src="http://i66.tinypic.com/r8i2jr.gif" alt="Crear foro" title="Himitsu no pettoakademi" /></a><a href="http://paradise-city.activoforo.com/"><img title="Paradise City - Yuri" src="http://i.imgur.com/eqiJdPd.gif" /></a><a href="http://www.homoclubyaoi.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/VidKylU.gif" title="HOMO CLUB" border="0" alt="" /></a><a target="new" href="http://kaosunorakuen.foroactivo.com/"><img title="Kaosu No Rakuen" src="http://i.imgur.com/FUE9usT.jpg" /></a><a href="http://cg-futureforfuture.forolatino.tv/"><img title="Code Geass: Future for Future" src="https://dl.dropboxusercontent.com/u/51216597/borderline-forums/code_geass/web/img/02/ban_40x40.png" /></a><a href="http://earth-infinity.foroactivo.com"><img src="http://i.imgur.com/yE6cRX4.png" title="Infinity: We can be Heroes" /></a><a href="http://thewalkingfossils.foroactivo.com/" target="_blank"><img src="http://i67.tinypic.com/2s1omm8.jpg" border="0" alt="Jurassic Park: The Walking Fossils" /></a><a href="http://academialioncourt.foroactivo.com"><img src="http://i.imgur.com/ofwgqDf.png" title="Academia Lioncourt" /></a><a href="http://underworlds.gratis-foro.com/" title="Underworld Symphony"><img src="http://i.imgur.com/4cgld7p.png" /></a><a href="http://krorymilium-rpg.foro.bz/"><img src="http://i64.tinypic.com/15z14m0.png" title="Krory Milium" /></a><a href="http://thelastknoxcamp.foroactivo.com/"><img src="https://media.giphy.com/media/l41Yjdd7z6XKV9mP6/giphy.gif" title="KNOX CAMP" /></a><a target="_blank" class="postlink" title="Bassett Knapp" href="http://universidadbk.foroactivo.mx/"><img border="0" src="http://i.imgur.com/9ZakfBa.png" /></a><a href="http://thearchive.protorol.com" title="The Archive"><img src="http://thearchive.protorol.com/images/affiliations/40x40.png" /></a><a href="http://vodevil.foro.ag"><img src="http://i.imgur.com/ZPrNb5G.png" /></a><a href="HTTP://SERENDIPITY.FOROACTIVO.COM"><img src="http://i.imgur.com/v9PeogA.png" /></a><a target="_blank" href="http://skipping-stone.foros-phpbb.es"><img style="width: 40px; height: 40px;" src="http://i.imgur.com/Sj2MVLr.png" /></a><a target="_blank" class="postlink" title="Precious Graphics" href="http://www.preciousgraphics.net"><img border="0" src="http://orig00.deviantart.net/265e/f/2016/051/6/d/4040_by_ecstasyvi-d9sjicb.png" /></a><a href="http://phantomworld.foros-phpbb.mx/"><img src="http://i.imgur.com/8W8iJTj.jpg" title="Phantom World" /></a><a href="http://undergreyskies.foroactivo.com/"><img title="Under Grey Skies" src="http://i.imgur.com/8s2o6QO.png" /></a><a href="http://tokyoghoul.foroactivo.com/" target="_blank"><img src="http://i.imgur.com/hUpfBov.png" /></a><a target="_blank" href="http://essence.foroactivo.mx"><img src="https://dl.dropboxusercontent.com/u/51216597/borderline-forums/essence-of-lust/web/img/05/ban_40X40.png" /></a><a href="http://thecovensconjuring.foroactivo.com/"><img src="http://i.imgur.com/Lp6Gtqb.png" /></a><a class="postlink" href="http://onceuponatime-rol.foroactivo.com/"><img alt="" border="0" src="http://i.imgur.com/oOBbFa0.png" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a><a href="link del foro"><img title="nombre del foro" src="http://placehold.it/40x40" /></a>                                                                                         
               </div>
                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                         
         </tr>
                                                                                                                                                              
      </tbody>
   </table>
</div>
Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Nyx el Miér Ago 31, 2016 2:28 am

JavaScripts

Cambiar los botones de los mensajes Citar, Editar, Borrar e IP

Código:
jQuery(document).ready(function() {
$('.i_icon_thanks').replaceWith('<div class="boton">Gracias</div>');
$('.i_icon_quote').replaceWith('<div class="boton">Citar</div>');
$('.i_icon_edit').replaceWith('<div class="boton">Editar</div>');
$('.i_icon_delete').replaceWith('<div class="boton">Borrar</div>');
$('.i_icon_ip').replaceWith('<div class="boton">Ver IP</div>');
});

Title 1
Código:
// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// releated under the MIT license
(function($) {
  
    function fixTitle($ele) {
        if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
            $ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
        }
    }
  
    function Tipsy(element, options) {
        this.$element = $(element);
        this.options = options;
        this.enabled = true;
        fixTitle(this.$element);
    }
  
    Tipsy.prototype = {
        show: function() {
            var title = this.getTitle();
            if (title && this.enabled) {
                var $tip = this.tip();
              
                $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
                $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
                $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
              
                var pos = $.extend({}, this.$element.offset(), {
                    width: this.$element[0].offsetWidth,
                    height: this.$element[0].offsetHeight
                });
              
                var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
                var gravity = (typeof this.options.gravity == 'function')
                                ? this.options.gravity.call(this.$element[0])
                                : this.options.gravity;
              
                var tp;
                switch (gravity.charAt(0)) {
                    case 'n':
                        tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 's':
                        tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 'e':
                        tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
                        break;
                    case 'w':
                        tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
                        break;
                }
              
                if (gravity.length == 2) {
                    if (gravity.charAt(1) == 'w') {
                        tp.left = pos.left + pos.width / 2 - 15;
                    } else {
                        tp.left = pos.left + pos.width / 2 - actualWidth + 15;
                    }
                }
              
                $tip.css(tp).addClass('tipsy-' + gravity);
              
                if (this.options.fade) {
                    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
                } else {
                    $tip.css({visibility: 'visible', opacity: this.options.opacity});
                }
            }
        },
      
        hide: function() {
            if (this.options.fade) {
                this.tip().stop().fadeOut(function() { $(this).remove(); });
            } else {
                this.tip().remove();
            }
        },
      
        getTitle: function() {
            var title, $e = this.$element, o = this.options;
            fixTitle($e);
            var title, o = this.options;
            if (typeof o.title == 'string') {
                title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
            } else if (typeof o.title == 'function') {
                title = o.title.call($e[0]);
            }
            title = ('' + title).replace(/(^\s*|\s*$)/, "");
            return title || o.fallback;
        },
      
        tip: function() {
            if (!this.$tip) {
                this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
            }
            return this.$tip;
        },
      
        validate: function() {
            if (!this.$element[0].parentNode) {
                this.hide();
                this.$element = null;
                this.options = null;
            }
        },
      
        enable: function() { this.enabled = true; },
        disable: function() { this.enabled = false; },
        toggleEnabled: function() { this.enabled = !this.enabled; }
    };
  
    $.fn.tipsy = function(options) {
      
        if (options === true) {
            return this.data('tipsy');
        } else if (typeof options == 'string') {
            return this.data('tipsy')[options]();
        }
      
        options = $.extend({}, $.fn.tipsy.defaults, options);
      
        function get(ele) {
            var tipsy = $.data(ele, 'tipsy');
            if (!tipsy) {
                tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
                $.data(ele, 'tipsy', tipsy);
            }
            return tipsy;
        }
      
        function enter() {
            var tipsy = get(this);
            tipsy.hoverState = 'in';
            if (options.delayIn == 0) {
                tipsy.show();
            } else {
                setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
            }
        };
      
        function leave() {
            var tipsy = get(this);
            tipsy.hoverState = 'out';
            if (options.delayOut == 0) {
                tipsy.hide();
            } else {
                setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
            }
        };
      
        if (!options.live) this.each(function() { get(this); });
      
        if (options.trigger != 'manual') {
            var binder  = options.live ? 'live' : 'bind',
                eventIn  = options.trigger == 'hover' ? 'mouseenter' : 'focus',
                eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
            this[binder](eventIn, enter)[binder](eventOut, leave);
        }
      
        return this;
      
    };
  
    $.fn.tipsy.defaults = {
        delayIn: 0,
        delayOut: 0,
        fade: false,
        fallback: '',
        gravity: 'n',
        html: false,
        live: false,
        offset: 0,
        opacity: 0.8,
        title: 'title',
        trigger: 'hover'
    };
  
    // Overwrite this method to provide options on a per-element basis.
    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
    // (remember - do not modify 'options' in place!)
    $.fn.tipsy.elementOptions = function(ele, options) {
        return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
    };
  
    $.fn.tipsy.autoNS = function() {
        return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
    };
  
    $.fn.tipsy.autoWE = function() {
        return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
    };
  
})(jQuery);

Title 2
Código:
$(function(){ $('[title]').tipsy({fade:true,gravity:'sw'}); });

Perfil 1
Código:
$(function() {
  for (var a = document.getElementsByTagName('SPAN'), i = 0, j = a.length, label; i<j; i++) {
  
    if (/profileField/.test(a[i].className)) {
      label = a[i].innerHTML.replace(/<.*?>/g,'').replace(/:.*$/,'').replace(/^\s+|\s+$/g,'');
    
      switch (label) {
      
        case 'Foto identificativa' :
          a[i].className += ' field-userpic';
          break;
        
        case 'Mensajes' :
          a[i].className += ' field-msg';
          break;
 
        case 'Fecha de inscripción' :
          a[i].className += ' field-fecha';
          break;
        
      }
    
    }
  
  }
});

Perfil 2
Código:
$(document).ready(function(){
$("#pestanas li").click(function() {
  currentprofile = $(this).parent().parent().parent().parent();
  $("#pestanas li", currentprofile).removeClass('active');
  $(this).addClass("active");
  $(".tab_content", currentprofile).hide();
  var selected_tab = $(this).find("a").attr("href");
  $(selected_tab, currentprofile).fadeIn();
  return false;
});
});

Mandar un widgett a debajo del cuerpo del foro
Código:
$(document).ready(function () {
$('#af-base').appendTo('#content');
});

Poner una imagen diferente en cada categoría
Código:
$(function(){
$(".forabg:eq(0)").addClass("categoria-1");
$(".forabg:eq(1)").addClass("categoria-2");
$(".forabg:eq(2)").addClass("categoria-3");
$(".forabg:eq(3)").addClass("categoria-4");
$(".forabg:eq(4)").addClass("categoria-5");
$(".forabg:eq(5)").addClass("categoria-6");
$(".forabg:eq(6)").addClass("categoria-7");
});

Paleta de colores en rueda
Código:
var skin_color_picker = "light"; // Cambiar a "dark" si se prefiere oscuro.
/**
 *
 * Color picker
 * Author: Stefan Petre www.eyecon.ro
 *
 * Dual licensed under the MIT and GPL licenses
 *
 */
 $(function(){$(function(){$("#text_editor_textarea").length!=0&&(function(e){var t=function(){var t=65,n={eventName:"click",onShow:function(){},onBeforeShow:function(){},onHide:function(){},onChange:function(){},onSubmit:function(){},color:"ff0000",livePreview:!0,skin:"light",flat:!1},r=function(t,n){var r=D(t);e(n).data("colorpicker").fields.eq(1).val(r.r).end().eq(2).val(r.g).end().eq(3).val(r.b).end()},i=function(t,n){e(n).data("colorpicker").fields.eq(4).val(t.h).end().eq(5).val(t.s).end().eq(6).val(t.b).end()},s=function(t,n){e(n).data("colorpicker").fields.eq(0).val(P(D(t))).end()},o=function(t,n){e(n).data("colorpicker").selector.css("backgroundColor","#"+P(D({h:t.h,s:100,b:100})));e(n).data("colorpicker").selectorIndic.css({left:parseInt(150*t.s/100,10),top:parseInt(150*(100-t.b)/100,10)})},u=function(t,n){e(n).data("colorpicker").hue.css("top",parseInt(150-150*t.h/360,10))},a=function(t,n){e(n).data("colorpicker").currentColor.css("backgroundColor","#"+P(D(t)))},f=function(t,n){e(n).data("colorpicker").newColor.css("backgroundColor","#"+P(D(t)))},l=function(n){n=n.charCode||n.keyCode||-1;if(n>t&&n<=90||n==32)return!1;e(this).parent().parent().data("colorpicker").livePreview===!0&&h.apply(this)},h=function(t){var n=e(this).parent().parent(),a;if(this.parentNode.className.indexOf("_hex")>0){a=n.data("colorpicker");var l=this.value,h=6-l.length;if(h>0){for(var p=[],d=0;d<h;d++)p.push("0");p.push(l);l=p.join("")}l=_(M(l));a.color=a=l}else this.parentNode.className.indexOf("_hsb")>0?n.data("colorpicker").color=a=O({h:parseInt(n.data("colorpicker").fields.eq(4).val(),10),s:parseInt(n.data("colorpicker").fields.eq(5).val(),10),b:parseInt(n.data("colorpicker").fields.eq(6).val(),10)}):(a=n.data("colorpicker"),l={r:parseInt(n.data("colorpicker").fields.eq(1).val(),10),g:parseInt(n.data("colorpicker").fields.eq(2).val(),10),b:parseInt(n.data("colorpicker").fields.eq(3).val(),10)},a.color=a=_({r:Math.min(255,Math.max(0,l.r)),g:Math.min(255,Math.max(0,l.g)),b:Math.min(255,Math.max(0,l.b))}));t&&(r(a,n.get(0)),s(a,n.get(0)),i(a,n.get(0)));o(a,n.get(0));u(a,n.get(0));f(a,n.get(0));n.data("colorpicker").onChange.apply(n,[a,P(D(a)),D(a)])},p=function(){e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")},d=function(){t=this.parentNode.className.indexOf("_hex")>0?70:65;e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");e(this).parent().addClass("colorpicker_focus")},v=function(t){var n=e(this).parent().find("input").focus(),t={el:e(this).parent().addClass("colorpicker_slider"),max:this.parentNode.className.indexOf("_hsb_h")>0?360:this.parentNode.className.indexOf("_hsb")>0?100:255,y:t.pageY,field:n,val:parseInt(n.val(),10),preview:e(this).parent().parent().data("colorpicker").livePreview};e(document).bind("mouseup",t,g);e(document).bind("mousemove",t,m)},m=function(e){e.data.field.val(Math.max(0,Math.min(e.data.max,parseInt(e.data.val+e.pageY-e.data.y,10))));e.data.preview&&h.apply(e.data.field.get(0),[!0]);return!1},g=function(t){h.apply(t.data.field.get(0),[!0]);t.data.el.removeClass("colorpicker_slider").find("input").focus();e(document).unbind("mouseup",g);e(document).unbind("mousemove",m);return!1},y=function(){var t={cal:e(this).parent(),y:e(this).offset().top};t.preview=t.cal.data("colorpicker").livePreview;e(document).bind("mouseup",t,w);e(document).bind("mousemove",t,b)},b=function(e){h.apply(e.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360*(150-Math.max(0,Math.min(150,e.pageY-e.data.y)))/150,10)).get(0),[e.data.preview]);return!1},w=function(t){r(t.data.cal.data("colorpicker").color,t.data.cal.get(0));s(t.data.cal.data("colorpicker").color,t.data.cal.get(0));e(document).unbind("mouseup",w);e(document).unbind("mousemove",b);return!1},E=function(){var t={cal:e(this).parent(),pos:e(this).offset()};t.preview=t.cal.data("colorpicker").livePreview;e(document).bind("mouseup",t,x);e(document).bind("mousemove",t,S)},S=function(e){h.apply(e.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100*(150-Math.max(0,Math.min(150,e.pageY-e.data.pos.top)))/150,10)).end().eq(5).val(parseInt(100*Math.max(0,Math.min(150,e.pageX-e.data.pos.left))/150,10)).get(0),[e.data.preview]);return!1},x=function(t){r(t.data.cal.data("colorpicker").color,t.data.cal.get(0));s(t.data.cal.data("colorpicker").color,t.data.cal.get(0));e(document).unbind("mouseup",x);e(document).unbind("mousemove",S);return!1},T=function(){e(this).addClass("colorpicker_focus")},N=function(){e(this).removeClass("colorpicker_focus")},C=function(t){var n=e(this).parent(),r=n.data("colorpicker").color;n.data("colorpicker").origColor=r;a(r,n.get(0));n.data("colorpicker").onSubmit(r,P(D(r)),D(r),n.data("colorpicker").el,t);e(this).parent().hide()},k=function(){var t=e("#"+e(this).data("colorpickerId"));t.data("colorpicker").onBeforeShow.apply(this,[t.get(0)]);var n=e(this).offset(),r;r=document.compatMode=="CSS1Compat";r={l:window.pageXOffset||(r?document.documentElement.scrollLeft:document.body.scrollLeft),t:window.pageYOffset||(r?document.documentElement.scrollTop:document.body.scrollTop),w:window.innerWidth||(r?document.documentElement.clientWidth:document.body.clientWidth),h:window.innerHeight||(r?document.documentElement.clientHeight:document.body.clientHeight)};var i=n.top+this.offsetHeight,n=n.left;i+176>r.t+r.h&&(i-=this.offsetHeight+176);n+356>r.l+r.w&&(n-=356);t.css({left:n+"px",top:i+"px"});t.data("colorpicker").onShow.apply(this,[t.get(0)])!=!1&&t.show("fast");e(document).bind("mousedown",{cal:t},L);return!1},L=function(t){A(t.data.cal.get(0),t.target,t.data.cal.get(0))||(t.data.cal.data("colorpicker").onHide.apply(this,[t.data.cal.get(0)])!=!1&&t.data.cal.hide(),e(document).unbind("mousedown",L))},A=function(e,t,n){if(e==t)return!0;if(e.contains)return e.contains(t);if(e.compareDocumentPosition)return!!(e.compareDocumentPosition(t)&16);for(t=t.parentNode;t&&t!=n;){if(t==e)return!0;t=t.parentNode}return!1},O=function(e){return{h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}},M=function(e){e=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:e>>16,g:(e&65280)>>8,b:e&255}},_=function(e){var t={h:0,s:0,b:0},n=Math.max(e.r,e.g,e.b),r=n-Math.min(e.r,e.g,e.b);t.b=n;t.s=n!=0?255*r/n:0;t.h=t.s!=0?e.r==n?(e.g-e.b)/r:e.g==n?2+(e.b-e.r)/r:4+(e.r-e.g)/r:-1;t.h*=60;t.h<0&&(t.h+=360);t.s*=100/255;t.b*=100/255;return t},D=function(e){var t={},n=Math.round(e.h),r=Math.round(e.s*255/100),e=Math.round(e.b*255/100);if(r==0)t.r=t.g=t.b=e;else{var r=(255-r)*e/255,i=(e-r)*(n%60)/60;n==360&&(n=0);n<60?(t.r=e,t.b=r,t.g=r+i):n<120?(t.g=e,t.b=r,t.r=e-i):n<180?(t.g=e,t.r=r,t.b=r+i):n<240?(t.b=e,t.r=r,t.g=e-i):n<300?(t.b=e,t.g=r,t.r=r+i):n<360?(t.r=e,t.g=r,t.b=e-i):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}},P=function(t){var n=[t.r.toString(16),t.g.toString(16),t.b.toString(16)];e.each(n,function(e,t){t.length==1&&(n[e]="0"+t)});return n.join("")},H=function(){var t=e(this).parent(),n=t.data("colorpicker").origColor;t.data("colorpicker").color=n;r(n,t.get(0));s(n,t.get(0));i(n,t.get(0));o(n,t.get(0));u(n,t.get(0));f(n,t.get(0))};return{init:function(t){t=e.extend({},n,t||{});if(typeof t.color=="string")t.color=_(M(t.color));else if(t.color.r!=void 0&&t.color.g!=void 0&&t.color.b!=void 0)t.color=_(t.color);else if(t.color.h!=void 0&&t.color.s!=void 0&&t.color.b!=void 0)t.color=O(t.color);else return this;return this.each(function(){if(!e(this).data("colorpickerId")){var n=e.extend({},t);n.origColor=t.color;var m="collorpicker_"+parseInt(Math.random()*1e3);e(this).data("colorpickerId",m);m=e('<div class="sceditor-dropdown colorpicker '+n.skin+'"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id",m);n.flat?m.appendTo(this).show("fast"):m.appendTo(document.body);n.fields=m.find("input").bind("keyup",l).bind("change",h).bind("blur",p).bind("focus",d);m.find("span").bind("mousedown",v).end().find(">div.colorpicker_current_color").bind("click",H);n.selector=m.find("div.colorpicker_color").bind("mousedown",E);n.selectorIndic=n.selector.find("div div");n.el=this;n.hue=m.find("div.colorpicker_hue div");m.find("div.colorpicker_hue").bind("mousedown",y);n.newColor=m.find("div.colorpicker_new_color");n.currentColor=m.find("div.colorpicker_current_color");m.data("colorpicker",n);m.find("div.colorpicker_submit").bind("mouseenter",T).bind("mouseleave",N).bind("click",C);r(n.color,m.get(0));i(n.color,m.get(0));s(n.color,m.get(0));u(n.color,m.get(0));o(n.color,m.get(0));a(n.color,m.get(0));f(n.color,m.get(0));n.flat?m.css({position:"relative",display:"block"}):e(this).bind(n.eventName,k)}})},showPicker:function(){return this.each(function(){e(this).data("colorpickerId")&&k.apply(this)})},hidePicker:function(){return this.each(function(){e(this).data("colorpickerId")&&e("#"+e(this).data("colorpickerId")).hide()})},setColor:function(t){if(typeof t=="string")t=_(M(t));else if(t.r!=void 0&&t.g!=void 0&&t.b!=void 0)t=_(t);else if(t.h!=void 0&&t.s!=void 0&&t.b!=void 0)t=O(t);else return this;return this.each(function(){if(e(this).data("colorpickerId")){var n=e("#"+e(this).data("colorpickerId"));n.data("colorpicker").color=t;n.data("colorpicker").origColor=t;r(t,n.get(0));i(t,n.get(0));s(t,n.get(0));u(t,n.get(0));o(t,n.get(0));a(t,n.get(0));f(t,n.get(0))}})}}}();e.fn.extend({ColorPicker:t.init,ColorPickerHide:t.hidePicker,ColorPickerShow:t.showPicker,ColorPickerSetColor:t.setColor})}(jQuery),$('<a class="sceditor-button sceditor-button-paletaavanzada" unselectable="on" title="Paleta avanzada"><div unselectable="on" style="cursor: pointer !important; opacity: 1 !important; background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/color_10.png)"></div></a>').insertAfter(".sceditor-button-color").ColorPicker({color:my_getcookie("defColCP")?my_getcookie("defColCP"):"#000000",flat:false,skin:skin_color_picker,onSubmit:function(e,t,n,r){my_setcookie("defColCP",t,1,0);var i=$("#text_editor_textarea").sceditor("instance");i.inSourceMode()?i.insertText("[color=#"+t+"]","[/color]"):i.execCommand("forecolor","#"+t);return!1}}))})});


$(function(){$(function(){
      $(".sceditor-button-color").hide();
})});

Mensajes : 337
Fecha de inscripción : 26/06/2015
Ver perfil de usuario http://eternellenuit.foroactivo.mx

Nyx
La Diosa de la Noche

Volver arriba Ir abajo

Re: Liens Brises

Mensaje por Contenido patrocinado


Contenido patrocinado

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.