FOOLISH ★ SOULS
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Foro RPG realista.


codigo previo

FOOLISH ★ SOULS :: Your things {#} :: Búsquedas
Ir abajo
Death
Death


death

Femenino Edad : 24
Mensajes : 51
http://foolishsouls.roll.tv
+

codigo previo Empty codigo previo

Vie Ene 19, 2018 10:04 pm
PALETA DE COLORES: valentine's day

Código:
/*
#8D5889 morado
#E26F9D
#F8A4BE
#FFBECA rosado claro
*/
#desc {
  background-color: #505e7a;
  padding: 20px;
}


/* temas y posts */
.forabg dd.topics {
background: #505e7a;
width: 40px;
height: 40px;
padding: 5px;
display: block;
text-align: center;
margin-top: 50px;
margin-left: 60px;
font-family: oswald, arial black;
font-size: 20px;
color: #f0f0f0;
line-height: 100%;
}

.forabg dd.posts {
background: #505e7a;
width: 40px;
height: 40px;
padding: 5px;
display: block;
text-align: center;
margin-top: 50px;
margin-left: 60px;
font-family: oswald, arial black;
font-size: 20px;
color: #f0f0f0;
line-height: 100%;
}

.forabg dd.topics:after {
content: " temas ";
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
display: block;
}

.forabg dd.posts:after {
content: " posts ";
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
display: block;
}

/*
.forabg dd.posts {
background: #505e7a;
width: 60px;
height: 60px;
display: block;
padding: 5px;
font-size: 22px;
color: #f0f0f0;
font-family: calibri;
text-transform: uppercase;
line-height: 150%;
text-align: center;
}

.forabg dd.posts:after {
  content: " posts ";
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-style: italic;
font-weight: lighter;
}*/

.forabg dd.lastpost {
width: 400px;
background: #030612;
height: 24px;
line-height: 10px;
padding-top: 10px;
text-transform: uppercase;
font-family: arial;
font-size: 9px;
color: #fff;
text-shadow: 2px 1px 0 #444;
text-align: center;
}

dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}

li dd.lastpost span a {
margin-right: 10px;
}

.forabg dd.lastpost a {
color: #fff;
}

.last-post-icon { display:none; }
.lastpost br { display:none;}









/* cuadro del foro */
#wrap {
width: 940px !important;
margin-bottom: -10px;
padding: 30px;
border: 40px solid #eee;
}

/* el logo */
#logo-desc {
margin-top: -35px;
margin-left: -40px;
}

#logo-desc p {
display: none;
}

/* menu principal */
a.mainmenu {
color: #fff;
font-family: montserrat, calibri;
font-size: 8px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
padding: 8px;
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}

a.mainmenu:hover {
background-color: #986894;
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}

.navlinks {
width: 100%;
background-color: #8D5889;
padding: 5px;
position: fixed;
left: 0;
top: 0;
}


/* caja de buscar */ #search-box { visibility: hidden; }
/* fecha y hora */ p.right.rightside { font-size: 0px; color: transparent; }
/* ultima visita */ p.right.rightside+p { font-size: 0px; color: transparent; }


/* Categorias */
li.header {
background-color: #8e90a8;
padding: 40px;
text-align: center;
}

.table-title, .table-title h2 {
color: #fff;
font-family: montserrat, arial;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 900;
text-align: center;
vertical-align: middle;
}

.forabg li.header dd.dterm { width: 100%; }
.forabg li.header dd.topics { display: none; }
.forabg li.header dd.posts { display: none; }
.forabg li.header dd.lastpost { display: none; }

.forabg {
background-color: #fafafa;
box-shadow: 2px 2px 0px #EB265A;
}

/* foros -titulos */
a.forumtitle {
/*width: 300px;
dispaly: block;
margin-bottom: -16px;*/
font-family: arial;
font-size: 20px;
font-style: italic;
line-height: 90%;
text-transform: uppercase;
color: #fff;
letter-spacing: -1px;
}

a.forumtitle:hover {
color: #fff;
text-decoration: none;
}


.module .h3 { visibility: hidden; display: none; }

#content-container div#left {
float: left;
margin-right: 0;
overflow: hidden;
width: 180px;
display: none;
}

div#mate {
position: fixed;
border: 10px solid #e0d9df;
background: #e0d9df;
padding: 10px;
width: 175px;
height: 175px;
top: 70px;
left: 40px;
color: #111;
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-style: italic;
text-align: center;
}

div#comments_scroll_div {
height: 175px;
overflow: hidden;
}

