Volunteers Crow Posted February 6, 2017 Volunteers Share Posted February 6, 2017 I think Anar should personally refund Cami and Lamingtons for the trouble he caused . 10k each + another 5k compensation sounds fair! =d 2 Link to comment Share on other sites More sharing options...
Advanced Members Eleven Posted February 6, 2017 Advanced Members Share Posted February 6, 2017 14 minutes ago, Crow said: I think Anar should personally refund Cami and Lamingtons for the trouble he caused . 10k each + another 5k compensation sounds fair! =d I hope this is a joke. LOL 1 Link to comment Share on other sites More sharing options...
Advanced Members Madison Posted February 8, 2017 Advanced Members Share Posted February 8, 2017 "Hey everyone, so I'm personally hosting this xatspace contest with an amazing prize of 10,000 of MY xats, but I don't want the xatspace to be for me whatsoever alright?" 3 Link to comment Share on other sites More sharing options...
Advanced Members Guppy Posted February 8, 2017 Advanced Members Share Posted February 8, 2017 People make mistakes, you don't have to keep making fun of them. I thought at first that this was a contest to show off your CSS skills, and make any xatspace as complex as possible. I guess I misunderstood, too. Link to comment Share on other sites More sharing options...
Advanced Members Elie Posted February 8, 2017 Advanced Members Share Posted February 8, 2017 3 minutes ago, Guppy said: I thought at first that this was a contest to show off your CSS skills mine is so pls join (not mandatory but optionally) Link to comment Share on other sites More sharing options...
Members Popular Post index. Posted February 8, 2017 Members Popular Post Share Posted February 8, 2017 I hope you like circles. LIVE PREVIEW CSS: background:var(--bg)}/* ❮/❯ with ❤ by index - iiiiiiii (409914266) */:root{--bg:#000;--scheme:#5f55de;--icon:url("\68\74\74\70\3a\2f\2f\69\36\37\2e\74\69\6e\79\70\69\63\2e\63\6f\6d\2f\39\6b\6f\77\65\76\2e\70\6e\67");--pos:18px;--border:3px;--time:4s;--tr:20,80px;--delay:0ms;--x:10px;display:table;margin:auto;overflow:hidden}:root:after{content:'';position:absolute;background:linear-gradient(0deg,var(--scheme)-500%,transparent);width:100%;height:50%;bottom:0;left:0}_:-ms-lang(x),:root{background:#000 url("\68\74\74\70\3a\2f\2f\69\36\33\2e\74\69\6e\79\70\69\63\2e\63\6f\6d\2f\39\6a\66\76\36\39\2e\70\6e\67")no-repeat center}_:-ms-lang(x),#xatstyme:not(iframe){display:none}::selection{background:#000}*{margin:0;padding:0;outline:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility;box-sizing:border-box;list-style:none}:root,body{height:100%}body{display:table-cell;vertical-align:middle}[class^="\26"],[id^="\26"]{display:flex;justify-content:center;align-items:center}[class$="\2d"],#_- li a{position:relative}[id$="\26"],[id="\26_\26"] li{position:fixed}._{width:calc(var(--x)*38);height:calc(var(--x)*38);background:url("\68\74\74\70\3a\2f\2f\69\36\33\2e\74\69\6e\79\70\69\63\2e\63\6f\6d\2f\39\6a\66\76\36\39\2e\70\6e\67")no-repeat center;margin:calc(var(--x)*3)}._{box-shadow:inset 0 0 0 var(--border) #fff}[id="\26_\26"],[id="\26_\26"] li{top:0;right:0;left:0;bottom:0}[id="\26_\26"]{z-index:-1;width:100%;height:100%}[id="\26_\26"] li{border:3px solid #000;margin:auto;width:calc(var(--x)*30);height:calc(var(--x)*30);box-shadow:inset 0 0 0 10px rgb(29, 27, 33),inset 0 0 0 15px rgb(4, 4, 4),inset 0 0 0 20px var(--scheme),inset 0 0 0 25px #fff}[id="\26_\26"] li:nth-child(n){animation:_ var(--time) infinite linear;-moz-animation:_ var(--time) infinite linear}[id="\26_\26"] li:nth-child(0){--time:4s}[id="\26_\26"] li:nth-child(1){--time:3s}[id="\26_\26"] li:nth-child(2){--time:2s}@keyframes _{from{transform:scale(0)}to{transform:scale(6);filter:opacity(0)}}@-moz-keyframes _{from{transform:scale(0)}to{transform:scale(6);filter:opacity(0)}}#_-{width:calc(var(--x)*15);height:calc(var(--x)*15);margin:-30px 0 0 -220px}#_-,#_- > a,#_- li,[id="\26m"],[id="\26m"] a{position:absolute}#_- > a{opacity:0;z-index:-1;width:calc(var(--x)*6);height:calc(var(--x)*6);margin:-75px 0 0 -75px;border-radius:500px;background:url("\68\74\74\70\3a\2f\2f\69\36\36\2e\74\69\6e\79\70\69\63\2e\63\6f\6d\2f\66\78\67\6b\30\36\2e\6a\70\67")no-repeat center,var(--bg);overflow:hidden;box-shadow:inset 0 0 0 var(--border) #fff}#_-:target > a{--border:0;background:url("\68\74\74\70\3a\2f\2f\69\36\33\2e\74\69\6e\79\70\69\63\2e\63\6f\6d\2f\73\71\69\31\71\66\2e\70\6e\67")no-repeat center,#fff}[id="\26\61\64\64"],#_- li,#_- a,#_- > a,._,[id="\26_\26"] li{border-radius:50%}#_-:not(:target) > a:first-of-type,#_-:target > a:last-of-type{opacity:1;z-index:2}#_- li,#_- > a,#_-{left:50%;top:50%}#_- li{width:55px;height:55px;margin:-72px 0 0 -72px;transition:transform 500ms;z-index:1}#_- li:hover:not(:last-child) a{filter:invert(1);box-shadow:none;}#_- li:active{}#_-:target > li:nth-child(n){transition-delay:var(--delay);transform:translate(var(--tr))}#_-:target > li:nth-child(3){--delay:150ms;--tr:20px,80px}#_-:target > li:nth-child(4){--delay:75ms;--tr:60px,135px}#_-:target > li:nth-child(5){--delay:75ms;--tr:40px,-100px}#_- li a{transition:all .2s;box-shadow:inset 0 0 0 var(--border) #fff;display:block;width:100%;height:100%}#_- > a:hover{box-shadow:inset 0 0 0 var(--border) var(--scheme)}#_- li:nth-child(n) a{background:#000 var(--icon)no-repeat center var(--pos)}[id="\26m"]{width:80%;height:80%;top:-100%;transition:all .8s ease-in-out;left:0;right:0;margin:auto;z-index:3}[id="\26m"]:target{top:10%}[id="\26m"] a{top:calc(50% - 270px);right:calc(50% - 420px)}[id="\26m"] a:active{transform:scale(.9)}iframe{border:1px solid #fff}#_- > li:nth-child(5) a{background-color:var(--scheme);box-shadow:none;width:calc(var(--x)*4);height:calc(var(--x)*4);--pos:-70px}#_- > li:nth-child(5):hover a{background-color:#000;box-shadow:inset 0 0 0 3px var(--scheme);}[id="\26\61\64\64"]{width:100%;height:100%;background:#000;border:2px solid var(--scheme);opacity:0;transition:all .8s}[id="\26\61\64\64"] div{font:500 13px 'Arial',sans-serif}[id="\26\61\64\64"]:target{opacity:1}#_-> li:nth-child(4){--pos:-26px; HTML: <div class="_"> <ul id="_-"> <a href="#_-"></a> <a href="#"></a> <li><a href="#&m"></a></li> <li><a href="http://xat.com/web_gear/chat/editprofile.php"></a></li> <li><a href="#&add"></a></li> </ul> <div id="&add"> <div style="color:#fff;"> <h1>Anar</h1> <p>Type <span style="border-radius:30px;background:var(--scheme);color:#fff;-webkit-user-select:all;user-select:all;padding:.2em.8em">/f1313</span> to add me on xat.</p> </div> </div> </div> <div id="&m"> <a href="#"><img src="http://i68.tinypic.com/l9tg6.png"></a> [youtube:853:480:-mfcHxuP6jI:autoplay=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0] </div> <ul id="&_&"> <li></li> <li></li> <li></li> </ul> If you don't like purple then change the variable "--scheme" to whatever color you like A lot of the features aren't supported by MS Edge nor Internet Explorer, so it'll only show the logo on the middle (you can change it if you want) and the music playing. I'll probably add more stuff until the deadline 7 Link to comment Share on other sites More sharing options...
Members DiviX Posted February 9, 2017 Members Share Posted February 9, 2017 It seems to me a wonderful contest, I hope that less demonstrates its creativity, unfortunately I do not even design xatspace, but good luck to all. Link to comment Share on other sites More sharing options...
Members Levi Posted February 10, 2017 Members Share Posted February 10, 2017 @Anar Hello! I'm thinking of participating in this contest, but wanted to ask if you have any favorite anime shows or anime characters. 1 Link to comment Share on other sites More sharing options...
Advanced Members Anar Posted February 14, 2017 Author Advanced Members Share Posted February 14, 2017 Link to comment Share on other sites More sharing options...
Members Levi Posted February 28, 2017 Members Share Posted February 28, 2017 Contest Entry #1 by Neko (46399071) CSS and HTML code provided below in pastebin: http://pastebin.com/tTzW6Uw5 4 Link to comment Share on other sites More sharing options...
Members Levi Posted February 28, 2017 Members Share Posted February 28, 2017 Contest Entry #2 by Neko (46399071) CSS and HTML code provided below in pastebin: http://pastebin.com/diD9KGNA 4 Link to comment Share on other sites More sharing options...
Advanced Members Popular Post Shake Posted February 28, 2017 Advanced Members Popular Post Share Posted February 28, 2017 My turn! And right on time. HTML: <div id="thing"></div> <div id="big"> <div id="wrap"> <div id="center"></div> <div id="slider"> <div id="t1"> <div id="title"></div> <div id="linkwrap"> <div id="link"><a href="http://forum.xat.com">Forum</a></div> <div id="link"><a href="http://xat.com/help">Help</a></div> <div id="link"><a href="http://google.com">Link 3</a></div> </div> </div> </div> </div> </div> [youtube:0:0:video:shakemadethis] i didn't add a song since i don't know what you like. just replace video with the youtube ID at the last line. CSS: background:#000000}@keyframes anarxo{ 0%{opacity:0;} 20%{opacity:0;} 100%{opacity:1}} @keyframes loading{ 0%{opacity:0;} 20%{opacity:1;} 40%{opacity:0} 100%{opacity:0}} #thing{position: absolute;width: 100%;height: 100%;left:0;top:0;z-index: -1;animation: loading 14s;background: url('http://i63.tinypic.com/2dm7vp.gif') center no-repeat;opacity: 0; } #center{background: url('http://i64.tinypic.com/s2r7s9.png') center no-repeat, rgba(255,255,255,1);width: 220px;height: 220px;border-radius: 100em;left: 50%;top: 50%;margin-left: -110px;margin-top: -110px;position: absolute;color: #FFF;box-sizing: border-box;transition: all 0.3s ease;z-index:3;background-size: 221px 221px;border: 2px #fff;border-style:solid; } #wrap{position: absolute;width:220px;height:220px;background:none; border-top-right-radius:100em; border-bottom-right-radius:100em;left: 50%;top: 50%;margin-left: -110px;margin-top: -110px;transition: transform 0.2s linear; z-index:1 }#wrap:hover{ transform: translate(-140px); } #center,#slider{box-shadow: 1px 1px 0px rgba(0,0,0,0.5) } #slider{position: absolute;background: rgba(255,255,255,0.2);height: 220px;width: 0px;margin-left: 0px;margin-top: -110px;left: 50%;top: 50%;box-sizing: border-box;z-index: 0;border-top-right-radius: 100em;border-bottom-right-radius: 100em;transition: width 0.2s linear; overflow: auto; } #slider:hover{width: 400px; } #center:hover ~ #slider{filter: opacity(1);width: 400px; } #big{width: 100%;height: 100%;left:0; top:0;position: absolute;background: url(https://s10.postimg.org/ijhi62chl/anar.png) bottom;background-size:cover,cover;background-blend-mode: overlay; margin:0; animation:anarxo 20s; }#t1{ vertical-align:middle; width:220px; background:url() center no-repeat; color:#FFF; overflow:hidden; position:absolute; z-index:-3; font-size: 12px; height: 200px; right:55px; top:50%; margin-top:-100px; text-shadow: 1px 1px 0px rgba(0,0,0,0.9); overflow:visible;}#title{ font-size:30px;text-align:center; transform:translate(-8px,100px) position:absolute; width:100%; height:100%; background: url(https://s12.postimg.org/lbqlcox4d/aksda.png) center no-repeat;}#link{ width:58px; height:14px; padding:2px; box-sizing:border; display:inline-block; text-align:center; background:rgba(0,0,0,0.1); bottom: 1px; border: 1px solid #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); transition: all 0.2s linear 0s;}#link:hover{ box-shadow: inset 0px 9px 0px rgba(0,0,0,0.2), inset 0px -9px 0px rgba(0,0,0,0.3);}#linkwrap{ position:absolute; bottom:5px; text-align:center; transform:translate(-15px);}#title{animation: blinker 1.5s linear infinite; } @keyframes blinker { 50% { opacity:0.3; } }a{ color:inherit; text-decoration:inherit} *{font-size:12px;font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif; Credits: background by sugarmints icon chosen by Anar 7 Link to comment Share on other sites More sharing options...
Advanced Members Anar Posted March 1, 2017 Author Advanced Members Share Posted March 1, 2017 I know it was a difficult and a risky contest as there were no requirements and you had to play with your imagination. I had 3 favorites ones, but I had to chose a winner. @Levi for your 1st entry. Congratulations for your hard work. (I might ask you to change 1 or 2 things) I will add you as a friend on xat and you will receive your prize as soon as I see you online. Thanks to everybody who entered my contest. 5 Link to comment Share on other sites More sharing options...
Members Levi Posted March 3, 2017 Members Share Posted March 3, 2017 On 3/2/2017 at 1:09 AM, Anar said: I know it was a difficult and a risky contest as there were no requirements and you had to play with your imagination. I had 3 favorites ones, but I had to chose a winner. @Levi for your 1st entry. Congratulations for your hard work. (I might ask you to change 1 or 2 things) I will add you as a friend on xat and you will receive your prize as soon as I see you online. Thanks to everybody who entered my contest. Glad you liked it! I'll be happy to arrange some things to your preference. 1 Link to comment Share on other sites More sharing options...
Recommended Posts