Últimos temas
» {Listado} Variables de los Templates
Dom Dic 18, 2016 4:22 pm por Code This

» Tablón flotante 2
Lun Ago 08, 2016 10:36 pm por Code This

» Perfil Schizophrenia
Mar Jul 26, 2016 6:29 pm por Code This

» Tablón Flotante
Vie Ene 22, 2016 12:37 pm por Code This

» Tablón Anuncios
Vie Ene 22, 2016 11:53 am por Code This

» Perfil Horizontal
Dom Ene 17, 2016 1:34 pm por Harley V.

» Estadísticas personalizadas
Jue Ene 14, 2016 1:26 pm por Harley V.

» Anarchy — Oscura
Jue Ene 14, 2016 12:15 pm por Scathach Faoi

» Anarchy — Claro
Jue Ene 14, 2016 12:14 pm por Scathach Faoi

» Wanna bite you with love
Jue Ene 14, 2016 12:14 pm por Scathach Faoi

Conectarse

Recuperar mi contraseña


Tablón Anuncios

Ver el tema anterior Ver el tema siguiente Ir abajo

Tablón Anuncios

Mensaje por Code This el Vie Ene 22, 2016 11:53 am

En este tablón está el widget de últimos temas y conexión.
Tablón original: [url=Aqu%C3%AD]Aquí[/url]

El widget de conexión debe estar activado y ser el último widget. Screenshot


CSS
Código:
#haiass-tab .sociales {
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  width: 50px;
  position: relative;
  top: -10px;
  line-height: 100%;
  font-family: calibri;
  display: inline-block;
  font-weight: bold;
}
 
.noticias .fecha {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  color: #134;
  line-height: 100%;
  font-size: 15px;
  font-style: italic;
  font-family: georgia;
}
 
.titulo-ev {
  text-transform: uppercase;
  line-height: 100%; margin-bottom: 10px;
  font-weight: bold;
  font-size: 10px;
}
 
#haiass-tab .noticias {
  height: 190px;
  margin-left: 10px;
  line-height: 110%;
  margin-right: 10px;
  text-align: justify;
  font-size: 11px;
  width: 210px;
}
 
#haiass-tab .eventos {
  width: 200px;
  height: 190px;
  text-align: justify;
  line-height: 110%;
  font-size: 11px;
  font-family: calibri;
}
 
.eventos img {
  display: inline-block;
  margin-left: 3px;
}
 
#haiass-tab #contenido .clima .temp .max, #haiass-tab #contenido .clima .temp .min {display: inline-block; font-size: 15px; font-family: georgia; font-style: italic; width: 70px;}
.temp .max::after {
  content: 'Máximo';
  display: block;
  text-transform: uppercase;
  font-family: calibri;
  font-size: 10px;
  line-height: 110%;
  font-style: normal;
}
 
.clima .estacion {
  width: 100%;
  display: block;
  letter-spacing: 4px;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 10px;
  font-family: calibri;
  color: #ccc;
  position: relative;
  top: 168px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #79204e;
  text-align: center;
}
 
.temp .min::after {
  font-style: normal;
  content: 'Mínimo';
  font-size: 10px;
  display: block;
  text-transform: uppercase;
  font-family: calibri;
  line-height: 110%;
}
 
#haiass-tab #contenido .clima {
  position: relative;
  width: 200px;
  height: 190px;
}
 
#haiass-tab #contenido .clima img {
  position: absolute;
  top: 0px;
  left: 0px;
}
 
#haiass-tab #contenido .temp {
  top: 0px;
  position: absolute;
  right: 0px;
  font-family: georgia;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  line-height: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #6b6b6b;
  text-align: center;
  width: 159px;
}
 
.links-tab {
  margin-left: 5px;
  margin-right: 10px;
  line-height: 100%;
  width: 210px;
  height: 190px;
  font-size: 10px;
}
 
.links-tab .largo {
  display: block;
  line-height: 100%;
  width: 195px;
  font-style: italic;
  font: Titillium Web 13px;
  padding-bottom: 2px;
  padding-top: 3px;
  margin-bottom: 1px;
}
 
.links-tab a {
  display: inline-block;
  line-height: 100%;
  width: 89px;
  text-align: left;
  font-style: italic;
  font: Iceland 13px;
  color: #0d0d0d;
  background: #ebebed;
  border-left: 10px solid #134;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 5px;
  margin-bottom: 1px;
  transition: 1s;
}
 
.links-tab a:hover {transition: 1s; border-left: 30px solid #79204e;width:174px;}
 
.credit::first-letter {
  font-style: italic;
  font-family: georgia;
  font-size: 14px;
  padding-right: 4px;
  font-weight: bold;
  color: #86a258;
}
 
.admin {
  width: 87px;
  height: 40px;
  position: relative;
  border: 5px solid #79204e;
  display: inline-block;
  margin-bottom: 3px;
}
 
.admin-cont:hover {
  opacity: 1;
  transition: 1s;
}
 
.admin-cont {
  padding: 3px;
  padding-top: 6px;
  width: 81px;
  height: 31px;
  line-height: 110%;
  top: -5px;
  left: -5px;
  background: #ebebed;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  border: 5px solid #134;
  position: absolute;
  opacity: 0;
  transition: 1s;
}
 
.admin-cont a {color: #72cacc; font-weight: bold;}
 
 
.credit {
  width: 200px;
  height: 190px;
  overflow-y: auto;
  text-align: justify;
  line-height: 110%;
  font-size: 11px;
  font-family: calibri;
}
 
.historia {
  width: 200px;
  height: 190px;
  overflow-y: auto;
  text-align: justify;
  line-height: 110%;
  font-size: 11px;
  font-family: calibri;
}
.admin-tab {
  width: 200px; height: 190px;
}
 
.sub-tit-tab {
  width: 200px;
  line-height: 100%;
  text-align: center;
  font-style: italic;
     font-family: Nova Mono;
    text-transform: uppercase;
  font-size: 11px;
  display: block;
  border-bottom: 1px solid #6b6b6b;
  padding-bottom: 3px;
}
 
.historia::first-letter {
  font-style: italic;
  font-family: georgia;
  font-size: 20px;
  font-weight: bold;
  color: #86a258;
}
 
#comments_scroll_div {
  margin-left: 10px;
  margin-right: 10px;
  line-height: 110%;
  width: 210px;
  height: 190px;
  overflow: hidden;
  font-size: 11px;
}
 
#comments_scroll_div a {
  font-style: italic;
  font-family: georgia;
}
 