/*
div#mate {
position: absolute;
background: #e0d9df;
border: 10px solid #e0d9df;
padding: 10px;
width: 175px;
height: 175px;
top: 100px;
left: 38px; /*
left: -200px;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
color: #111;
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-style: italic;
text-align: center;
}
/*
div#comments_scroll_div .marquee {
height: 175px!important;
}

div#comments_scroll_div:hover {
left: 38px; 
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}*

div#mate a {
color: #111;
}

/*
.forabg .row {
display: inline-block;
width: 50%;
}
dd.dterm {
margin-left: 15px;
}

.forabg dd.topics {
position: absolute;
}

.forabg dd.posts {
position: absolute;
}

.forabg dd.lastpost {
position: absolute;
}

#desc-ro {
background: #DDD;
width: 300px;
height: 200px;
}



/*
#desc-text {
border: 10px solid #ddd;
border-right: none;
background: #ddd;
width: 205px;
height: 145px;
overflow: auto;
text-align: justify;
padding-right: 5px;
color: #000;
}

#desc-img {
background: #E4E1E1;
width: 210px;
height: 140px;
margin-left: 10px;
top: 10px;
position: relative;
}
*/

.tabss {
position: relative;
overflow: hidden;
width: 400px;
height: 400px;
padding: 20px;
background-color: #8e90a8;
} 
.tabb {
float: left;
} 
.tabb label {
background-color: #030612;
padding: 5px;
margin-left: -1px;
position: relative;
left: 1px;
font-family: arial;
font-size: 10px;
color: #FFF;
text-transform: uppercase;
letter-spacing: 1px;
} 
.tabb [type=radio] {
display: none;
} 
.contentty {
width: 360px;
height: 340px;
position: absolute;
top: 40px;
bottom: 0;
left: 20px;
right: 0; 
background-color: #f0f0f0;
font-family: arial;
font-size: 10px;
color: #222;
line-height: 100%;
text-align: justify;
padding: 20px;
} 
.tabb [type=radio]:checked ~ label {
background-color: #505e7a;
z-index: 2;
}
.tabb [type=radio]:checked ~ label ~ .contentty {
z-index: 1;
}


/*Pestañas del perfil
#tabs {
list-style: none;
display: table;
width: 220px;
margin: 0px;
background-color: transparent;
}
#tabs li {
margin: 0px;
display: table-cell;
font-family: Cabin;
font-size: 10px;
text-transform: uppercase;
line-height: 100%;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
width: 105px;
text-align: center;
}
#tabs li a {
font-family: Cabin;
font-size: 10px;
text-transform: uppercase;
line-height: 100%;
letter-spacing: 1px;
color: #fff;
padding-top: 10px;
padding-bottom: 8px;
text-decoration: none;
width: 105px;
text-align: center;
background: #b42411;
transition: 0.8s;
}
 
#tabs:hover li a {
  transition: 0.8s;
  box-shadow: inset 0 0 0 #000000;
}
 
.tab_content {
display: none;
color: 1c1c1c;
width: 220px;
margin: 0px;
}
 
#tabs_content_container {
width: 220px;
height: 320px;
overflow:hidden;
}
 */

.postprofile {
width: 200px;
padding: 10px;
background-color: #fff;
float: right;
background-image: url('http://i.imgur.com/gz4dNPV.png');
border: 5px solid #fff;
outline: 3px double #bbb;
outline-offset: -4px;
}

.nombre-post {
width: 120px;
text-align: center;
padding: 40px;
background: #fff;
}

.nombre-post a {
display: block;
background: #f0f0f0;
padding: 3px;
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-style: italic;
font-weight: lighter;
}

#efecto-post:hover .total-post:hover {
margin-left: 10px;
opacity: 1;
-webkit-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
transform: scale(1);
}

#efecto-post {
width: 200px;
height: 350px;
overflow: hidden;
}

.total-post {
background: #fff;
position: relative;
display: block;
width: 200px;
margin-top: -290px;
margin-left: -200px;
height: 240px;
transition: ease-in-out 1s;
-webkit-transition: ease-in-out 1s;
-ms-transition: ease-in-out 1s;
-moz-transition: ease-in-out 1s;
-webkit-transform: scale(2); 
-ms-transform: scale(2); 
-o-transform: scale(2); 
transform: scale(2);
}

#info-datos {
background: #f8f8f8;
display: block;
width: 162px;
padding: 5px;
height: 190px;
}

#caja-botones {
background: #21304a;
text-align: center;
margin-top: 10px;
}

#title-post {
width: 150px;
display: block;
text-align: center;
background: #8e90a8;
padding: 5px;
font-family: arial narrow;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: italic;
font-weight: lighter;
}

#dato-post {
width: 150px;
display: block;
text-align: center;
background: #f0f0f0;
padding: 5px;
font-family: arial;
font-size: 8px;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
}

