New Skin! <3

saranghae.
Proud Shadowplayer
saranghae.
Proud Shadowplayer
Joined: 12:50 AM - Mar 25, 2010

3:02 AM - May 08, 2017 #1

[align=center]NEW SKIN AT SHADOWPLAY![/align]

We are really proud to announce we have a new skin for the site! It was made by Vic (Highwater)! Congratulations on winning the skin contest! We also like to thank Alyssa(alyssa ren.) and Jayy for their amazing entries. You'll all get awards and SP money for your participation (:

We also want to thank Nicole (thunderstruck) for letting us use some of her scripts and providing help with bug fixes and overall functioning of the new skin.

As you might have noticed, we don't have a header yet! Make sure to check out the new challenges here and here for a new header and new social media graphics. <3

Feel free to reply with your thoughts below, and let us know if you have any issues or suggestions (:


%mh%491%mh%
Quote
Like
Share

.beatfreakz00
Proud Shadowplayer
.beatfreakz00
Proud Shadowplayer
Joined: 11:58 PM - May 30, 2012

3:33 AM - May 08, 2017 #2

It's so gorgeous! Mama Vic did a great job putting it together! Nicole's a rock star, too, for helping out!

I'm very excited to see what our new header would look like. Ooh, just the thought of everything after it comes together makes me very happy already!!
[align=center]
fantasy on an easel [GR] || dreams on a page [WR]
avatar by onehallyu


[/align]
%mh%817%mh%
Quote
Like
Share

bottleofdreams
Proud Shadowplayer
bottleofdreams
Proud Shadowplayer
Joined: 12:24 PM - Apr 06, 2016

3:35 AM - May 08, 2017 #3

I'm so so sooooo in love with this new skin! Awesome job everyone /hugs/
<link href="https://fonts.googleapis.com/css?family ... Sacramento" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ ... me.min.css"> <style> #syl-credit { z-index: 0; position: relative; left: 0px;top: -12px; cursor: crosshair; width: 65px; } #psiwaoi-sig { position: relative; margin: 15px; width: 500px; height: 200px; background: #9c9c8d; background: -moz-linear-gradient(top, #9c9c8d 0%, #1ea3a7 100%); background: -webkit-linear-gradient(top, #9c9c8d 0%,#1ea3a7 100%); background: linear-gradient(to bottom, #9c9c8d 0%,#1ea3a7 100%); border-top: 3px solid #9c9c8d; border-left: 3px solid transparent; border-bottom: 3px solid #1ea3a7; border-right: 3px solid transparent; outline: 1px solid #fff; box-shadow: 1px 1px 10px #666; overflow: hidden; z-index: 10; } .psiwaoi-bgone { position: absolute; top: 0px; left: 0px; width: 325px; height: 200px; background-color: #2cd1df; background-image: url(https://cdnw.nickpic.host/mcsS6f.png); background-position: left; -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); filter: brightness(100%); z-index: 10; transition: 1s ease-in-out; } .psiwaoi-bgtwo { position: absolute; top: 0px; right: 0px; width: 224px; height: 200px; background-color: #666; background-image: url(https://cdnw.nickpic.host/mcsS6f.png); background-position: right; -webkit-clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%); z-index: 10; transition: 1s ease-in-out; } #psiwaoi-sig:hover .psiwaoi-bgone { left: -200px; filter: grayscale(40%); background-image: url(https://cdnw.nickpic.host/mQvGpz.png);} #psiwaoi-sig:hover .psiwaoi-bgtwo { right: -224px;} #psiwaoi-sig:hover .psiwaoi-avatar { opacity: 1; transition-delay: 0.7s;} .psiwaoi-bio { position: absolute; width: 500px; height: 200px; background-color: #d0c8bf; } .psiwaoi-avatar { position: absolute; left: 0px; width: 190px; height: 200px; opacity: 0; z-index: 50; transition: 0.5s ease-in-out; } .psiwaoi-avatar p { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0px; padding: 8px; width: 100px; height: 100px; border-radius: 100px; border: 1px solid #35c7d4; filter: grayscale(40%); } .psiwaoi-avatar img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 104px; height: 104px; object-fit: cover; border-radius: 100px; filter: drop-shadow(1px 1px 0px #aaa); } .psiwaoi-links { position: absolute; top: 5px; right: 5px; width: 90px; height: 190px; background-color: #666; } .psiwaoi-links a { position: relative; display: block; width: 100%; height: 25%; background-color: #b6aa92; color: #fff; font-size: 14px; text-shadow: 1px 1px 0px #aaa; } .psiwaoi-links a:nth-child(2){ background-color: #a9c5b5; } .psiwaoi-links a:nth-child(3){ background-color: #65bdb7; } .psiwaoi-links a:nth-child(4){ background-color: #2ba4a8; } .psiwaoi-links i { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .psiwaoi-links a .psiwaoi-tooltip { visibility: hidden; width: auto; background-color: rgba(52,52,52,0.6); color: #fff; text-align: center; padding: 4px 10px; position: absolute; top: 70%; left: 65%; transform: translateX(-50%); z-index: 99; font: 500 6px/6px Raleway; letter-spacing: 1px; text-shadow: none; text-transform: uppercase; } .psiwaoi-links a:hover .psiwaoi-tooltip { visibility: visible; } .psiwaoi-text { position: absolute; top: 70px; left: 160px; width: 200px; height: 85px; padding-right: 10px; border: 10px solid transparent; font: 300 10px/14px Raleway; text-align: left; overflow-y: scroll; } .psiwaoi-text::-webkit-scrollbar { width: 5px; height: 1px; } .psiwaoi-text::-webkit-scrollbar-track { width: 5px; background-color: #e0d8ce; border: 1px solid #aaa; } .psiwaoi-text::-webkit-scrollbar-thumb { background-color: #a9c5b5; border: 1px solid #aaa; } .psiwaoi-bio h1 { position: absolute; top: 20px; left: 170px; display: block; width: 200px; height: 20px; padding: 0px 5px; border-bottom: 1px solid #aaa; color: #2aa6a9; font: 900 24px/16px Raleway; text-align: left; text-transform: uppercase; } .psiwaoi-bio h2 { position: absolute; top: 50px; left: 278px; display: block; width: 100; height: 10px; border: 1px solid #aaa; color: #666; font: 500 7px/10px Raleway; text-transform: uppercase; letter-spacing: 2px; } .psiwaoi-text b { color: #877e6d; } .psiwaoi-text i, .psiwaoi-text a { color: #2aa6a9; text-decoration: none; } </style> <center> <div id="psiwaoi-sig"> <div class="psiwaoi-bgone"></div> <div class="psiwaoi-bgtwo"></div> <div class="psiwaoi-bio"> <div class="psiwaoi-avatar"><p></p><img src="https://68.media.tumblr.com/65452c3aded ... gif"></div> <div class="psiwaoi-links"> <a href="http://z10.invisionfree.com/Shadowplay/ ... =71166"><i class="fa fa-paint-brush" aria-hidden="true"></i><span class="psiwaoi-tooltip">graphics</span></a> <a href="http://z10.invisionfree.com/Shadowplay/ ... =71638"><i class="fa fa-trophy" aria-hidden="true"></i><span class="psiwaoi-tooltip">hof</span></a> <a href="http://z10.invisionfree.com/Shadowplay/ ... =75575"><i class="fa fa-book" aria-hidden="true"></i><span class="psiwaoi-tooltip">records</span></a> <a href="https://bottle-of-dreams.deviantart.com/"><i class="fa fa-deviantart" aria-hidden="true"></i><span class="psiwaoi-tooltip">deviantart</span></a> </div> <h1>petra &#10084;</h1><h2>19. legend. cs3.</h2> <div class="psiwaoi-text"><i>"you're the best partner that I can boast. but when we fight, i will defeat you."</i><br><br><b>closed for request</b><br>a med student. major kpop and kdrama fan, a novice in manga and anime. have absolute struggle with muse.<br><br><i>kpop:</i> bts, suju, park bogum, song joongki<br><i>anime:</i> haikyuu!!, free!, no.6, skip beat<br><i>ships:</i> <b>iwaoi</b>, <b>makoharu</b>, kuroken, daisuga, bokuaka, kagehina, all haikyuu ships basically</div> </div> </div> <a href="http://z10.invisionfree.com/Shadowplay/ ... 9921"><img id="syl-credit" src="https://cdnw.nickpic.host/mwtYef.gif"/></a> </center>
Quote
Like
Share

wish_19
Awesome
wish_19
Awesome
Joined: 2:44 PM - Apr 01, 2013

3:38 AM - May 08, 2017 #4

Love it!!! Thanks to all who worked so hard! ^_^
[align=center]
+ Gallery || + Challenge Tracker || + Hall of Fame <3
[/align] %mh%98%mh%
Quote
Like
Share

mercurius
Proud Shadowplayer
mercurius
Proud Shadowplayer
Joined: 4:29 PM - Sep 24, 2013

3:56 AM - May 08, 2017 #5

Totally loving the new skin <3 great job to everyone who participates on the skin challenge, all of the entries were pretty!! :wub:
[align=center]

maria | gallery | deviantart | tumblr


raven. made the amazing set[/align] %mh%154%mh%
Quote
Like
Share

SithLordOfSnark
Awesome
Joined: 2:10 PM - Jul 01, 2014

7:15 AM - May 08, 2017 #6

This skin is so beautiful. :)