.titulo-tab {
  text-align: center;
  line-height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-style: italic;
  width: 656px;
  color: #eee;
  margin-bottom: 3px;
  font-size: 14px;
  font-family: Nova Mono;
  font-weight: normal;
  text-transform: none;
  background: #86a258;
}
 
#haiass-tab {
width: 656px; /*Ancho del tablón */
height:290px; /* Alto del tablon */
}
#haiass-tab #botones {
width: 656px;
overflow: hidden; /*Ancho de la zona de botones */
}
#botones .botoncito { /*Estilo de cada botón*/
background: #134;
display: inline-block;
font-size: 11px;
margin-bottom: 3px;
color: #eee;
font-style: italic;
font-family: Exo;
text-align:center;
width: 110px;
padding:3px;
  border-top: 2px solid #79204e;
  border-right: 2px solid #79204e;
}
#haiass-tab #contenido {
font-family: calibri;
background: transparent; /*Color de fondo de la zona de botones */
height:230px;
padding: 10px;
width:636px; /*Ancho de la zona de paneles */
color: #ccc;
padding-bottom: 0px;
}
.infos {
display:none;
}

/* Perfil en tablon */
dl.mod-login-avatar {
    margin: 0 auto;
    display: block;
}

.mod-login-avatar dt img {
    width: 100px;
}

.mod-login-avatar dt {
    display: block;
    overflow: hidden;
    margin: 0 auto;
  -webkit-transform: scale(0.8);  
  -ms-transform: scale(0.8);  
  -o-transform: scale(0.8);  
  transform: scale(0.8);
}

.module .box-content .mod-login dt {
    border-bottom: 2px solid #79204e;
    display: block;
    font-size: 10px;
    padding: 10px 3px 3px 3px;
    text-align: center;
    text-transform: uppercase;
    width: 40%;
    float: right;
}

dl.mod-login {
    display: block;
    float: none !important;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}
.module .box-content .mod-login-avatar {
    float:left;
}

.module .h3 {display:none}

/** Censo **/

.nombrecenso{
    font-size:11px;
    text-shadow:3px 2px 2px black;
    font-family:georgia;
    color:white;
    padding-right:5px;
    text-align:right;
    margin-top:-2px;
}
table{
    display:table;
    border-collapse:separate;
    border-spacing:2px;
    border-color:gray;
}
.censox{
    height:15px;
    color:white;
    padding:2px;
    font:11px georgia;
    margin-top:-1px;
    margin-bottom:-2px;
    text-align:center;
    text-shadow:1px 2px 3px black;
}
.censogeneral{
    display:inline-block;
    height:17px;
    float:left;
    background:black;
    width:100px;
    border:1px solid #290101;
    margin-bottom:-2px;
    margin-left:-4px;
}
#censocazador{
    font-size:11px;
    text-shadow:3px 2px 2px black;
    font-family:georgia;
    color:black;
    padding-right:5px;
    text-align:center;
  float: left;
    height:14px;
    padding-bottom:1px;
    margin: 1px 1px 1px 0;
    background:#5A68FA !important;

}
.censoraza{
    font-size:11px;
    text-shadow:3px 2px 2px black;
    font-family:georgia;
    color:black;
    padding-right:5px;
    text-align:center;
    height:14px;
    float: left;
    padding-bottom:1px;
    margin: 1px 1px 1px 0;
}
#censolican{
    background:#FF8400 !important;
}
#censoincorporeo{
    background:#FF7D63 !important;
}
#censovampis{
    background:#FF0000 !important;
}
#censohechiceros{
    background:#32B336 !important;
}
#censohadas{
    background:#FF00FF !important;
}
#censoelfos{
    background:#FFF203 !important;
}
#censosombras{
    background:#8C8787 !important;
}

HTML
Aquí

Java
Código:
jQuery(document).ready(function(){
  jQuery("#conectate").replaceWith(jQuery("#left .module:last"));
});

jQuery(document).ready(function(){
jQuery('#botonA').click( function() {
jQuery('.infos').slideUp('slow');
jQuery('#contA').slideDown('slow');
});
jQuery('#botonB').click( function() {
jQuery('.infos').slideUp('slow');
jQuery('#contB').slideDown('slow');
});
jQuery('#botonC').click( function() {
jQuery('.infos').slideUp('slow');
jQuery('#contC').slideDown('slow');
});
});

Code This
Admin
Admin

Mensajes : 37
Fecha de inscripción : 11/05/2014


Ver perfil de usuario http://codethis.foroactivo.mx

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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