- Share this text:
KPK CODIGO HTML PRA TAAAYY SZ - posted by guest on 14th January 2020 09:50:07 PM
<head>
<title>— KPENKAL</title>
<style>figure{margin:0}.tmblr-iframe{bsolute}.tmblr-iframe.hide{display:none}</style><link rel="shortcut icon" href="https://i.imgur.com/gCVBrrg.png"> <!-- TROCA EM KPENKAL PELO NOME Q VC QUER Q APAREÇA NO SITE NA BARRINHA DE NAVEGADOR E DPS O LINK Q TA EM BAIXO Q EH O ICON. DE PREFERENCIA UMA COISA .PNG E PEQUENA TA -->
<!-- CREDITOS PRA QUEM FEZ. CREDITOS TB PRA QUEM RE-EDITOU: BY FRANCIS <3 CHAMAH NO DISCORD SE VC QUER ALGUM SITE NO TUMBLR: SITE PRA RPG OU PRA RPS. @FRANCIS#7355 //SE FOR PRA RP NAO ESPERE MTO DE MIM PQ FAZER COISA TEMATICA NUM EH CMG. MAS SE FOR PRA SITE DE RPG ME CHAMAAAAAA.. FAÇO DE GRAÇA $$$$$ @FRANCIS#7355 -->
<div class="sect"><img src="https://i.imgur.com/kJ5xSTs.png" class="bg">
<a href="/"><img src="https://i.imgur.com/BjNjiio.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/BjNjiio.png" class="bg">
<a href="/"><img src="https://i.imgur.com/kJ5xSTs.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/kJ5xSTs.png" class="bg">
<a href="/"><img src="https://i.imgur.com/BjNjiio.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/BjNjiio.png" class="bg">
<a href="/"><img src="https://i.imgur.com/kJ5xSTs.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/kJ5xSTs.png" class="bg">
<a href="/"><img src="https://i.imgur.com/BjNjiio.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/BjNjiio.png" class="bg">
<a href="/"><img src="https://i.imgur.com/kJ5xSTs.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/kJ5xSTs.png" class="bg">
<a href="/"><img src="https://i.imgur.com/BjNjiio.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/BjNjiio.png" class="bg">
<a href="/"><img src="https://i.imgur.com/kJ5xSTs.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="sect"><img src="https://i.imgur.com/kJ5xSTs.png" class="bg">
<a href="/"><img src="https://i.imgur.com/BjNjiio.png" class="pic"></a>
<div class="banner" text="NOME"></div></div>
<div class="banner" text="FRASE ICONICA"></div> <!-- MUDA A FRASE ICONICKEER AKI MONAMO -->
<style>
body {
ixed;
height:50%;
width:90%;
margin:0;
ixed;
top:100px;
left:70px;
background:#000 url() fixed center center; /*SE VC KISER UM BG DE IMG TROCA O #000 POR URL LINK CENTER CENTER COMO MOSTRA BEM AKI < */
font:0/0 arial;
word-break:break-word; }
.tmblr-iframe--unified-controls {
z-index:1300602!important; }
a, a:hover {
text-decoration:none;
-webkit-transition:.4s;
transition:.4s; }
::-moz-selection {
background:#000;
color:#fff; }
::selection {
background:#000;
color:#fff; }
.sect {
elative;
display:inline-block;
height:100%;
width:calc(100% / 9); /* TROCA O 9 AKI PRA UM NUMERO DE PREFERENCIA ABAIXO DE 7. A GENTE BOTOU 9 PQ KPK PISAA KKKKKKKKKKAAAAAAAAAAAAAA XDDD BJS -FRANCIS*/
overflow:hidden;
margin-left:0;
-webkit-transition:.4s;
transition:.4s; }
.pic, .bg {
bsolute;
height:100%;
margin:auto;
top:-999px;
bottom:-999px;
left:-999px;
right:-999px;
-webkit-transition:.4s;
transition:.4s; }
body:hover .bg {
opacity:.6;
-webkit-transition:.4s;
transition:.4s; }
.sect .pic:nth-last-child(1), .sect:hover .pic:nth-child(1), .banner::before, .sect:hover ~ .banner::before {
opacity:0;
-webkit-transition:.4s;
transition:.4s; }
.sect:hover .bg, .sect:hover .pic, body .sect:hover, .sect ~ .banner::before, .sect:hover .pic:nth-last-child(1) {
opacity:1;
-webkit-transition:.4s;
transition:.4s; }
#info {
z-index:1300602;
ixed;
width:20px;
bottom:calc(15% + 10px);
left:10px;
background:#fff;
color:#000;
text-align:center;
font:15px/20px arial; }
#info:hover {
background:#000;
color:#fff; }
.banner {
ixed;
width:100%;
height:125px;
overflow:hidden;
bottom:15%;
left:0;
/* change #fff to the hex code of your desired TITLE BACKGROUND COLOR.
if you want a TITLE BACKGROUND IMAGE, paste an image url between the () */
background:#fff url() center center fixed;
box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);
-webkit-transition:.4s;
transition:.4s; }
.banner::before {
bsolute;
width:100%;
height:100%;
color:#000; /* TROCA A COR DA FRASE IKONIKA AKIIIIHHHHHH */
text-align:center;
text-transform:uppercase;
letter-spacing:9px;
font:70px/125px 'Playfair Display', serif;
content:attr(text);
-webkit-transition:z-index .4s ease 0s, opacity .4s ease .1s;
transition:z-index .4s ease 0s, opacity .4s ease .1s; }
.sect:hover .banner::before, .sect:hover .banner {
z-index:4;
opacity:1;
-webkit-transition:z-index .4s ease 0s, opacity .4s ease .1s;
transition:z-index .4s ease 0s, opacity .4s ease .1s; }
iframe {display:none !important;}
figure{margin:0}.tmblr-iframe{bsolute}.tmblr-iframe.hide{display:none}.tmblr-iframe--amp-cta-button{visibility:hidden;ixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:100}.tmblr-iframe--amp-cta-button.tmblr-iframe--loaded{visibility:hidden;animation:iframe-app-cta-transition .2s ease-out} /*NUM MEXE EM MAIS NADA PLO AMOR DE DEUS SHEMALE */
</style>