%mh%15%mh%
Quote
Like
Share

callisto
Proud Shadowplayer
callisto
Proud Shadowplayer
Joined: 7:07 AM - Nov 15, 2016

7:18 AM - May 08, 2017 #7

beautiful skin!!!
%mh%237%mh%
Quote
Like
Share

idris.
Proud Shadowplayer
idris.
Proud Shadowplayer
Joined: 8:48 AM - Apr 18, 2014

7:53 AM - May 08, 2017 #8

aaah the skin is so pretty and yummy i want to eat it
[align=center]
GRAPHICS -- WRITING -- HALL OF FAME -- DEVIANTART
[/align]%mh%1867%mh%
Quote
Like
Share

echo
Proud Shadowplayer
echo
Proud Shadowplayer
Joined: 7:49 AM - Oct 24, 2011

9:40 AM - May 08, 2017 #9

The skin looks so lovely, can't wait to see an equally amazing header with it. Awesome job, Vic :D
[align=center]
GALLERYHOF ♠ SIG BY RO (EAST OF THE SUN)

[/align] %mh%274%mh%
Quote
Like
Share

thunderstruck
Proud Shadowplayer
thunderstruck
Proud Shadowplayer
Joined: 10:10 PM - Feb 15, 2011

10:09 AM - May 08, 2017 #10

