Здесь делается вжух 🪄

Test by devls

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Test by devls » страниу » коды тамбы

коды тамбы

Страница:   1 2 3 4 5 6 7  

Сообщений 31 страница 40 из 61

31

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><link href="https://dl.dropboxusercontent.com/s/hkgn7766ib5jct5/music.css" rel="stylesheet"><link href="http://fonts.cdnfonts.com/css/foco-trial" rel="stylesheet"><link href="http://fonts.cdnfonts.com/css/iciel-gotham" rel="stylesheet"><link href="http://fonts.cdnfonts.com/css/airbus" rel="stylesheet"><link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"><div class="wk-hk"><div class="wk-hk-01">FRASE</div><div class="wk-hk-02">TITULO</div><div class="wk-hk-03" style="background-image:url(https://via.placeholder.com/300);"><div class="wk-hk-031"><div class="wk-hk-post"><div class="wk-hk-txt">
POST AQUI
</div></div></div></div><div class="wk-hk-04"><div class="hki-01"></div><div class="hki-02"><div class="wks-01"><div class="msp-01">SEGUNDO TITULO</div><div class="msp-02">SEGUNDA FRASE</div></div><div class="wks-02"><div class="msp-03"><i class="cp cp-chevron-left"></i></div><div class="msp-04"><div class="msp-05"><a href="URL DEL OUTFIT" target=_blank><i class="cp cp-music-note"></i></a></div><div class="msp-06">Outfit</div></div><div class="msp-03"><i class="cp cp-chevron-right"></i></div></div></div></div></div><a href="https://elirosecodes.tumblr.com/"><div class="gnomo">elirose</div></a><style>:root {--music: #a69c9d; --musa: #4b4141; --music-it: #a69c9d; --music-b: #4b4141;;}</style>

32

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><div class="eyecandy eyecandyv2">
<input type="radio" name="eyecandy" id="ecc1" checked/>
<input type="radio" name="eyecandy" id="ecc2"/>
<input type="radio" name="eyecandy" id="ecc3"/>
<input type="radio" name="eyecandy" id="ecc4"/>
<div class="ecenv">
<div class="ecbot">
<label for="ecc1"><em class="cp cp-cappuccino"></em></label>
<label for="ecc2"><em class="cp cp-baguette"></em></label>
<label for="ecc3"><em class="cp cp-biscuit"></em></label>
<label for="ecc4"><em class="cp cp-coffee-beans"></em></label>
</div>
<div class="eccont">
<div class="ecc1">
<!-- aquí empieza un dato -->
<div class="ecdato">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>contenido del dato</strong>
<i>nombre del dato</i>
</strong>
</div>
<!-- aquí termina un dato -->
<!-- aquí empieza un dato -->
<div class="ecdato">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>contenido del dato</strong>
<i>nombre del dato</i>
</strong>
</div>
<!-- aquí termina un dato -->
<!-- aquí empieza un dato -->
<div class="ecdato">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>contenido del dato</strong>
<i>nombre del dato</i>
</strong>
</div>
<!-- aquí termina un dato -->
<!-- aquí empieza un dato -->
<div class="ecdato">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>contenido del dato</strong>
<i>nombre del dato</i>
</strong>
</div>
<!-- aquí termina un dato -->
<!-- aquí empieza un dato -->
<div class="ecdato">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>contenido del dato</strong>
<i>nombre del dato</i>
</strong>
</div>
<!-- aquí termina un dato -->
<!-- aquí empieza un dato -->
<div class="ecdato">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>contenido del dato</strong>
<i>nombre del dato</i>
</strong>
</div>
<!-- aquí termina un dato -->
</div>
<div class="ecc2">
<!-- aquí empieza un link -->
<a class="ectema" href="">
<em class="cp cp-coffee-beans"></em>
<span>
<strong>Nombre del tema</strong>
<i>Datos del tema</i>
</span>
</a>
<!-- aquí termina un link -->
</div>
<div class="ecc3">
<!-- aquí empieza una relación -->
<div class="ecrel">
<div class="ecrel1">
<img src="http://via.placeholder.com/60"/>
<strong>Nombre<br/>apellido</strong>
</div>
<div class="ecrel2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lorem nunc, cursus eget consequat sed, pretium eu neque. Mauris auctor varius auctor. Quisque at ex sit amet elit tempor maximus quis et orci. Cras volutpat, ante quis sagittis commodo, ipsum ex vehicula felis, vel congue nulla nisl convallis enim. Suspendisse nec odio vitae ex rutrum aliquam cursus eget tortor. Vivamus ac velit ut ex fringilla pulvinar. Cras posuere sit amet dolor eget malesuada.
<br/><br/>
Proin sed tincidunt est. Nulla facilisis arcu nec libero finibus, vel mollis orci vestibulum. Proin ac libero ornare, tempor diam non, vestibulum est. Quisque sit amet libero rhoncus, accumsan orci nec, tempus tellus. Aliquam aliquam, ante sodales faucibus pretium, diam sem interdum neque, eu pulvinar eros sapien et tellus. Maecenas sed molestie metus. Praesent sed ex suscipit elit pretium tempus. Nullam quis sollicitudin nibh, nec ullamcorper tellus.</div>
</div>
<!-- aquí termina una relación -->
<!-- aquí empieza una relación -->
<div class="ecrel">
<div class="ecrel1">
<img src="http://via.placeholder.com/60"/>
<strong>Nombre<br/>apellido</strong>
</div>
<div class="ecrel2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lorem nunc, cursus eget consequat sed, pretium eu neque. Mauris auctor varius auctor. Quisque at ex sit amet elit tempor maximus quis et orci. Cras volutpat, ante quis sagittis commodo, ipsum ex vehicula felis, vel congue nulla nisl convallis enim. Suspendisse nec odio vitae ex rutrum aliquam cursus eget tortor. Vivamus ac velit ut ex fringilla pulvinar. Cras posuere sit amet dolor eget malesuada.
<br/><br/>
Proin sed tincidunt est. Nulla facilisis arcu nec libero finibus, vel mollis orci vestibulum. Proin ac libero ornare, tempor diam non, vestibulum est. Quisque sit amet libero rhoncus, accumsan orci nec, tempus tellus. Aliquam aliquam, ante sodales faucibus pretium, diam sem interdum neque, eu pulvinar eros sapien et tellus. Maecenas sed molestie metus. Praesent sed ex suscipit elit pretium tempus. Nullam quis sollicitudin nibh, nec ullamcorper tellus.</div>
</div>
<!-- aquí termina una relación -->
<!-- aquí empieza una relación -->
<div class="ecrel">
<div class="ecrel1">
<img src="http://via.placeholder.com/60"/>
<strong>Nombre<br/>apellido</strong>
</div>
<div class="ecrel2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lorem nunc, cursus eget consequat sed, pretium eu neque. Mauris auctor varius auctor. Quisque at ex sit amet elit tempor maximus quis et orci. Cras volutpat, ante quis sagittis commodo, ipsum ex vehicula felis, vel congue nulla nisl convallis enim. Suspendisse nec odio vitae ex rutrum aliquam cursus eget tortor. Vivamus ac velit ut ex fringilla pulvinar. Cras posuere sit amet dolor eget malesuada.
<br/><br/>
Proin sed tincidunt est. Nulla facilisis arcu nec libero finibus, vel mollis orci vestibulum. Proin ac libero ornare, tempor diam non, vestibulum est. Quisque sit amet libero rhoncus, accumsan orci nec, tempus tellus. Aliquam aliquam, ante sodales faucibus pretium, diam sem interdum neque, eu pulvinar eros sapien et tellus. Maecenas sed molestie metus. Praesent sed ex suscipit elit pretium tempus. Nullam quis sollicitudin nibh, nec ullamcorper tellus.</div>
</div>
<!-- aquí termina una relación -->
<!-- aquí empieza una relación -->
<div class="ecrel">
<div class="ecrel1">
<img src="http://via.placeholder.com/60"/>
<strong>Nombre<br/>apellido</strong>
</div>
<div class="ecrel2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lorem nunc, cursus eget consequat sed, pretium eu neque. Mauris auctor varius auctor. Quisque at ex sit amet elit tempor maximus quis et orci. Cras volutpat, ante quis sagittis commodo, ipsum ex vehicula felis, vel congue nulla nisl convallis enim. Suspendisse nec odio vitae ex rutrum aliquam cursus eget tortor. Vivamus ac velit ut ex fringilla pulvinar. Cras posuere sit amet dolor eget malesuada.
<br/><br/>
Proin sed tincidunt est. Nulla facilisis arcu nec libero finibus, vel mollis orci vestibulum. Proin ac libero ornare, tempor diam non, vestibulum est. Quisque sit amet libero rhoncus, accumsan orci nec, tempus tellus. Aliquam aliquam, ante sodales faucibus pretium, diam sem interdum neque, eu pulvinar eros sapien et tellus. Maecenas sed molestie metus. Praesent sed ex suscipit elit pretium tempus. Nullam quis sollicitudin nibh, nec ullamcorper tellus.</div>
</div>
<!-- aquí termina una relación -->
</div>
<div class="ecc4">
<img src="https://i.imgur.com/pMIpOfp.jpg"/>
<img src="https://i.imgur.com/MTqJsn0.jpg"/>
<img src="https://i.imgur.com/LalAQT8.jpg"/>
<img src="https://i.imgur.com/eefa9Kv.jpg"/>
</div>
</div>
<div class="ecsid">
<img src="https://64.media.tumblr.com/8b94e44b9958abe3b1d45f4755c27274/61e95fb457e1551d-49/s400x600/279ef29762fce90c3d81082e249c44666735ecb3.jpg"/>
<strong>nombre<br/>apellido</strong>
</div>
</div>
<div class="ectit">lorem ipsum dolor sit amet</div>
</div>

<link rel="stylesheet" type="text/css" href="//icons.cappuccicons.com/cpf.css"/>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/>
<link href="https://dl.dropbox.com/s/fopm15i1q72rael/eyecandy.css" rel="stylesheet"/>

33

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML-->
 
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap" rel="stylesheet"><link href="https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="https://dl.dropboxusercontent.com/s/54lrxwsoeuqwwe2/feedval.css" rel="stylesheet"/>
<div id="feedval">
<div class="uppost prof"><m>username</m>
<div class="mylike icm"><img src="https://i.imgur.com/5juzSye.png"/></div></div>
<div class="postima"><img src="https://placehold.it/300"/></div>
<div class="datos datos2"><strong>000</strong>posts <strong>0K</strong>followers <strong>00</strong>following</div>
<div class="description desci">Descripción del perfil breve.</div>
<div class="latest">MY LASTEST POSTS</div>
<div class="latest-im"><div class="latestv uno" style="background: url(https://placehold.it/100); background-size: 100%;"></div><div class="latestv dos" style="background: url(https://placehold.it/100); background-size: 100%;"></div><div class="latestv tres" style="background: url(https://placehold.it/100); background-size: 100%;"></div></div>
</div><div class="valig"><a href="https://valanwhistle.tumblr.com" target="blank">VAC</a></div>

 
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap" rel="stylesheet"><link href="https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="https://dl.dropboxusercontent.com/s/54lrxwsoeuqwwe2/feedval.css" rel="stylesheet"/>
<div id="feedval">
<div class="uppost"><img src="https://placehold.it/60"/><m>username</m>
<div class="mylike"><img src="https://i.imgur.com/5juzSye.png"/><span class="fas fa-heart"></span></div></div>
<div class="postima"><img src="https://placehold.it/300"/></div>
<div class="datos"><strong>0.0k</strong>likes <strong>0.0k</strong>comments <div class="items"><span class="lnr lnr-bookmark"></span><span class="lnr lnr-rocket"></span><span class="lnr lnr-bubble"></span></div></div>
<div class="description">Descripción del post/imagen aquí.</div>
</div><div class="valig"><a href="https://valanwhistle.tumblr.com" target="blank">VAC</a></div>
 
 
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap" rel="stylesheet"><link href="https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="https://dl.dropboxusercontent.com/s/54lrxwsoeuqwwe2/feedval.css" rel="stylesheet"/><div id="comval">
<div class="uppost"><img src="https://placehold.it/60"/><m>username</m>
<div class="mylike"><img src="https://i.imgur.com/5juzSye.png"/><n>from ciudad, país</n></div></div>
<div class="iconoscoment"><span class="lnr lnr-bubble"></span> <span class="lnr lnr-heart"></span></div>
<div class="description">Comentario easy peasy lemon squeezy aquí.</div>
</div><div class="valig"><a href="https://valanwhistle.tumblr.com" target="blank">VAC</a></div>
 

 
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap" rel="stylesheet"><link href="https://dl.dropboxusercontent.com/s/54lrxwsoeuqwwe2/feedval.css" rel="stylesheet"/>
<div id="amiwis">
<div class="amistit"><img src="https://placehold.it/100"/>username's <span>insta friends</span></div>
<div class="instam">
<div class="imigram" style="background-image: url(https://placehold.it/200);"><span><a href="#">@usuario</a></span></div>
<div class="imigram" style="background-image: url(https://placehold.it/200);"><span><a href="#">@usuario</a></span></div>
<div class="imigram" style="background-image: url(https://placehold.it/200);"><span><a href="#">@usuario</a></span></div>
</div>
</div><div class="vfi"><a href="https://valanwhistle.tumblr.com" target="blank">VAC</a></div>

34

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML-->/************************* PERFIL *********************/
<div class="bt-instagram bt-instacolores"><div class="btinsta-barra"><div><span class="sf sf-chevron-left"></span><b>volver al inicio.</b></div><div class="btinsta-seguir">seguir +</div></div><div class="btinsta-portada"><div class="btinsta-imagen"><img src="https://placehold.jp/130x130.png"/></div><div class="btinsta-datos"><instauser>bettyleg</instauser><instadescr>Um, I'm happy you're home. Yeah, I want a date with Bo Derek. We all want things. Mistakes have been made. Don’t take it so personally, okay? I don’t like most people.</instadescr>
<instalink><span class="sf sf-link-1-o"></span><a href="">https://www.bettyleg.tumblr.com</a></instalink></div></div><div class="btinsta-galeria"><img src="https://placehold.jp/145x145.png"/><img src="https://placehold.jp/145x145.png"/><img src="https://placehold.jp/145x145.png"/><img src="https://placehold.jp/145x145.png"/><img src="https://placehold.jp/145x145.png"/><img src="https://placehold.jp/145x145.png"/></div></div><a class="bettycred" style="margin-top:-5px;width:540px;" href="http://bettyleg.tumblr.com/">bettyleg</a>
 
<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt-instacolores{--bti-acento1:#a42e6e; --bti-acento2:#42429a;}.bt-instagram > div:not(.instadescr) br{display:none} .bt-instagram{width:540px; border:1px solid #ccc; background:#fff; margin:10px auto; border-radius:20px; font-family:'Hind'; overflow:hidden; background:#fff;} .btinsta-portada{padding:40px; display:flex; align-items:center;} .btinsta-imagen > img{width:120px; height:120px; border-radius:180px; display:block; padding:5px; background:#fff} .btinsta-imagen{width:130px; height:130px;background: linear-gradient(var(--bti-acento1),var(--bti-acento2)); border-radius:180px; padding:6px;} .btinsta-datos{width:380px; max-height:140px;overflow:hidden; margin-left:30px;} .btinsta-datos > instauser{font-weight:700; font-size:20px; font-family:'Hammersmith One'; color:#777; display:block; } .btinsta-datos > instadescr{line-height:16px; display:block; font-size:13.5px; padding:10px 0px 5px; color:#555;} .btinsta-datos > instalink{ font-size:12px; display:flex; align-items:center;} .btinsta-datos > instalink span{color:var(--bti-acento1); padding-right:10px; font-size:12px;} .btinsta-datos > instalink a{color:var(--bti-acento2); text-decoration:none;} .btinsta-barra{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; padding:0px 20px; color:#777; font-size:12px; justify-content:space-between;}.btinsta-barra div > span{padding-right:10px; font-size:10px;} .btinsta-galeria {border-top:1px solid #ccc; display:flex; flex-wrap:wrap; padding:15px 20px 40px; background:#fcfcfc} .btinsta-galeria img{width:145px; height:145px; margin:20px 10px 0px 10px; border-radius:10px;} .btinsta-seguir{width:130px; height:20px; display:flex; align-items:center; justify-content:center; border:1px solid #ccc; border-radius:10px; background:#fafafa; text-transform:uppercase; font-weight:800; color:var(--bti-acento1); letter-spacing:2px; font-size:11px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
 
/**************************** POSTEO ÚNICO ****************************/
<div class="bt-instagramp bt-instacolores"><div class="btinstap-header"><div><img src="https://placehold.jp/60x60.png"/><span><b style="color:#a42e6e">bettyleg</b>Roma, Italia</span></div><span class="sf sf-more-o"></span></div><div class="btinstap-img"><img src="https://placehold.jp/400x400.png"/></div><div class="btinstap-icons"><div><span class="sf sf-heart-o"></span><span class="sf sf-chat-o"></span><span class="sf sf-paper-plane-o"></span></div><span class="sf sf-bookmark-o"></span></div><div class="btinstap-descrip">Don’t take it so personally, okay? I don’t like most people.</div></div><a class="bettycred" style="margin-top:-5px;width:400px;" href="http://bettyleg.tumblr.com/">bettyleg</a>
 
<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt-instagramp{width:400px; border:1px solid #ccc; border-radius:15px; margin:10px auto; font-family:'Hind'; background:#fff;} .bt-instagramp > div:not(.btinstap-descrip) br{display:none;} .btinstap-header{height:90px; border-bottom:1px solid #ccc; display:flex; align-items:center; padding:0px 20px; justify-content:space-between;} .btinstap-header div > img{width:60px; height:60px; border-radius:180px; border:1px solid #ccc; display:block; padding:3px;}.btinstap-header > div{display:flex; align-items:center; line-height:17px;} .btinstap-header > div span{padding-left:20px; font-size:13px; color:#888;} .btinstap-header > div span b{font-family:'Hammersmith One'; display:block; font-size:18px; color:var(--bti-acento1);} .btinstap-header >.sf{color:#555; font-size:18px;} .btinstap-img{height:400px; width:400px; border-bottom:1px solid #ccc;} .btinstap-icons{display:flex; align-items:center; justify-content:space-between; padding:0px 20px; height:50px;} .btinstap-icons span{font-size:20px; padding-left:15px; color:#777; font-weight:500;} .btinstap-descrip{width:360px; margin:0px auto; line-height:16px; font-size:13px; padding:0px 0px 30px; color:#555;} .btinstap-img,.btinstap-img img{width:400px; height:400px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
 
/****************************************** Comentarios ************************************/
<div class="bt-instagramp bt-instacolores"><div class="btinstap-header" style="border-bottom:0;"><div><img src="https://placehold.jp/60x60.pn"/><span><b style="color:#a42e6e">bettyleg</b>4h</span></div></div><div class="btinstap-descrip" style="margin-left:110px; width:260px; margin-top:-20px;">Don’t take it so personally, okay? I don’t like most people.</div></div>
 
<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt-instagramp{width:400px; border:1px solid #ccc; border-radius:15px; margin:10px auto; font-family:'Hind';background:#fff;} .bt-instagramp > div:not(.btinstap-descrip) br{display:none;} .btinstap-header{height:90px; border-bottom:1px solid #ccc; display:flex; align-items:center; padding:0px 20px; justify-content:space-between;} .btinstap-header div > img{width:60px; height:60px; border-radius:180px; border:1px solid #ccc; display:block; padding:3px;}.btinstap-header > div{display:flex; align-items:center; line-height:17px;} .btinstap-header > div span{padding-left:20px; font-size:13px; color:#888;} .btinstap-header > div span b{font-family:'Hammersmith One'; display:block; font-size:18px; color:var(--bti-acento1);} .btinstap-header >.sf{color:#555; font-size:18px;}.btinstap-descrip{width:360px; margin:0px auto; line-height:16px; font-size:13px; padding:0px 0px 30px; color:#555;} .btinstap-img{width:400px; height:400px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>

35

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><div class="gmhtme"><div class="tpgmtme"><div class="txtme">If Jesus died for all our sins</div><div class="md-ic"><i class="cp cp-crystal-ball-o"></i></div><div class="txtme tlo"> He left one behind, the body I'm in</div></div><div class="ti-tle"><sp>God Must Hate Me</sp><p>'Cause He spent so much time on them and for me, He got lazy</p></div><div class="ti-txt"> 
 
¡Hola! Puedes poner tu texto acá. Te recomiendo borrar los espacios para que no quede mucho hueco vacío. <3 
 
</div><div class="tpgmtme"><div class="md-ic nonu"><i class="cp cp-book-o"></i></div><div class="tgmet">tag + tag + tag</div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">gitano</a></div>
 
<style>.gmhtme{width: 490px; background: #f9f9f9; min-height: 100px; margin: 0 auto; border: 1px solid #f9f9f9; color: #333}.tpgmtme{margin: 10px; display: flex; justify-content: center; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; font-size: 7px; font-family: verdana; text-transform: uppercase; letter-spacing: 1px; align-items: center;}.tpgmtme .md-ic{font-size: 15px; padding: 5px 10px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; margin-left: 5px; margin-right: 5px;}.tpgmtme .txtme{width: 200px; text-align: right;}.txtme.tlo{text-align: left;}.gmhtme .ti-tle{margin: 10px; font: 40px 'Abril Fatface', cursive; padding: 50px 20px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; text-transform: uppercase;}.gmhtme .ti-tle sp{border-bottom: 1px solid #c3c3c3;}.gmhtme .ti-tle p{font: 8px verdana; letter-spacing: 1px; margin: 0px; margin-top: 5px}.ti-txt{margin: 10px; font: 11px verdana; text-align: justify; padding: 20px; padding-top: 0px;}.md-ic.nonu{border-left: none;}.gmhtme .tgmet{width: 460px; text-align: right;}.crdts{text-align:center;margin:10px}.crdts a{border:1px solid #eaeaea;background:#fefefe;border-radius:25px;padding:5px 10px;font:8px verdana;letter-spacing:2px}</style><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">

36

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><div id="inmaw">
<div id="topmaw">
<i class="fas fa-camera" style="margin-left: 5px"></i> 
<span>instagram.com/nombre del personaje</span> 
<i class="fas fa-minus" style="margin-left: 5px"></i> <i class="far fa-window-restore"></i> <i class="fas fa-plus" style="margin-right: 5px;"></i></div>
 
<div class="imgcita" style="background: url(https://via.placeholder.com/400x400)"></div> 
 
<div class="out-comm">
<div class="comm"> 
<div class="ims" style="background: url(https://via.placeholder.com/30)"></div>
<div class="ims" style="background: url(https://via.placeholder.com/30)"></div>
<div class="ims" style="background: url(https://via.placeholder.com/30)"></div>
<div class="txt">Les gusta a <b>Irene</b>, <b>Yeri</b> y <b>4.5k más</b>  
</div></div>
<div class="desmaw"> 
<b>red_flavor</b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
</div></div></div>
 
<div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>
 
<style>#inmaw {color: #222; width: 500px; background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 5px; margin: 0 auto; overflow: hidden;}#inmaw br {display: none;}#inmaw #topmaw {background: #E5BFB9; display: flex; justify-content: space-around; align-items: center; height: 40px; border-bottom: 1px solid #f1f1f1}#topmaw i {border: 1px solid #f1f1f1; padding: 5px; background: #fefefe; font-size: 10px; color: #b78981; border-radius: 5px;} #topmaw span {border: 1px solid #f1f1f1;background: #fefefe; font-size: 10px; color: #b78981; font: 9px 'Inconsolata', monospace; font-weight: bold;width: 350px; border-radius: 5px; text-transform: uppercase; padding: 6px;}#inmaw .imgcita {width: 400px; height: 400px; border: 5px solid #fff; outline: 1px solid #eaeaea; margin: 0 auto; margin-top: 40px;}#inmaw .out-comm {background:#f9f9f9; border-top: 1px solid #f1f1f1; margin-top: 40px; padding-bottom: 20px;} #inmaw .comm {margin: 0 auto; width: 400px; margin-top: 20px; display: flex; align-items: center;}#inmaw .ims {width: 30px; height: 30px; border-radius: 100%; background-size: 100%!important; border: 2px solid #fdfdfd; margin-left: -5px;}#inmaw .txt {margin-left: 10px; font: 11px 'Open Sans', sans-serif; font-weight: 300;}#inmaw .desmaw {width: 400px; margin: 0 auto; font: 13px 'Open Sans', sans-serif; font-weight: 300; margin-top: 10px; margin-bottom: 5px; text-align: justify;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style><script src="https://kit.fontawesome.com/fb4f7fc7d2.js"></script><link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:300,400&display=swap" rel="stylesheet">

37

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;900&family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"><div id="summercoco"><div class="sumcoimgbox"><div class="cocosmimg"><div><img src="https://i.imgur.com/f4XfdV5.gif"></div></div><div class="cocostitle"><cocoti>ocean</cocoti><br>waves</div><div class="cocossubtitle">See you lickin' frostin' from your own hands</div><div class="cocosmicon"><i class="fas fa-umbrella-beach"></i></div></div><div class="cocowavebox"><div class="cocowavebo"><div class="cocowaveo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--cocoswhite)" fill-opacity="1" d="M0,160L26.7,149.3C53.3,139,107,117,160,122.7C213.3,128,267,160,320,176C373.3,192,427,192,480,176C533.3,160,587,128,640,128C693.3,128,747,160,800,170.7C853.3,181,907,171,960,149.3C1013.3,128,1067,96,1120,106.7C1173.3,117,1227,171,1280,186.7C1333.3,203,1387,181,1413,170.7L1440,160L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg></div></div><div class="cocowavebt"><div class="cocowavet"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--cocosblue)" fill-opacity="1" d="M0,64L26.7,58.7C53.3,53,107,43,160,64C213.3,85,267,139,320,149.3C373.3,160,427,128,480,112C533.3,96,587,96,640,101.3C693.3,107,747,117,800,117.3C853.3,117,907,107,960,85.3C1013.3,64,1067,32,1120,48C1173.3,64,1227,128,1280,138.7C1333.3,149,1387,107,1413,85.3L1440,64L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg></div></div></div><div class="cocotextb"><div class="cocotext">—<b>EL DIÁLOGO, HACE EFECTO DEGRADADO—</b> TEXTO POR AQUÍ </div></div></div><div class="cactuslinkcont"><a href="http://evassmat.com/a9ue" class="cactuslinkgm" title="CactusCodes">Cactus</a></div>
 
<style>:root{--cocoswhite: #fbfbfb;--cocosblue: #6fd6ff;--cocosoran: #ead1b7;--cocobgglad: url(https://i.imgur.com/Tm4xyKD.png), linear-gradient(170deg, rgba(111,214,255,0.7) 50%, rgba(234,209,183,1) 100%);--cocosacco: #ff8200;--cocosacct: #ad704f;}#summercoco{width: 550px;background: var(--cocosoran);margin: 0 auto;border-radius: 25px;overflow:hidden;}#summercoco .sumcoimgbox{width: 550px;height: 300px;overflow:hidden;}#summercoco .cocosmimg div{width: 550px;height: 300px;background-color: var(--cocosoran);}#summercoco .cocosmimg div img{width: 550px;height: 300px;mix-blend-mode:soft-light;}#summercoco .cocostitle{width: 550px;text-align:center;font-weight: 900;font-family: nunito;position:relative;top: -200px;font-size: 80px;letter-spacing: -4px;font-style: italic;line-height:50%;color: rgb(0,0,0,0);-webkit-text-stroke: 2px var(--cocoswhite);}#summercoco .cocostitle cocoti{font-size: 50px;}#summercoco .cocossubtitle{font-family:roboto;font-size: 7px;letter-spacing: 2px;position: relative;top: -180px;width: 300px;background: var(--cocoswhite);padding: 5px 0px;border-radius: 10px;margin: 0 auto;text-align:center;text-transform:uppercase;color: var(--cocosoran);font-weight: 400;}#summercoco .cocosmicon{color: var(--cocowhite);position:relative;top: -350px;font-size: 180px;text-align:center;mix-blend-mode:overlay;opacity: .3;}#summercoco .cocowavebox{width: 550px;height: 200px;overflow:hidden;margin-top: -120px;padding-top: 20px;opacity: .7;}#summercoco .cocowavebo{background:var(--cocoswhite);width: 550px;height: 200px;margin-top: 150px;margin-bottom: -200px;animation-name: waveone;animation-duration: 4s;animation-iteration-count: infinite;}@keyframes waveone {0%{margin-top: 50px;}50%{margin-top: 100px;}100%{margin-top: 50px;}}#summercoco .cocowaveo{position:relative;top:-90px;}#summercoco .cocowavebt{background:var(--cocosblue);width: 550px;height: 200px;margin-top: -100px;animation-name: wavetwo;animation-duration: 4s;animation-iteration-count: infinite;}@keyframes wavetwo {0%{margin-top: 50px;}50%{margin-top: 100px;}100%{margin-top: 50px;}}#summercoco .cocowavet{position:relative;top:-120px;}#summercoco .cocotextb{width: 550px;background: var(--cocobgglad);background-position: bottom;background-repeat: no-repeat;padding: 0 0 100px 0;}#summercoco .cocotext{font-size: 12.2px;width: 300px;text-align:justify;margin: 0 auto;border-left: 2px solid var(--cocoaccent);line-height: 130%;color: #0a273c;font-family: roboto;font-weight: 500;background: rgb(255,255,255,.2);border-radius: 20px;padding: 50px;}#summercoco .cocotext b{background: linear-gradient(to right, var(--cocosacco) 0%, var(--cocosacct) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}.cactuslinkcont{width: 510px;margin: 0 auto;margin-top:2px;text-align:center;}.cactuslinkgm{text-transform:uppercase;text-decoration: none;font-size:7px;letter-spacing:1px;color:#e6e6e6;font-family:times;border-bottom: 1px;}</style>

38

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><div id="ingu">
<div id="topgu">
<i class="fas fa-camera" style="margin-left: 5px"></i> 
<span>instagram.com/nombre del personaje</span> 
<i class="fas fa-minus" style="margin-left: 5px"></i> <i class="far fa-window-restore"></i> <i class="fas fa-plus" style="margin-right: 5px;"></i></div><div id="mou"><div class="imu">
 
<div class="minim" style="background: url(https://via.placeholder.com/120)"></div></div> 
<div id="side"><div class="first"> 
 
<strong style="margin-left: -5px;">@Username</strong> <i style="font-size: 9px">Follow</i> <i class="fas fa-caret-down" style="margin-left: -10px;"></i> <span class="fas fa-ellipsis-h" style="margin-left: -5px;"></span></div>
 
<div class="second">
<span><b>000k</b> publicaciones</span>
<span><b>000k</b> seguidores</span>
<span><b>000</b> seguidos</span>
</div>
 
<div class="third"> 
<h1>Nombre Again</h1>
Una pequeña descripción sobre ti. No la hagas demasiado larga o acabará desordenando el resto del código. 
<span><b>Alguna Cuenta</b> sigue esta cuenta</span></div></div></div><div id="lf">
 
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
 
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
 
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
 
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
 
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
 
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
 
 
</div></div><div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>
 
<style>#ingu {width: 500px; background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 5px; margin: 0 auto; padding-bottom: 30px;}#ingu br {display: none;}#ingu #topgu {background: #E5BFB9; display: flex; justify-content: space-around; align-items: center; height: 40px; border-bottom: 1px solid #f1f1f1}#topgu i {border: 1px solid #f1f1f1; padding: 5px; background: #fefefe; font-size: 10px; color: #b78981; border-radius: 5px;} #topgu span {border: 1px solid #f1f1f1;background: #fefefe; font-size: 10px; color: #b78981; font: 9px 'Inconsolata', monospace; font-weight: bold;width: 350px; border-radius: 5px; text-transform: uppercase; padding: 6px;}#ingu #mou {background: #f9f9f9; display: flex; justify-content: space-around; align-items: center; height: 200px; border-bottom: 1px solid #f1f1f1} #ingu #mou .imu {width: 120px; height: 120px; border: 5px solid #E5BFB9; border-radius: 100%; padding: 5px; margin-left: 20px;}#ingu #mou .minim {width: 120px; height: 120px; border-radius: 100%;}#ingu #side {width: 300px; margin-left: 5px; color: #333; margin-right: 16px;}#ingu #side .first strong {display: block; width: 150px; font-weight: 400;}#ingu #side .first {font: 15px 'Open Sans', sans-serif; display: flex; justify-content: space-around; align-items: center; font-weight: 300;}#ingu #side .first i {background: #E5BFB9; padding: 5px 10px; height: 15px; text-transform: uppercase; font-weight: bold; font-style: inherit; display: flex; align-items: center; color: #fff;} #ingu #side .first span {color: #585858}#ingu .second {font: 10px 'Open Sans', sans-serif; display: flex; justify-content: space-around; align-items: center; font-weight: 300; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;} #ingu .second span {display: block; width: 90px;} #ingu .third {font: 10px 'Open Sans', sans-serif; font-weight: 300; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;}#ingu .third h1 {font-size: 15px; margin: 0px; text-align: justify;} #ingu .third span {display: block; margin-top:3px;} #ingu #lf {width: 370px; margin: 0 auto; margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} #ingu .imt {width: 100px; border: 5px solid #f9f9f9; outline: 1px solid #f1f1f1; background: #f9f9f9; margin-top: 10px; margin-left: 5px; margin-right: 5px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#ingu .im1 {height: 100px; background-size: 100%!important} #ingu .imt span {background: #E5BFB9; display: block; font: 9px 'Open Sans', sans-serif; text-align: center; padding: 5px; color: #fff}</style><script src="https://kit.fontawesome.com/fb4f7fc7d2.js"></script><link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:300,400&display=swap" rel="stylesheet">

39

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><div class="afub"><span class="sf sf-beating-heart-o" id="afutp"></span><div class="afuo"></div><img src="https://i.pinimg.com/originals/fd/07/02/fd07022c1b99d5c6f86954a448d650e1.jpg" class="afum"/><div class="afun">título</div><div class="afur">One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.
 
He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment.
 
His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls.</div><div class="afui">
<span class="sf sf-cloud-o" abt="DATO"></span>
<span class="sf sf-leaf-1-o" abt2="DATO"></span>
<span class="sf sf-heart-2-o" abt3="DATO"></span></div></div>
<div class="credk"><a href="http://kkyucodes.tumblr.com/">kkyu</a></div>
 
<style>.afun {border-bottom: 3px solid #ae9abc;} .afun::first-letter{color:#ae9abc}.afuo{background-color:#ae9abc;}.afui span{background-color:#ae9abc;}#afutp{background-color:#ae9abc;}.credk {text-decoration:none; font-size: 9px; text-align: center;color:#ccc}</style>
 
<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,800&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://dl.dropbox.com/s/uca3t0rhrik96ye/a4u.css">

40

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><div class="bt-calendario" style="background-image:url(https://www.animationsoftware7.com/img/agifs/snow01.gif)"><div class="btcal-titulo"><span><i class="fas fa-gifts"></i>Diciembre</span></div><div class="btcal-dias"><a>1</a><a>2</a><a>3</a><a>4</a><a>5</a><a>6</a><a>7</a><a>8</a><a>9</a><a>10</a><a>11</a><a>12</a><a>13</a><a>14</a><a>15</a><a>16</a><a>17</a><a>18</a><a>19</a><a>20</a><a>21</a><a>22</a><a>23</a><a>24</a><a bcal-title="Merry Christmas!">25</a><a>26</a><a>27</a><a>28</a><a>29</a><a>30</a><a bcal-title="El fin del 2020 (al fin)">31</a></div></div><a class="bettycred" href="http://bettyleg.tumblr.com/">bettyleg</a>
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,600;0,700;1,600&display=swap" rel="stylesheet"><style>.bt-calendario{width:500px; border:1px solid #ddd; background:#e7e7e7; margin:10px auto; position:relative; padding-bottom:20px; border-radius:40px 40px; overflow:hidden; font-family:'Source Serif Pro', serif;} .btcal-titulo{height:70px; border-bottom:1px solid #ddd; background:#c83926; display:flex; align-items:center; justify-content:center; font-weight:900; font-style:italic;} .btcal-titulo span{font-size:32px; color:#fff;}.btcal-dias{width:420px; margin:20px auto 10px; border:1px solid #ddd; background:#fff; display:grid; grid-template-columns:60px 60px 60px 60px 60px 60px 60px; grid-auto-rows:60px; padding:20px; border-radius:30px;} .btcal-titulo > span i{font-size:40px; color:#fff; padding-right:40px;} .btcal-dias > a{display:flex; width:55px; height:55px; margin:0px auto; border:1px solid #ddd; align-items:center; justify-content:center; border-radius:8px; position:relative; background:#fafafa; color:#c83926; font-weight:600;}.btcal-dias > a[bcal-title]{background:#c83926; color:#fff} a[bcal-title]:hover:after{content:attr(bcal-title); position: absolute; font-size: 12px; color: #c83926; padding: 10px 10px; font-family: 'Source Serif Pro', serif; text-align: center; background: #fafafa; border:1px solid #c83926; display:block; top:-48px; border-radius:10px; min-width:180px; z-index:1; } a[bcal-title]:hover:before{content:""; display:block; position:absolute; top:-9px; border-color:#c83926 transparent transparent transparent;border-width: 10px;border-style: solid; z-index:2;}.bettycred{display:block; margin:0 auto; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
Страница:   1 2 3 4 5 6 7  

Вы здесь » Test by devls » страниу » коды тамбы

Рейтинг форумов | Создать форум бесплатно