[html]<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900" rel="stylesheet">
 <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"> 

<div id="fshine"> <bg></bg> <h1></h1> <cc> <ccwo>alyssa. 22. fangirl.</ccwo> </cc> 

<desc>hello everyone! the name is alyssa! i also make graphics and code things (but not this cause i was lazy lmao) and write fan fiction. i also make some resources and stuff. i love star wars more than my own life and am a lover of all things nerd.</desc> 

<gif1 style="background-image: url(https://i.imgur.com/km7KrWU.gif)"></gif1> 

<gif2 style="background-image: url(https://i.makeagif.com/media/12-18-2018/vTkD9a.gif)"></gif2> 

<scr1></scr1><scr2></scr2> 

<link1><a href="http://wecode.jcink.net/index.php?showtopic=4556"><span class="lnr lnr-diamond"></span></a></link1> 

<link2><a href="http://wecode.jcink.net/index.php?act=ST&f=35&t=4555"><span class="lnr lnr-star"></span></a></link2> 

<ttls1>gallery</ttls1><ttls2>tester</ttls2> </div>

<a href="https://shadowplayers.jcink.net/index.php?showuser=120">

<div style="width: 420px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a>

 <style> #fshine {height: 230px; width: 440px; position: relative; margin: 15px auto; overflow: hidden; outline: 1px solid #cc2e2e; outline-offset: 5px} #fshine bg {height: 230px; width: 440px; position: absolute; background-image: url(https://media.tumblr.com/abd0651d940ccf79c57e34e4368b3e9b/tumblr_pjkxhfUwwm1whahvko1_500.gif);
 -webkit-filter: grayscale(100%) brightness(40%);
 -moz-filter: grayscale(100%) brightness(40%);
 -ms-filter: grayscale(100%) brightness(40%); -o-filter: grayscale(100%) brightness(40%);}

 #fshine cc {height: 55px; width: 440px; position: absolute; bottom: 0; border-top: 1px solid #7a1c1c; background: rgba(0,0,0,0.4);} 

#fshine img {position: absolute; right: 15px; top: 12.5px; height: 30px;}

 #fshine li1 {height: 55px; width: 1px; position: absolute; background:#7a1c1c; left: 305px;}

 #fshine ccwo {height: 55px; width: 440px; position: absolute; background: none; text-align: center; line-height: 55px; color: #ffffff; font-family: source code pro; font-size: 15px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; padding-left: 30px}

 #fshine span {color: #ffffff;}

 #fshine desc {height: 174px; width: 200px; position: absolute; top: 0; background: rgba(0,0,0,0.6); box-sizing: border-box; border: 25px solid transparent; font-family: source code pro; color: #cc2e2e; text-align: justify; font-size: 10px; border-right: 20px solid transparent; padding-right: 5px; overflow: auto; line-height: 15px}

 #fshine gif1, #fshine gif2 {height: 90px; width: 90px; -webkit-border-radius: 100%; -moz-border-radius: 100%: -ms-border-radius: 100%; -o-border-radius: 100%; background-size: cover; background-position: center; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%) brightness(100%); -ms-filter: grayscale(100%) brightness(100%); -o-filter: grayscale(100%) brightness(100%); position: absolute; top: 0;} 

#fshine gif1, #fshine scr1 {left: 235px; top: 20px}

 #fshine gif2, #fshine scr2 {right: 35px; top: 85px}

 #fshine b {color: #cc2e2e;}

 #fshine desc::-webkit-scrollbar {width: 5px}

 #fshine desc::-webkit-scrollbar-thumb {background: none!important; border: 1px solid #cc2e2e}

 #fshine desc::-webkit-scrollbar-track {background: none!important; border: none!important}

 #fshine scr1, #fshine scr2 {height: 90px; width: 90px; -webkit-border-radius: 100%; -moz-border-radius: 100%: -ms-border-radius: 100%; -o-border-radius: 100%; mix-blend-mode: multiply; position: absolute;}

 #fshine scr1 {background-color: #ff0808;}

 #fshine scr2 {background-color: #ff0808;}

 #fshine link1, #fshine link2 {height: 30px; width: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%: -ms-border-radius: 100%; -o-border-radius: 100%; background: rgba(0,0,0,0.6); position: absolute; text-align: center}

 #fshine link1 > a > span, #fshine link2 > a > span {line-height: 30px;}

 #fshine a {text-decoration: none; color: #6b71f2}

 #fshine link1 {border: 1px solid #cc2e2e; left: 275px; top: 95px}

 #fshine link2 {border: 1px solid #7a1c1c; left: 315px; top: 45px}

 #fshine ttls1, #fshine ttls2 {height: 20px; width: 60px; position: absolute; border: 1px solid #000; text-align: center; color: #000; font-family: source code pro; font-size: 8px; font-weight: 900; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; opacity: 0; -webkit-transition: 0.4s}

 #fshine ttls1 {left: 240px; background: #7a1c1c; top: 135px;}

 #fshine ttls2 {left: 315px; top: 15px; background: #cc2e2e}

 #fshine link1:hover ~ ttls1 {opacity: 1; }

 #fshine link2:hover ~ ttls2 {opacity: 1;}

</style></div>[/html]