/* fonts */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXE-fhZE2STYI3KzBGzrJG_ik.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXE_oTkEokFSrSpvYSpZOeZRs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXE0_0lycXMw8PhobHtu2Qgco.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXE8u2Q0OS-KeTAWjgkS85mDg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/rBHvpRWBkgyW99dXT88n7yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/NX1NravqaXESu9fFv7KuqiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v12/aEu-9ATAroJ1iN4zmQ55BqvmtpDkVk8Ra82A8AL7V0Q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v12/aEu-9ATAroJ1iN4zmQ55BhM_lnCtUATOqR8j0WRFbzk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v12/aEu-9ATAroJ1iN4zmQ55Bu4NfmXkMoD31PGgz7X31CU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v12/aEu-9ATAroJ1iN4zmQ55BsvbOpOevl3wWYjwFvepnDU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v12/aEu-9ATAroJ1iN4zmQ55Bsjsb7Oq0o-uqUFW7Ygu5rM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
Death
Death


death

Femenino Edad : 24
Mensajes : 51
http://foolishsouls.roll.tv
+

codigo previo Empty JAVASCRIPT CODIGOS

Vie Ene 19, 2018 10:12 pm
kismet tabs
Código:
/* code written by kismet of RPG-Directory.com */ $(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});

tabs (otra)
Código:
$(document).ready(function(){$(".tab_content").hide();$("ul.tabs li:first").addClass("active").show();$(".tab_content:first").show();$("ul.tabs li").click(function(){$("ul.tabs li").removeClass("active");$(this).addClass("active");$(".tab_content").hide('fast');var activeTab=$(this).find("a").attr("href");$(activeTab).fadeIn('slow');return false})});

categorias despegables
Código:
$(function() {
      x = $('div.forabg').get();

      for (i = 0; i < x.length; i++) {
        x[i].id = 'cat_'+i;

        $(x[i]).find('li.header').prepend('<img src="http://i.imgur.com/LvyiEMe.png" class="saxToggle" style="float: right; margin-right: 30px; margin-bottom: -20px; margin-top: 10px; cursor: pointer; z-index: 5!important; position: relative;" />');

        if (my_getcookie(x[i].id)=='contracted') {
          $(x[i]).find('li.row').hide();
          $(x[i]).find('.saxToggle')[0].src='http://i.imgur.com/bgyAlwL.png';
        }
      };

      $('.saxToggle').click(function() {
        if ($(this).parent().parent().parent().find('li.row').is(':visible')) {
          $(this).parent().parent().parent().find('li.row').hide('slow');
          this.src ='http://i.imgur.com/bgyAlwL.png';
          my_setcookie($(this).parent().parent().parent().parent()[0].id, 'contracted');
        }

        else {
          $(this).parent().parent().parent().find('li.row').show('slow');
          this.src ='http://i.imgur.com/LvyiEMe.png';
          my_setcookie($(this).parent().parent().parent().parent()[0].id, 'expanded');
        }
      });
    });

seleccionar todo
Código:
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}

var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
if(text){}else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white"></font>Seleccionar todo el contenido</a>');
});

tabs, accordion, slide???
Código:
var ContentHeight=200;var TimeToSlide=250.0;var openAccordion='';function runAccordion(index){var nID="Accordion"+index+"Content";if(openAccordion==nID)nID='';setTimeout("animate("+new Date().getTime()+","+TimeToSlide+",'"+openAccordion+"','"+nID+"')",33);openAccordion=nID}function animate(lastTick,timeLeft,closingId,openingId){var curTick=new Date().getTime();var elapsedTicks=curTick-lastTick;var opening=(openingId=='')?null:document.getElementById(openingId);var closing=(closingId=='')?null:document.getElementById(closingId);if(timeLeft<=elapsedTicks){if(opening!=null)opening.style.height=ContentHeight+'px';if(closing!=null){closing.style.display='none';closing.style.height='0px'}return}timeLeft-=elapsedTicks;var newClosedHeight=Math.round((timeLeft/TimeToSlide)*ContentHeight);if(opening!=null){if(opening.style.display!='block')opening.style.display='block';opening.style.height=(ContentHeight-newClosedHeight)+'px'}if(closing!=null)closing.style.height=newClosedHeight+'px';setTimeout("animate("+curTick+","+timeLeft+",'"+closingId+"','"+openingId+"')",33)}
                                                                                                                                                                                                                                                                                                                                          
Death
Death


death

Femenino Edad : 24
Mensajes : 51
http://foolishsouls.roll.tv
+

codigo previo Empty Re: codigo previo

Vie Ene 19, 2018 10:15 pm
Contenido patrocinado
+

codigo previo Empty Re: codigo previo

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