this is such a cute skin, congratulations vic!! ?✨
<link href="https://fonts.googleapis.com/css?family=Passion+One:400" rel="stylesheet"><style>.stormylightningsig{text-align:left;width:400px;margin:5px auto;background-image:url(https://nickpic.host/images/Yynoj.png);padding:30px;font:10px/100% Courier,monospace;position:relative}.stormylightningsig br{display:none}.stormylightningsig br.stormyshow{display:block}.stormylightningsig.stormyblue{background-image:none;background-color:#007EA8}.stormylightningsig h1{font:400 80px/70% 'Passion One',sans-serif;text-transform:uppercase;color:#444;margin:0}.stormylightningsig.stormyblue h1{color:rgba(255,255,255,.4)}.stormylightningsig hr{background-color:#444;height:3px;width:255px;border:0;display:inline-block;margin:.8em 0}.stormylightningsig.stormyblue hr{background-color:rgba(255,255,255,.4)}.stormylightningsig img{border-radius:50%;padding:15px;background-color:#444;position:absolute}.stormylightningsig.stormyblue img{background-color:rgba(255,255,255,.4)}.stormylightningsig img.stormyone{top:35px;right:25px;width:80px}.stormylightningsig img.stormytwo{width:40px;top:95px;right:75px;padding:10px}.stormylightningsig p{text-transform:uppercase;color:#666;margin:0 20px;letter-spacing:3px;color:rgba(255,255,255,.7)}.stormylightningsig .stormylinks{margin:1.3em 0 0;text-transform:uppercase;text-align:center;background-color:#444;color:#999;padding:10px;line-height:100%}.stormylightningsig.stormyblue .stormylinks{background-color:rgba(255,255,255,.4);color:#fff}.stormylightningsig a{font-weight:400;color:#999;text-decoration:none}.stormylightningsig.stormyblue a{color:#fff}</style><div class="stormylightningsig stormyblue">

<img src="https://nickpic.host/images/HpUIX.png" class="stormyone" />
<img src="https://nickpic.host/images/HpnT6.png" class="stormytwo" />

<h1>THUNDER<br class="stormyshow" />STRUCK</h1>
<hr/>
<p>nicole, twenty-two, canada</p>


<div class="stormylinks"><a href="http://z10.invisionfree.com/Shadowplay/ ... 50">coding (legend)</a> &bull; <a href="http://z10.invisionfree.com/Shadowplay/ ... ">graphics (inspiring)</a> &bull; <a href="http://z10.invisionfree.com/Shadowplay/ ... 28">coding playground</a></div>

</div> %mh%1399%mh%
Quote
Like
Share