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

Test by devls

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

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


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


соц сети

Сообщений 21 страница 30 из 30

21

[html]<center><div class="pink-stragram"><div class="first-line"><div class="pink-iconp"><img src="http://placehold.it/80x80"></div>
<div class="pink-name">@username</div>
<div class="pink-follow">Follow</div>
<div class="pink-extras"><b>00</b> post <b>00</b> followers <b>00</b> following</div></div>
<div class="pink-info"><span>Nombre Apellido</span><br> Biografía larg apero no tan larga</div>
<div class="pink-stories"><img src="http://placehold.it/50x50"><img src="http://placehold.it/50x50"><img src="http://placehold.it/50x50"><img src="http://placehold.it/50x50"></div>
<div class="pink-cont">
<div class="post-conts"><div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div></div><br>
<div class="post-conts"><div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div></div><br>
<div class="post-conts"><div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div></div><br>
</div>
</div><a href="https://les-yeux-de-winter.tumblr.com/"><div class="pink-credit">Winter</div></a></center>

<style> :root { --pink-bckg: #fff; --pink-txt: #000; --pink-first: #f5cfcf; --pink-second: #f7e8e8; --pink-third: #f5cfcf85; } .pink-follow { cursor: pointer; } </style>
<link href="https://dl.dropbox.com/s/e01gtshe3y2w3dd/pinkstagram2.css?dl=0" rel="stylesheet"/>
<link href="https://dl.dropbox.com/s/sqxxq25cjm7ssfs/icons.css?dl=0" rel="stylesheet" type="text/css">

******* PARA AGREGAR OTRA LINEA DE FOTOS, PON ESTE CÓDIGO LUEGO DEL ÚLTIMO BR ********

<div class="post-conts"><div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1" style="margin-right: 10px;"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div>
<div class="pink-post1"><img src="http://placehold.it/130x130"><div class="pink-post2"><span class="sf sf-heart"></span> 00 <span class="sf sf-chat-bubbles"></span> 00 </div></div></div><br>[/html]

22

[html]<center><div class="pinkstagram-post"><div class="pink-header">
<div class="ppink-icon"><img src="http://placehold.it/80x80"></div>
<div class="ppink-user">username</div>
<div class="ppink-buttom">follow</div>
</div>
<div class="ppink-img"><img src="http://placehold.it/400"></div>
<div class="ppink-lineicon"><span class="sf sf-heart-2"></span><span class="sf sf-chat-o"></span><span class="sf sf-paper-plane-o"></span><div class="ppink-share"><span class="sf sf-bookmark-o"></span></div></div>
<div class="ppink-txt"><span>username</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  </div>
<div class="ppink-comments">view all 105 comments</div>
</div><a href="https://les-yeux-de-winter.tumblr.com/"><div class="pink-credit">Winter</div></a></center>

<style> :root { --pink-bckg: #fff; --pink-txt: #000; --pink-first: #f5cfcf; --pink-second: #f7e8e8; --pink-third: #f5cfcf85; }</style>
<link href="https://dl.dropbox.com/s/2ivmxfrt400zuva/pinkstagram-post2.css?dl=0" rel="stylesheet"/>
<link href="https://dl.dropbox.com/s/sqxxq25cjm7ssfs/icons.css?dl=0" rel="stylesheet" type="text/css">[/html]

23

[html]/******** Notificación de "alguien te siguió" ***********/

<center><div class="pinkstagram-body"><div class="pinkstragramb-icon"><img src="http://placehold.it/75"></div><div class="pinkstagram-txt1"><b>@username</b> ahora te está siguiendo</div><span class="th th-instagram-o"></span></div><a href="https://les-yeux-de-winter.tumblr.com/"><div class="pink-credit">Winter</div></a></center>
<style> :root { --pink-bckg: #fff; --pink-txt: #000; --pink-first: #f5cfcf; --pink-second: #f7e8e8; --pink-third: #f5cfcf85; }</style><link href="https://dl.dropbox.com/s/9pkv82goxi9xkgp/pinkstagram-otros2.css?dl=0" rel="stylesheet"/>
<link href="https://dl.dropbox.com/s/sqxxq25cjm7ssfs/icons.css?dl=0" rel="stylesheet" type="text/css">

/******* Notificación de nuevo comentario **************/

<center><div class="pinkstagram-comment"><div class="pinkstragramb-icon"><img src="http://placehold.it/75"></div><div class="pinkstagram-txt2"><b>@username</b> comentó: <br><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</span></div><div class="comment-pic"><img src="http://placehold.it/72"></div></div><a href="https://les-yeux-de-winter.tumblr.com/"><div class="pink-credit">Winter</div></a></center>
<style> :root { --pink-bckg: #fff; --pink-txt: #000; --pink-first: #f5cfcf; --pink-second: #f7e8e8; --pink-third: #f5cfcf85; }</style><link href="https://dl.dropbox.com/s/9pkv82goxi9xkgp/pinkstagram-otros2.css?dl=0" rel="stylesheet"/>
<link href="https://dl.dropbox.com/s/sqxxq25cjm7ssfs/icons.css?dl=0" rel="stylesheet" type="text/css">

/******* Actualización de Historia ***************/

<center><div class="pinkstagram-story" style="background: url(http://placehold.it/300x500);"><div class="story-cont"><div class="story-icon"><img src="http://placehold.it/75"><span>username</span></div><div class="story-cross"><span class="th th-cross"></span></div></div></div><a href="https://les-yeux-de-winter.tumblr.com/"><div class="pink-credit">Winter</div></a></center>
<style> :root { --pink-bckg: #fff; --pink-txt: #000; --pink-first: #f5cfcf; --pink-second: #f7e8e8; --pink-third: #f5cfcf85; }</style><link href="https://dl.dropbox.com/s/9pkv82goxi9xkgp/pinkstagram-otros2.css?dl=0" rel="stylesheet"/>
<link href="https://dl.dropbox.com/s/sqxxq25cjm7ssfs/icons.css?dl=0" rel="stylesheet" type="text/css">[/html]

24

[html]<div class="trending">
<div class="tdheader">
<div class="tdhleft">
<span>Welcome, <strong>Name of Character</strong>.</span>
<em>Quote of the character, not very long.</em>
</div>
<div class="tdhright">
<div class="tdhdato">
<em class="th th-briefcase-o"></em>
<span><strong>Título:</strong><em>Dato</em></span>
</div>
<div class="tdhdato">
<em class="th th-bookmark-1-o"></em>
<span><strong>Título:</strong><em>Dato</em></span>
</div>
<div class="tdhdato">
<em class="th th-blossom-o"></em>
<span><strong>Título:</strong><em>Dato</em></span>
</div>
<div class="tdhicon" style="background-image:url(http://placehold.it/60);"></div>
</div>
</div>
<div class="tdbody">
<div class="tdtexto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris orci. In urna justo, ornare varius fermentum dapibus, convallis quis ligula. Donec vitae risus quis mauris dignissim luctus. Proin facilisis vulputate dolor, ut eleifend neque vehicula a. Proin quis efficitur orci. Donec pulvinar magna metus, vitae commodo dolor ullamcorper id. In vitae porttitor nisl. Aliquam sed tempus arcu, eu volutpat mi. Pellentesque malesuada interdum massa, at convallis tortor convallis rutrum. Ut at rutrum lacus. Etiam interdum malesuada turpis. Donec eleifend ullamcorper hendrerit. Ut tempus auctor quam fermentum hendrerit. Cras fermentum, mi quis tempor pharetra, tellus sapien pellentesque mauris, maximus ornare velit sapien vitae diam. Ut lacinia tellus quis mi ornare, eu sollicitudin libero congue. Etiam dignissim sem id odio rhoncus, ut elementum neque vulputate.
<br/><br/>
Suspendisse vulputate placerat ligula, at viverra dui finibus vel. Curabitur vitae tristique velit, et luctus nisi. Phasellus a erat quis diam tristique volutpat id at justo. Proin tincidunt ipsum erat. Aenean eleifend diam faucibus nunc ullamcorper cursus. Aenean ut pulvinar risus, eu rhoncus turpis. Fusce tincidunt tellus vel tempor auctor. Nunc gravida turpis sed quam pulvinar venenatis. Nunc congue tristique eros, nec pharetra dui luctus et. Aenean pharetra erat ut dapibus ornare. Etiam efficitur, lectus vel blandit sodales, lectus diam sodales nulla, non lacinia est odio nec arcu. Etiam aliquam justo eros, non laoreet ante eleifend in.</div>
<div class="tdenv">
<div class="tdtexto">
<span class="tdttitle">Título de la caja</span>
<div class="tdbox"><strong>Título:</strong> Dato.
<br/>
<strong>Título:</strong> Dato.
<br/>
<strong>Título:</strong> Dato.</div>
</div>
<div class="tdtexto">
<span class="tdttitle">Título de la caja</span>
<div class="tdbox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris orci. In urna justo, ornare varius fermentum dapibus, convallis quis ligula. Donec vitae risus quis mauris dignissim luctus. Proin facilisis vulputate dolor, ut eleifend neque vehicula a. Proin quis efficitur orci. Donec pulvinar magna metus, vitae commodo dolor ullamcorper id. In vitae porttitor nisl. Aliquam sed tempus arcu, eu volutpat mi. Pellentesque malesuada interdum massa, at convallis tortor convallis rutrum. Ut at rutrum lacus. Etiam interdum malesuada turpis. Donec eleifend ullamcorper hendrerit. Ut tempus auctor quam fermentum hendrerit. Cras fermentum, mi quis tempor pharetra, tellus sapien pellentesque mauris, maximus ornare velit sapien vitae diam. Ut lacinia tellus quis mi ornare, eu sollicitudin libero congue. Etiam dignissim sem id odio rhoncus, ut elementum neque vulputate.
<br/><br/>
Suspendisse vulputate placerat ligula, at viverra dui finibus vel. Curabitur vitae tristique velit, et luctus nisi. Phasellus a erat quis diam tristique volutpat id at justo. Proin tincidunt ipsum erat. Aenean eleifend diam faucibus nunc ullamcorper cursus. Aenean ut pulvinar risus, eu rhoncus turpis. Fusce tincidunt tellus vel tempor auctor. Nunc gravida turpis sed quam pulvinar venenatis. Nunc congue tristique eros, nec pharetra dui luctus et. Aenean pharetra erat ut dapibus ornare. Etiam efficitur, lectus vel blandit sodales, lectus diam sodales nulla, non lacinia est odio nec arcu. Etiam aliquam justo eros, non laoreet ante eleifend in.</div>
</div>
</div>
</div>
<div class="tdimgs">
<div class="tdenv">
<div class="tdimg1" style="background-image:url(http://placehold.it/200x140);"></div>
<div class="tdenv">
<div class="tdimg2" style="background-image:url(http://placehold.it/90);"></div>
<div class="tdimg2" style="background-image:url(http://placehold.it/90);"></div>
</div>
</div>
<div class="tdimg3" style="background-image:url(http://placehold.it/320x250);"></div>
</div> 
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<style>.trending { --bckg1: #eaeaea; --bckg2: #f4f4f4; --accent1: #a6a65d; --accent2: #8a8a4a; --text: #666; --title: #fff; --subtitle:#aaa; --border:1px solid #ddd; --bradius1:30px; --bradius2:15px; --shadow-d: 1px 1px var(--accent2), -1px 1px var(--accent2), 1px -1px var(--accent2), -1px -1px var(--accent2); --bshadow: 0 0 5px rgba(0,0,0,0.08); }</style><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/zq4z07b77gw5spi/trending.css" rel="stylesheet"/>[/html]

25

[html]<div class="apollo">
<input id="ap1" name="apollo" type="radio" checked/>
<input id="ap2" name="apollo" type="radio"/>
<input id="ap3" name="apollo" type="radio"/>
<input id="ap4" name="apollo" type="radio"/>
<div class="ap1">
<div class="apimg apimg1" style="background-image:url(http://placehold.it/250);"></div>
<div class="apimg apimg2" style="background-image:url(http://placehold.it/250);"></div>
<div class="apimg apimg3" style="background-image:url(http://placehold.it/250);"></div>
<div class="apimg apimg4" style="background-image:url(http://placehold.it/250);"></div>
</div>
<div class="ap2">
<div class="aptxt aptxt1">Texto del pj 1.</div>
<div class="aptxt aptxt2">Texto del pj 2.</div>
<div class="aptxt aptxt3">Texto del pj 3.</div>
<div class="aptxt aptxt4">Texto del pj 4.</div>
</div>
<div class="ap3">
<label for="ap1"><div class="apicon apicon1" style="background-image:url(http://placehold.it/45);"></div></label>
<label for="ap2"><div class="apicon apicon2" style="background-image:url(http://placehold.it/45);"></div></label>
<label for="ap3"><div class="apicon apicon3" style="background-image:url(http://placehold.it/45);"></div></label>
<label for="ap4"><div class="apicon apicon4" style="background-image:url(http://placehold.it/45);"></div></label>
</div>
</div>
<a class="ncredit" href="https://necromancercoding.tumblr.com/">NC</a>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/><link href="//dl.dropbox.com/s/yu3y9fdnol3895r/apollo.css" rel="stylesheet"/><style>.apollo { --bckg1: #f2f2f2; --bckg2: #f4f4f4; --border1: 1px solid #ddd; --group1: #ccabb6; --group2: #bfabcc; --group3: #abbacc; --group4: #abccb8; --blendmode: screen; }</style>[/html]

26

[html]<div class="stories">
<div class="stor4"><img id="f3" src="http://via.placeholder.com/300x470"><img id="f2" src="http://via.placeholder.com/300x470"><img id="f1" src="http://via.placeholder.com/300x470"></div><div class="namesto"><hr class="line3"/><hr class="line3"/><hr class="line3"/><div class="userinf" style="background: url('http://via.placeholder.com/40')"></div> <div class="naminf">nombreusuario h <span><span class="th th-cross-3-o"></span></span></div></div> <div class="endsto"><span class="th th-camera"></span> <div class="message2">Send message <div class="punt2"><span class="th th-list-o"></span></div></div></div></div><div class="insta3"><a href="https://therocketgirl-codes.tumblr.com/"><span class="th th-planet-1-o"></span>Lilith</a> </div> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap" rel="stylesheet">

<style>.stories{width: 300px; height: 470px; background: #1E1E1E; border-radius: 5%; overflow: hidden;} .stor4{width: 300px; height: 470px; overflow: hidden; position: relative; top: -18px;} .namesto{width: 260px; background: -webkit-linear-gradient(top, rgba(25,25,25)0%,rgba(91,91,91,0.64) 2%,rgba(0,0,0,0) 100%);height: 40px; padding: 20px; overflow: hidden; position: relative; top: -490px}.naminf{color: #fff; font-size: 11px; display: inline-block; vertical-align: top; height: 40px; padding: 10px; word-spacing: 10px; width: 190px; font-family: AbeeZee} .naminf span{float: right; padding-top: 2px;}.userinf{width: 40px; height: 40px; border-radius: 50%; display: inline-block} .endsto{width: 280px; height: 80px; padding: 10px; overflow: hidden; position: relative; top: -178px} .endsto .th{font-size: 30px; color: #fff; border: 1px solid #fff; padding: 8px; border-radius: 50%;} .message2{width: 190px; border: 1px solid #fff; height: 25px; color: #fff; padding: 10px; border-radius: 60px; display: inline-block; vertical-align: top; font-family: AbeeZee;} .punt2{float: right; margin-right: 10px; margin-top: -5px;} .punt2 .th{font-size: 20px; color: #fff; width: 5px; border: none;} @-webkit-keyframes fade {0% {opacity: 0;}20% {opacity: 1;}33% {opacity: 1;}53{opacity: 0;}100% {opacity: 0;}}@keyframes fade {0% {opacity: 0;}20% {opacity: 1;}33% {opacity: 1;}53% {opacity: 0;}100%{opacity: 0;}}.stor4 img {width: 300px; height: 470px; -webkit-animation-name: fade;-webkit-animation-iteration-count: infinite; animation-name: fade; animation-iteration-count: infinite; -webkit-animation-duration: 9s; animation-duration: 9s;} #f2{-webkit-animation-delay: -6s; background-color: yellow;} #f3{-webkit-animation-delay: -3s; background-color: lightgreen;} #f2{position: relative; top: -470px;} #f1{position: relative; top: -940px;} .line3{width: 84px; display: inline-block; color: #fff; margin-right: 2px;}.insta3{font-size: 10px;text-align: right;width: 300px; text-transform: lowercase; letter-spacing: 3px;display: inline-block;}.insta3 a{color: #C9AFBA;}</style>[/html]

27

[html]<div class="shop">
<input type="radio" name="shop" id="shop1" checked/>
<input type="radio" name="shop" id="shop2"/>
<input type="radio" name="shop" id="shop3"/>
<label for="shop1">Pociones</label>
<label for="shop2">Armas</label>
<label for="shop3">Mejoras</label>
<div class="txt txt1">
<div class="item">
<p>Curación total. Recupera todos los hp y cura los estados. Es extremadamente rara y difícil de elaborar. Una compra por personaje.</p>
<div>
<img src="https://i.imgur.com/LzoVwCj.png"/>
<m>80 $</m>
</div>
</div>
<div class="item agotado">
<p>Muerte súbita. Causa un dolor agudo en numerosas partes del cuerpo antes de causar la muerte. Si el objetivo tiene más de 50HP, no surte efecto alguno. Dos compras por personaje.</p>
<div>
<img src="https://i.imgur.com/KP8bad6.png"/>
<m>AGOTADO</m>
</div>
</div>
<div class="item oferta">
<p>Antídoto. Cura el estado de envenenamiento. No causa efecto si el paciente no está envenenado. No previene el efecto.</p>
<div>
<img src="https://i.imgur.com/ygG5hZq.png"/>
<m><x>60</x> 20 $</m>
</div>
</div>
<div class="item">
<p>Antiquemaduras. Cura el estado de quemadura. No causa efecto si el paciente no está quemado. No previene el efecto.</p>
<div>
<img src="https://i.imgur.com/5k5yR2r.png"/>
<m>50 $</m>
</div>
</div>
<div class="item">
<p>Liberación. Cura el estado de aturdido. No causa efecto si el paciente no está aturdido. No previene el efecto.</p>
<div>
<img src="https://i.imgur.com/TwyAgiy.png"/>
<m>90 $</m>
</div>
</div>
<div class="item">
<p>Absorción. Cura el estado de ahogamiento. No causa efecto si el paciente no está ahogándose. No previene el efecto.</p>
<div>
<img src="https://i.imgur.com/IPWv33R.png"/>
<m>70 $</m>
</div>
</div>
</div>
<div class="txt txt2">
<div class="item">
<p>Whisper. Se dice que es de una calidad formidable, forjada en los Far Realms. Tiene una gemela, pero no se ha encontrado. +2AT, una mano.</p>
<div>
<img src="https://i.imgur.com/cwPjkDz.png"/>
<m>140 $</m>
</div>
</div>
<div class="item">
<p>Mythcarver. Espada qu se cree perteneció al dios de la forja. Posiblemente sólo sean leyendas. +2AT, una mano.</p>
<div>
<img src="https://i.imgur.com/r422nHb.png"/>
<m>180 $</m>
</div>
</div>
<div class="item agotado">
<p>Bloodaxe. Perteneció a un gran héroe de Tal'Dorei. Se dice que es temperamental. Funciona mejor en manos de bárbaros. +3AT, dos manos.</p>
<div>
<img src="https://i.imgur.com/usyl971.png"/>
<m>AGOTADO</m>
</div>
</div>
<div class="item oferta">
<p>Skingorger. Gran y pesada espada que cuenta con un encantamiento de ácido. +2AT, +2E cuando el encantamiento está activo, dos manos.</p>
<div>
<img src="https://i.imgur.com/gIAKaNp.png"/>
<m><x>270</x> 250 $</m>
</div>
</div>
<div class="item">
<p>Magician's Judge. Se forjó en la Era Arcana para combatir contra los magos más poderosos. Está equipada con el hechizo de Esfumar, a usarse una vez cada descanso largo. +3AT, dos manos.</p>
<div>
<img src="https://i.imgur.com/hXQvBZU.png"/>
<m>290 $</m>
</div>
</div>
</div>
<div class="txt txt3">
<div class="item">
<p>Mejora de constitución. Sube un punto a tu nivel de constitución. Tres compras por personaje.</p>
<div>
<img src="https://i.imgur.com/grPdAEr.png"/>
<m>200 $</m>
</div>
</div>
<div class="item">
<p>Resistencia mortal. Te da una oportunidad más para resistir la muerte tras caer inconsciente. Una compra por personaje.</p>
<div>
<img src="https://i.imgur.com/3tEAXHG.png"/>
<m>400 $</m>
</div>
</div>
<div class="item">
<p>Mejora de tiros de salvación. Te da un +1 en cualquier tiro de salvación de tu elección. Tienes que elegir una habilidad concreta al adquirirlo. Cuatro compras por personaje.</p>
<div>
<img src="https://i.imgur.com/ZhieOH2.png"/>
<m>300 $</m>
</div>
</div>
<div class="item">
<p>Resistencia a envenenamiento. Te hace inmune a todos los venenos conocidos. Una compra por personaje.</p>
<div>
<img src="https://i.imgur.com/CG1557n.png"/>
<m>350 $</m>
</div>
</div>
<div class="item">
<p>Resistencia a daño radiante. Te hace inmune a ataques de tipo radiante. Una compra por personaje.</p>
<div>
<img src="https://i.imgur.com/j8Kwveu.png"/>
<m>280 $</m>
</div>
</div>
<div class="item">
<p>Doble tirada. Te da ventaja en una tirada, por lo que tiras dos dados y te quedas con el mejor resultado. Consumible, un solo uso.</p>
<div>
<img src="https://i.imgur.com/F97NIKp.png"/>
<m>80 $</m>
</div>
</div>
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<style>.shop{--bckg1:#141414;--bckg2:#181818;--border:#000;--txt: #ccc;--accent1: #56683d;--accent2: #46562f;--accent3: #384525; --accent4: #6b7e50;--oferta: #807d29;--agotado:#454a3c;--agotado-img:grayscale(1) brightness(0.4);}</style><link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:900&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/p0bj683ard7x087/shop.css" rel="stylesheet"/>
[/html]

28

[html]<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lato&family=Maven+Pro:wght@400;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://icons.cappuccicons.com/cpf.css"><link rel="stylesheet" href="https://dl.dropbox.com/s/30akruxt1jqxx8c/sliding.css">

<div id="slid-wrap">

<div class="slid-der1">
<span class="slid-der1lin"></span>
<span class="slid-der1nam">By First <em>Middle</em> Last</span>
</div>

<div class="slid-der">
<span class="slid-dtext">Lorem ipsum</span>
<span class="slid-dimg"><a href="https://soobvit.tumblr.com/"><img src="https://via.placeholder.com/50x50.png"/></a></span>
</div>

<div class="slid-izq">

<div class="slid-izqhead">
<span class="slid-izqhimg"><img src="https://via.placeholder.com/80x80.png"></span>
<span class="slid-izqhtext"><h1>Lorem Ipsu</h1><em>Vivamus ac eros a nunc tincidunt</em><h2>Ipsum sit dolor</h2></span>
</div>

<div class="slid-izqsubh">
<span class="slid-izqsicon"><i class="cp cp-brain-o"></i></span>
<span class="slid-izqsfra"><em>Lorem </em>ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac eros a nunc tincidunt <em>porta</em>.</span>
</div>

<div class="slid-izqbody">

<div class="slid-ibtab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"></label>
<div class="slid-ibtab-cont">
<span class="slid-ibtab-cont-img"><img src="https://via.placeholder.com/210x335.png"></span>
<span class="slid-ibtab-cont-data">
<h3>Titulito</h3><h4>Titulito</h4>
<span class="slid-ibtab-cont-data-1"><i class="cp cp-clock"></i> <em>Data</em></span>
<span class="slid-ibtab-cont-data-1"><i class="cp cp-user"></i> <em>Data</em></span>
<span class="slid-ibtab-cont-data-1"><i class="cp cp-flag"></i> <em>Data</em></span>
<span class="slid-ibtab-cont-data-1"><i class="cp cp-briefcase"></i> <em>Data</em></span>
<span class="slid-ibtab-cont-data-1"><i class="cp cp-home"></i> <em>Data</em></span>
<span class="slid-ibtab-cont-data-1"><i class="cp cp-warning"></i> <em>Data</em></span>
</span>
</div>
</div>

<div class="slid-ibtab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="top:80px"></label>
<div class="slid-ibtab-cont">
<h1>Titulo <em>numero uno</em></h1>
<span class="slid-ibtab-cont-bar"></span>
<span class="slid-ibtab-cont-text"><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Mauris vel diam non magna lacinia ultrices. Vestibulum venenatis, erat vel varius aliquam, enim odio venenatis lorem, id tempus risus libero ornare arcu. Praesent id euismod mauris, quis imperdiet dui. Donec ornare elementum ligula, in blandit nibh scelerisque id. Quisque eget neque et augue commodo ultrices. .

<em>In in sem sapien. Aliquam nec pretium erat</em>. Nulla pharetra ligula nec sapien varius posuere. Sed molestie id nunc at porta. Donec urna turpis, maximus nec lobortis ultrices, consectetur sed metus. Suspendisse aliquam mauris vel tincidunt egestas. Donec sed augue arcu. Nunc vitae nibh vestibulum, sodales urna malesuada, dictum dui. Proin pellentesque sed augue ut dapibus. Nullam a mollis sapien. Pellentesque sodales tempor nisi, non rutrum ante tristique id.

<span>Aliquam gravida fermentum magna</span>, eget rhoncus tellus tristique ut. Sed blandit felis ac nisi posuere, vel cursus massa tempus. Etiam vel blandit nunc, sed dapibus metus. Fusce ac risus eget magna dignissim maximus. In tincidunt neque dui, sed faucibus massa ornare a. Phasellus mollis non mauris sed commodo. Aliquam iaculis mi velit, eu faucibus tellus imperdiet mattis. Donec bibendum metus a justo scelerisque, nec pellentesque ligula vehicula. Suspendisse suscipit nisi ac tristique ornare.
</span>
<h2>Subtitulo uno</h2>
</div>
</div>

<div class="slid-ibtab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="top:160px"></label>
<div class="slid-ibtab-cont">
<h1>Titulo <em>numero dos</em></h1>
<span class="slid-ibtab-cont-bar"></span>
<span class="slid-ibtab-cont-text">Consectetur adipiscing elit. Mauris vel diam non magna lacinia ultrices. Vestibulum venenatis, erat vel varius aliquam, enim odio venenatis lorem, id tempus risus libero ornare arcu. Praesent id euismod mauris, quis imperdiet dui. Donec ornare elementum ligula, in blandit nibh scelerisque id. Quisque eget neque et augue commodo ultrices. .

Nulla pharetra ligula nec sapien varius posuere. Sed molestie id nunc at porta. Donec urna turpis, maximus nec lobortis ultrices, consectetur sed metus. Suspendisse aliquam mauris vel tincidunt egestas. Donec sed augue arcu. Nunc vitae nibh vestibulum, sodales urna malesuada, dictum dui. Proin pellentesque sed augue ut dapibus. Nullam a mollis sapien. Pellentesque sodales tempor nisi, non rutrum ante tristique id.

Eget rhoncus tellus tristique ut. Sed blandit felis ac nisi posuere, vel cursus massa tempus. Etiam vel blandit nunc, sed dapibus metus. Fusce ac risus eget magna dignissim maximus. In tincidunt neque dui, sed faucibus massa ornare a. Phasellus mollis non mauris sed commodo. Aliquam iaculis mi velit, eu faucibus tellus imperdiet mattis. Donec bibendum metus a justo scelerisque, nec pellentesque ligula vehicula. Suspendisse suscipit nisi ac tristique ornare.
</span>
<h2>Subtitulo dos</h2>
</div>
</div>

</div>

<div class="slid-izqfoot">
<span class="slid-izqfname">Lorem</span>
<span class="slid-izqficon"><i class="cp cp-brain"></i></span>
<span class="slid-izqfname">Played by the <em>Character Name</em> from <em>Show Name</em></span>
</div></div></div>

<style>:root { --sl-neg1: #181818; --sl-neg2: #1B1B1B; --sl-neg3: #212121; --sl-gri1: #292929; --sl-blan1: #BBBBBB; --sl-azu1: #41618F; --sl-azu2: #202936; --sl-bor1: 10px solid #181818; --sl-bor2: 5px solid #41618F; --sl-bor3: 1px solid #41618F; --sl-grad1: radial-gradient(circle, rgba(65,97,143,1) 0%, rgba(33,33,33,1) 100%); --sl-grad2: linear-gradient(300deg, rgba(59,84,121,1) 20%, rgba(92,131,187,1) 80%); --sl-m1: Maven pro; --sl-l1: Lato }</style><style>.slid-der:before{ background-image: url(https://via.placeholder.com/100x650.png)}.slid-izqhead:before {background-image: url(https://via.placeholder.com/450x160.png)}</style>[/html]

29

[html]<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Raleway:wght@800&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Lato&family=Raleway:wght@800&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://dl.dropbox.com/s/tds52daqrznxdg0/eyes.css">

<div id="ey-tab">
<div class="ey-thead">
<span class="ey-th1">
<span class="ey-th2">
<a href="https://soobvit.tumblr.com/">
<img src="https://via.placeholder.com/70x70.png">
</a>
</span>
</span>
<span class="ey-th3">
<h1>A new <em>start</em> awaits</h1>
<h2>So open your closed <em>eyes</em></h2>
</span>
</div>
<div class="ey-tbody">
<p>—<b>Lorem ipsum dolor sit amet</b>, consectetur adipiscing elit. Morbi odio ipsum, pellentesque mattis turpis nec, lobortis mollis ligula. Pellentesque ut bibendum risus, eget luctus lorem. Sed sit amet ullamcorper enim. Nullam quis justo non libero rutrum finibus nec nec lorem. In non enim metus.</p>

<p>—<i>Aliquam rhoncus enim at purus sodales suscipit</i>. Proin lacinia finibus eros, et egestas purus pulvinar ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam convallis orci ut vehicula fermentum. Nullam eu lacus a nunc vehicula suscipit non id lectus. Donec vestibulum elit ornare odio dictum auctor. Maecenas a finibus arcu. Morbi non velit nec sapien eleifend faucibus. Proin quis efficitur felis, eu mollis diam. Mauris rhoncus auctor sem, ac rhoncus risus elementum ac. Donec egestas convallis nisl in venenatis.</p>

<p>Fusce sollicitudin erat eu diam laoreet pharetra. In hac habitasse platea dictumst. Vestibulum eu efficitur urna, eu sagittis orci. Cras vitae risus nisl. Vestibulum aliquam, felis vitae malesuada aliquet, augue lectus pellentesque urna, ac pharetra nisl justo sed tellus. Donec tellus ex, cursus quis sagittis at, commodo quis ante. Duis vel eros vitae lacus iaculis aliquet.</p>

<p>Fusce in pretium erat, ultrices euismod lorem. Suspendisse sagittis gravida metus. Mauris ullamcorper enim ac dignissim vestibulum. Cras feugiat dignissim tortor at dignissim. Integer sem justo, commodo non purus non, pulvinar sagittis tellus. Aliquam erat volutpat. Maecenas quis aliquet felis, at mattis nibh.</p>
</div>
<div class="ey-tfoot">
<span class="ey-tf1">There's nothing to be afraid of</span>
</div>
</div>

<style>:root { --ey-blan1: #F1F1F1; --ey-blan2: #EBEBEB; --ey-gri1: #DDDDDD; --ey-gri2: #BBBBBB; --ey-neg1: #333333; --ey-col1: #A6C590; --ey-col2: #C5C090; --ey-sha1: 1px 0 #C5C090, -1px 0 #C5C090, 0 1px #C5C090, 0 -1px #C5C090, 1px 1px #C5C090, -1px -1px #C5C090, 1px -1px #C5C090, -1px 1px #C5C090 } .ey-thead span.ey-th3 h1, .ey-thead span.ey-th3 h2 { text-transform: uppercase } .ey-thead span.ey-th3 h1 { font-family: 'Raleway', sans-serif; font-size: 30px; letter-spacing: -3px } .ey-thead span.ey-th3 h2 { font-family: 'Raleway', sans-serif; font-size: 10px } .ey-tbody p { font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px } .ey-tbody b, .ey-tbody i { font-family: 'Raleway', sans-serif; font-size: 13px } .ey-tfoot span.ey-tf1 { text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 10px }</style>[/html]

30

[html]<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lato&family=Raleway:wght@100;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://icons.cappuccicons.com/cpf.css"><link rel="stylesheet" href="https://dl.dropbox.com/s/mkst8sj6tj0rjr5/sinnerexp.css">

<div id="sn-wrap">

<div class="sn-himg">
<span class="sn-himg1">
<a href="https://soobvit.tumblr.com/">
<img src="https://via.placeholder.com/90x90.png">
</a>
</span>
</div>

<div class="sn-htext">
<span class="sn-htext1">
<i class="cp cp-skull-o"></i>
<strong>Lorem ipsum</strong>
<em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut auctor justo, id efficitur diam. Etiam sed ligula arcu. Proin vel justo interdum, convallis metus a.</em>
</span>
<span class="sn-htimg">
<img src="https://via.placeholder.com/190x200.png">
</span>
</div>

<div class="sn-hbor"></div>

<div class="sn-upperbody">
<span class="sn-ubfra">Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>. Sed ut auctor justo, id efficitur diam. Etiam sed ligula arcu. Proin vel justo interdum, <strong>rutrum</strong>.</span>
</div>

<div class="sn-bimg" style="background-image: url(https://via.placeholder.com/80x405.png)">
<span class="sn-bfra-1">Primera frase lateral</span>
</div>

<div class="sn-btext">

<div class="sn-btab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"><i class="cp cp-skull"></i><em>Label</em></label>
<div class="sn-btab-cont">
<span class="sn-btd-1">
Lorem ip <em>dolor</em> sit <b>amet</b>
</span>
<span class="sn-btd-img">
<img src="https://via.placeholder.com/280x340.png">
</span>
<span class="sn-btd-1" style="text-align: right;top:30px">
<strong>Data here</strong>
<strong>Data here</strong>
<strong>Data here</strong>
<strong>Data here</strong>
<strong>Data here</strong>
<strong>Data here</strong>
<strong>Data here</strong>
</span>
</div>
</div>

<div class="sn-btab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="left:130px"><i class="cp cp-skull"></i><em>Label</em></label>
<div class="sn-btab-cont">
<h1 class="sn-bth1">Titulo uno</h1>
<span class="sn-bth2"><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Etiam risus metus, molestie a faucibus eget, elementum rhoncus neque. Fusce vehicula est at nisl pellentesque bibendum. Ut vel metus commodo, gravida dui ut, varius tellus. Nunc eget scelerisque urna. Maecenas vel auctor dui, id pharetra ligula.

<em>Etiam consectetur ornare massa</em>, vitae convallis nulla. Integer bibendum suscipit massa, quis iaculis lacus dignissim a. Etiam sollicitudin eget elit at luctus. Curabitur volutpat viverra massa nec auctor. Vestibulum a tincidunt mi. Cras tincidunt nunc commodo sem sollicitudin, at pellentesque erat sollicitudin. Nunc eget scelerisque urna. Maecenas vel auctor dui, id pharetra ligula.
</span>
</div>
</div>

<div class="sn-btab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="left:260px"><i class="cp cp-skull"></i><em>Label</em></label>
<div class="sn-btab-cont">
<h1 class="sn-bth1">Titulo dos</h1>
<span class="sn-bth2"><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Etiam risus metus, molestie a faucibus eget, elementum rhoncus neque. Fusce vehicula est at nisl pellentesque bibendum. Ut vel metus commodo, gravida dui ut, varius tellus. Nunc eget scelerisque urna. Maecenas vel auctor dui, id pharetra ligula.

<em>Etiam consectetur ornare massa</em>, vitae convallis nulla. Integer bibendum suscipit massa, quis iaculis lacus dignissim a. Etiam sollicitudin eget elit at luctus. Curabitur volutpat viverra massa nec auctor. Vestibulum a tincidunt mi. Cras tincidunt nunc commodo sem sollicitudin, at pellentesque erat sollicitudin. Nunc eget scelerisque urna. Maecenas vel auctor dui, id pharetra ligula.
</span>
</div>

</div>
</div>

<div class="sn-bfra" style="background-image: url(https://via.placeholder.com/80x405.png)">
<span class="sn-bfra-1">Segunda frase lateral</span>
</div>

<div class="sn-footer">
<span class="sn-fpb">
<strong>Played by</strong>
<span>The <em>Character name</em> from <em>Show Name</em></span>
</span>
</div>

</div>

<style>:root {--sn-neg1: #151515; --sn-neg2: #1D1D1D; --sn-neg3: #252525; --sn-gri1: #333333; --sn-blan1: #B5B5B5; --sn-ver1: #416647; --sn-bor1: 1px solid #416647; --sn-bor2: 1px solid #1D1D1D; --sn-bor3: 1px solid #B5B5B5; --sn-ra1: 800 10px Raleway; --sn-ra2: 800 15px Raleway; --sn-ra3: 800 55px Raleway; --sn-ca1: 800 10px Calibri; --sn-la1: 12px Lato}.sn-htext span.sn-htimg img {left: -40px}.sn-btab-cont span.sn-btd-img {top: -20px;left: -20px}</style>[/html]


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


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