37th: farplane

[yanyan]

There are two codes in here! Both are inspired by Final Fantasy X status screens. Aside from icons, this code makes use of no graphics. Icons by marvelicious

Yuna

Final Fantasy X
canon point

Holly Heights

username

Rikku

Final Fantasy X-2
canon point

The Box

username

code by cawaii

CODE
<raw-code><center> <!--ROW START--> <!--LEFT BOX START--> <div style="width: 380px; height: 40px; padding: 2px 0px 4px 0px; text-align: left; overflow-x: hidden; position: relative; z-index: 0; display: inline-block;"> <div style="border-bottom: 2px solid #000000;"> <!--BLUE BOX START--> <div style="background: -moz-linear-gradient(left, rgba(47,123,163,1) 0%, rgba(12,50,139,1) 90%, rgba(255,255,255,0) 95%); background: -webkit-linear-gradient(left, rgba(47,123,163,1) 0%,rgba(12,50,139,1) 90%,rgba(255,255,255,0) 95%); transform:skewX(150deg); -webkit-transform:skewX(150deg); width: 170px; margin-left: -12px; padding: 8px 24px; display: inline-block;"> <div style="color: #ffffff; text-shadow: #111111 1px 1px 0px; transform:skewX(30deg); -webkit-transform:skewX(30deg);">NAME HERE</div> </div> <!--BLUE BOX END--> <!--WHITE SPACE START--> <div style="font-size: 10px; color: #000000; margin-left: 5px; position: relative; top: 4px; display: inline-block;">CANON HERE <br/>TEXT HERE</div> <!--WHITE SPACE END--> </div> </div> <!--LEFT BOX END--> <!--ICON--> <img src="ICON URL HERE" style="border: 2px solid #000000; height: 56px; margin-left: -30px; border-radius: 50%; position: relative; top: 6px; position: relative; z-index: 1; display: inline-block;"> <!--ICON--> <!--RIGHT BOX START--> <div style="width: 200px; height: 40px; margin-left: -30px; padding: 2px 0px 4px 0px; text-align: left; overflow-x: hidden; position: relative; z-index: 0; display: inline-block;"> <div style="border-bottom: 2px solid #000000;"> <!--BLACK BOX START--> <div style="background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 68%, rgba(255,200,83,1) 70%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 68%,rgba(255,200,83,1) 70%,rgba(255,255,255,0) 100%); transform:skewX(150deg); -webkit-transform:skewX(150deg); margin-top: 4px; padding: 0px 30px;"> <div style="font-size: 10px; color: #FFC853; transform:skewX(30deg); -webkit-transform:skewX(30deg);">GAME</div> </div> <!--BLACK BOX END--> <div style="font-size: 10px; padding: 0px 30px; margin-top: 4px;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">USERNAME</span></a></div> </div> </div> <!--RIGHT BOX END--> <!--ROW END--> <br/><br/> <small>code by <user name=cawaii></small> </center></raw-code>

Yuna

Rikku

Yuna

Rikku

Yuna

Rikku

code by cawaii

CODE
<raw-code><center> <div style="width: 516px; margin-bottom: 20px; text-align: left;"> <!--ITEM START--> <div style="background: -moz-linear-gradient(left, rgba(147,59,169,1) 0%, rgba(134,32,124,1) 100%); background: -webkit-linear-gradient(left, rgba(147,59,169,1) 0%,rgba(134,32,124,1) 100%); width: 200px; padding: 3px 12px; box-shadow: #111111 2px 2px 0px; color: #ffffff; text-shadow: #111111 1px 1px 0px; text-align: left; display: inline-block;"><a href="LINK" style="text-decoration: none;"><span style="color: #ffffff;">CHARACTER NAME</span></a></div> <img src="ICON URL HERE" style="border: 2px solid #111111; height: 50px; margin-left: -27px; border-radius: 50%; position: relative; top: 20px; position: relative; z-index: 1; display: inline-block;"> <!--ITEM END--> </div> <small>code by <user name=cawaii></small> </center></raw-code>

Comments

[swiftling]

This muselist is brilliant! I love it!