Notes: I didn't design this profile. It was made to emulate the old RPC default profile layout. Some still wanted that old layout so here it is! It's pretty great for beginners with HTML / CSS too.
Main Image Information:
Size dictated by width, for best results any dimensions should work.
Main Image Information:
Size dictated by width, for best results use relatively square images. For second best results use images with a width greater than its height.
Main Image Information:
Size dictated by height and width, use square images only.
Notes: Hover me, baby.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width.
Notes: Hover me, baby.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width. For second best results any dimensions should work.
Notes: Hover me, baby.
Main Image Information:
Size dictated by width, for best results use images with heights greater than their widths.
Central image is a background image, for best results use an image with a width greater than its height.
Main Image Information:
Left image size dictated by height, for best results use images with heights greater than their widths.
Right image size dictated by width, for best results use relatively square images. For second best results use images with widths greater than their widths.
Notes: Layout is meant to exceed screen height.
Main Image Information:
Size dictated by width, for best results use relatively square images. For second best results use images with widths greater than their heights.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best results use images with heights greater than their widths.
Notes: Hover me, baby. A layout I designed for my own alt, but I’ve decided to share. Comes with the song 'Chasing Dreams' ft. Gumi Megpoid by GHPZ.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best results use images with a height greater than its width.
Notes: The Kanji is supposed to be for Heaven and Earth.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width. Other dimensions may or may not work.
Notes: Hover me, baby. Contains transition effects. A layout I designed for my own alt, but I've decided to share.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width. For second best results use relatively square images.
Notes: A layout I designed for my own alt, but I've decided to share.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width. For second best results use relativly square images.
Notes: The first full code I ever made. It was made for my main profile and has been cleaned up. The image on the right will change when the yellow squares are clicked. Comes with the song 'Packaged' ft. Hatsune Miku by kz.
Main Image Information:
Size dictated by height, any dimensions should work.
Notes: Hover me, baby.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width.
Notes: Triangles pointing left are content tabs and triangles pointing right will change the central image.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width. For second best results use relatively square images.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Notes: Contains transition effects. A layout I designed for my own alt, but I've decided to share.
Main Image Information:
Image shown has a transparent background. Size dictated by width, for best results use relatively square images. For second best results use images with a width greater than its height.
Notes: Contains onload effects. A layout I designed for my own alt, but I've decided to share.
Main Image Information:
Main image is a background image. Size dictated by height, for best results use an image with a width greater than its height.
Additional images set to fit the width of the infobox.
Notes: Comes with the song ‘The Divine Suicide of K’ by Protest the Hero.
Main Image Information:
Size dictated by height, for best results use an image with a height greater than its width. Do not go wide with this code.
Notes: Contains transition effects.
Main Image Information:
Size dictated by height, for best results use an image with a height greater than its width. For second best results use a relatively square image.
Notes: Hover me, baby.
Main Image Information:
Size dictated by width, for best results use square images. For second best results use images with a height greater than its width.
Notes: Minor display issue on Firefox and Internet Explorer.
Main Image Information:
Size dictated by width, for best results use images with a height greater than its with. For second best resuls any dimensions should work.
Main Image Information:
Size dictated by width, for best results use images with a height greater than its width. For second best results any dimensions should work.
Notes: Contains transition effects. A layout I designed for my own alt, but I've decided to share. Comes with the song 'Crystalline' ft Gumi Megpoid by Circus-P.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Notes: Partial one taken from GS#06 Dante.
Main Image Information:
Size dictated by width, for best results any dimensions should work. An image with height greater than its width recommended.
Notes: Partial two taken from GS#06 Dante.
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width.
Connections image sizes dictated by width, for best results any dimensions should work.
Notes: Partial three taken from GS#06 Dante. Not really meant to hold a lot of text.
Main Image Information:
Size dictated by width, for best results any dimensions should work. Relatively square images recommended.
Main Image Information:
Size dictated by height. Any dimensions should work for both images.
Main Image Information:
Size dictated by height. Balance your images. Do not make both wide or they will cut each other off.
Notes: Contains transition effects.
Main Image Information:
Main image is a background image. Size dictated by height, for best results use an image with a height greater than its width.
For best results with icons use square images. For second best results any dimensions should work.
Notes: Contains transition effects. Internet Explorer loads incorrectly.
Main Image Information:
Size dictated by width, for best results use images with a height greater than its width. For second best results any dimensions should work.
Note: Who is going to use this? I have no idea. But here it is!
Main Image Information:
Size dictated by width, for best results use square images. For second best results any dimensions should work.
Note: Who is going to use this? I have no idea. But here it is!
Main Image Information:
Size dictated by width, for best results use square images. For second best results any dimensions should work.
Note: Contains transition effects.
Main Image Information:
Size dictated by width, for best results use images with a height greater than its width. For second best results any dimensions should work.
Note: Contains transition effects. Tabs change both the image on the left and text on the right.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Note: Contains transition effects.
Main Image Information:
Size dictated by height, for best results use images with a height greater than or equal to its width. For second best results any dimensions should work.
Note: Hover me, baby. Minor cosmetic issue on Internet Explorer and mobile. Code comes with three image slots on the left and right; feel free to add or subtract img elements into the div class="photos" as they will center accordingly.
Main Image Information:
Main image is a background image with size dictated by height, for best results any dimensions should work. Side image sizes dictated by width, for best results any dimensions should work.
Main Image Information:
Size dictated by width, for best results any dimensions should work.
Note: Hover me, baby. Contains transition effects. Dresser made with HTML.
Main Image Information:
Image shown has a transparent background. Size dictated by height, for best results any dimensions should work.
Note: Contains transition effects. Pentacle made with HTML. Minor cosmetic issue on Firefox.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Notes: Contains transition effects. Minor cosmetic issue on Google Chrome.
Main Image Information:
Size dictated by width, for best results any dimensions should work.
Notes: Contains transition effects. Inspired by an Aquafina label.
Main Image Information:
Size dictated by width, for best results use relatively square images. For second best results any dimensions should work.
Notes: Contains transition effects. Comes with a cover of the song 'Shake It!' ft. Otomachi Una, Yuzuki Yukari, and V Flower.
Main Image Information:
Vocaloid images shown have transparent backgrounds. Size dictated by height, for best results use images with heights greater than their widths.
Notes: Contains transition effects. Minor cosmetic issues on Firefox and Internet Explorer. Top opens, bottom closes.
Main Image Information:
Size dictated by width, for best results any dimensions should work.
Notes: Contains transition effects.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best results any dimensions should work.
Notes: Contains transition effects. There could still be some redundancies or unused CSS leftover in this one...
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Notes: Contains transition effects.
Main Image Information:
Image shown has transparent background. Size dictated by height, for best results use images with heights greater than their widths. For second best results any dimensions should work.
Notes: Hover me, baby.
Main Image Information:
Size dictated by width, for best results use relatively square images. For second best results any dimensions should work.
Notes: Changing the color of the fireflies is extremely tedious. If you find the firefly effect isn't functioning smoothly try deleting the divs with id c2 and c4.
Main Image Information:
No default image slot, but anything added to the center scrolling box will be restricted to the width of the box.
Notes: A RP layout mock-up of the little profiles that can be made with the Tatsumaki bot on Discord!
Main Image Information:
Size dictated by width, for best results use image with a height greater than its width.
Notes: Contains transition effects. Does not display as nicely on Internet Explorer but still functional.
Main Image Information:
Main image displayed is a background image. For best results use an image with a width greater than its height.
Notes: Contains transition effects. Blurred effects do not render in IE. Everything except the friends list is still functional. Don't make the #qbox quote very long!
Main Image Information:
Image shown has a transparent background. Size dictated by width for best results use an image with a height greater than its width.
Notes: Contains transition effects. The mobile compatibility is incomplete and fairly lazy on this. I made the background stripes myself on this one!
Main Image Information:
Image shown has a transparent background. Size dictated by height, for best results anything SHOULD work.
Notes: Contains transition effects. There is a technical problem with the navigation. Even though content is clipped when on character box is expanded the overflow still blocks the navigation reset in areas it shouldn't. Name does not expand right on IE.
Main Image Information:
Images displayed have a transparent background. Size dictated by height, for best results use images with heights greater than their widths. For second best results use relatively square images.
Notes: Contains transition effects. If you wish to convert a box into an image box find the div with class="info" and add image to the class list such as: class="info image".
Main Image Information:
Main image displayed is a background image with a transparent background. Image size dictated by height, for best results any dimensions should work.
Notes: Contains transition effects and animations. A shout-out to the S.O. for this one. I've been sitting on the range navigation for a while but the rest was all done at his suggestion. Clicking the navigation too fast will cause the casings/tabs to poof as it doesn't know how to handle its position when mid-animation. Internet Explorer makes the animation jittery.
Main Image Information:
Not an image heavy profile. Main Image size dictated by width, for best results use an image with a height greater than its width. For second best results any dimensions should work.
Notes: Contains transition effects.
Main Image Information:
Main image size is dictated by height, for best results use an image with a height greater than its width.
Notes:
Main Image Information:
Note: Contains transition effects. Designed to have two images link to their respective characters.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Note: Hover me, baby (right image slides over on infobox hover).
Main Image Information:
Left image size dictated by height, for best results use images with a height greater than its width. Right image size dictated by width, for best results any dimensions should work.
Note: Revamped from the original base to the point it might as well be considered a completely different code.
Main Image Information:
Size dictated by width, for best results use images with a height greater than its width. For second best results any dimensions should work.
Note: Hover me, baby.
Main Image Information:
Main image is a background image, size dictated by height, for best results any dimensions should work.
Note: Comes with the song 'Alice in Black Market' by LIQ ft. Hatsune Miku.
Main Image Information:
Size dictated by height, for best results select images with a height greater than its width.
Main Image Information:
Size dictated by height, for best results use a relatively square image. For second best results use an image with a height greater than its width.
Note: The second profile I ever made.
Main Image Information:
Background image sizes dictated by height, for best results use images with a width greater than its height. Foreground image sizes dictated by width, for best results use images with a width greater than its height.
Main Image Information:
Size dictated by width. For first image use a relatively square image. For the second use one with a width greater than its height. Lastly, an image with a height greater than its width.
Note: It was meant to hold several pages of story.
Main Image Information:
Size dictated by width, for best results use an image with a height greater than its width for the left image. Any images should work inside the navbar and infobox.
Note: Hover me, baby.
Main Image Information:
Main image is a background image. Size dictated by height, for best results any dimensions should work.
Note: Contains transition effects.
Main Image Information:
Size dictated by height, for best results any dimensions should work. Image on right as a transparent background.
Note: Contains transition effects.
Main Image Information:
Size dictated by width, for best results any dimensions should work. Relatively square images are recommended for navbar links.
Note: Contains transition effects. Wheel spokes are navigation links.
Main Image Information:
Size dictated by height, for best results use an image with a height greater than its width.
Note: Hover me, baby. Contains transition effects.
Main Image Information:
Size dictated by height for navigation, for best results any dimensions should work. Size dictated by width for main left image, for best results use images with heights greater than their widths. For second best results any dimensions should work.
Note: Contains transition effects. Portrait mode does not display tab images and audio player. Comes with the song Ferris Wheel ft. Yuzuki Yukari by INFINITY∞.
Main Image Information:
Size dictated by height for main image and gallery. Size dictated by width for regular tab images. For tab images use images with heights greater than their widths. For other images any dimensions should work.
Note: Contains transition effects and animations.
Main Image Information:
Main image is a background image. Size dictated by height, for best results use an image with a height greater than its width.
Note:
Main Image Information:
Featured Song: Glass Wall (No Dubstep)
Vocaloid: Hatsune Miku
Original Music and Lyrics by: GuitarHeroPianoZero
No Dubstep Version by: Marcus Paquette
Note: Hover me, baby.
Main Image Information:
Image shown has a transparent background. Size dictated by height, for best results any dimensions should work.
Featured Song: WILDFIRE!!
Vocaloid: Gumi Megpoid
Music and Lyrics by: Circus-P & Crusher-P
Note: Hover me, baby.
Main Image Information:
Size dictated by height, for best results use images relatively square images. For second best results use images with a height greater than its width.
Featured Song: iNFeCTioN
Vocaloid: Hatsune Miku
Music by: Circus-P
Lyrics by: Empath-P & Circus-P
Note: Layout has a "load" effect for the text and a "glitch" effect for central image. Effects may not be compatible with all computers and browsers.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Song: The Tale of a 10 Year Old Vampire Queen
Vocaloid: Hatsune Miku
Music by: Circus-P
Lyrics by: Circus-P & Jen
Main Image Information:
Images shown have transparent backgrounds. Size dictated by width, for best results use images with a height greater than its width.
Featured Song: Karma
Vocaloid: Kagamine Rin
Music by: Circus-P & Eyeris
Lyrics by: Circus-P
Note: Hover me, baby. Minor cosmetic issue on Firefox.
Main Image Information:
Size dictated by width, for best results use images with a height to width ratio of 9:8. For second best results any dimensions should work.
Featured Song: Last of Me
Vocaloid: Megurine Luka
Music and Lyrics by: Circus-P
Note: Hover me, baby.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Song: CiRCuS MoNSTeR
Vocaloid: Megurine Luka
Music and Lyrics by: Circus-P
Note: Hover me, baby. Contains transition effects.
Main Image Information:
Size dictated by height, for best results choose images with a height greater than its width. For second best results choose a relatively square image.
Featured Song: Akatsuki Arrival
Vocaloid: Hatsune Miku & Megurine Luka
Music and Lyrics by: Last Note
Main Image Information:
Size dictated by height, for best results use images with a height greater than its width. For second best results use relatively square images.
Featured Song: Party Junkie
Vocaloid: Hatsune Miku
Music and Lyrics by: Satuki Ga Tenkomori
Note: Hover me, baby.
Main Image Information:
Size dictated by width. Everything will be relatively small with this code so use your best discretion. Having a fancy background image of your own would be best.
Featured Song: Addicted (Revised)
Vocaloid: Hatsune Miku
Music and Lyrics by: Circus-P
Note: Hover me, baby.
Main Image Information:
Size dictated by width, for best results use images with a height greater than its width. Although, technically, any image should work with this code.
Featured Song: Lie & I (Love)
Vocaloid: Megurine Luka & Gumi Megpoid
Music and Lyrics by: Circus-P
Note: Minor cosmetic issue on Internet Explorer.
Main Image Information:
Size dictated by height, for best results use images with a height greater than or equal to its width.
Featured Song: Ten Sho Sho Ten Sho
Vocaloid: Hatsune Miku
Music and Lyrics by: Kikuo
Note: Hover me, baby. Title content is in the CSS not the HTML like normal.
Main Image Information:
Main image is a background image. Size dictated by height, for best results any dimensions should work.
Featured Song: Meteor
Vocaloid: Hatsune Miku
Music and Lyrics by: John Zeroness
Main Image Information:
Main image is a background image. Size dictated by height, any dimensions should work for the background image. Foreground image (image over text box) size dictated by width, for best results use images with a width greater than its height.
Featured Song: Lie
Vocaloid: Megurine Luka
Music and Lyrics by: Circus-P
Main Image Information:
Central image size dictated by height, for best results use an image with a height greater than or equal to its width. Side image size dictated by width, for best results use images with a width greater than its height.
Featured Song: Two-Faced Lovers
Vocaloid: Hatsune Miku
Music and Lyrics by: Wowaka
Note: Contains transition effects. The styling content for this layout is quite large and complex. I had to resort to a gif for this one. I really recommend playing with it first to see how it works.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Song: Two-Dimensional Dream Fever
Vocaloid: Hatsune Miku
Music and Lyrics by: PolyphonicBranch
Note: Hover me, baby. Contains transition effects.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best reults use images with widths greater than their heights.
Featured Song: Copycat
Vocaloid: Gumi Megpoid
Music and Lyrics by: Circus-P
Note: Contains transition effects. Navigation images now much more friendly to replace!
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Song: Sleeping Beauty
Vocaloid: Hatsune Miku
Music and Lyrics by: 164
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Song: Splatter Party
Vocaloid: Hatsune Miku
Music and Lyrics by: Camelia
Note: Hover me, baby. Kanji is supposed to be “cry”, “bleed”, “die”.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Song: Splatter Party
Vocaloid: Hatsune Miku
Music and Lyrics by: Camelia
Note: Contains transition effects. Kanji is supposed to be “cry”, “bleed”, “die”. I couldn't decide which Splatter Party was better and posted two.
Main Image Information:
Main image is a background image. Size dictated by height, for best results any dimensions should work. An image with a width greater than its height is recommended.
Featured Song: Envy Cat Walk
Vocaloid: Hatsune Miku
Music and Lyrics by: Tohma
Note: Hover me, baby. Contains transition effects.
Main Image Information:
Size dictated by width, for best results any dimensions should work. Images with widths greater than their heights recommended.
Featured Song: A Realistic Logical Ideologist
Vocaloid: IA
Music and Lyrics by: Goboumen
Note: Contains on load effects and transition effects.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best results use images with widths greater than their heights.
Featured Song: Hate It! Hate It! Huge Ego!
Vocaloid: Otomachi Una
Music and Lyrics by: Kurage-P
Note: Contains transition effects.
Main Image Information:
Starting image is a background image. Second image displayed has a transparent background. Size dictated by height, for best results any dimensions should work. Images with heights greater than their widths recommended.
Featured Song: Fantastic Night
Vocaloid: Otomachi Una
Music and Lyrics by: ぺぺろんP (Pepperon-P)
Note: Hover me, baby. Contains transition effects. Navbar star images do not have transparent backgrounds.
The title gif text does not display correctly on Internet Explorer. The text has to be changed in two different places one being right under the other. Sometimes the tabs also display correctly and sometimes they don't on IE.
Main Image Information:
Image shown has a transparent background. Size dictated by height, for best results use images with heights greater than their widths.
Featured Song: Diamond Days
Vocaloid: IA
Music and Lyrics by: out of service
Note: Contains transition effects. The "diamond-cut" images are an illusion of HTML triangles matching the background color. Changed it from a hover to a click mechanic to transition to the text.
Main Image Information:
Size dictated by height, for best results use square images.
Featured Song: Hibikase
Vocaloid: Hatsune Miku
Music by: Giga-P
Lyrics by: Reol
Note: Hover me, baby. Contains transition effects. Internet Explorer does not display pulse animation. The navbar has been tweaked so words can be added and will look nice if the user so chooses. Approximately a 12 character display limit.
Main Image Information:
Size dictated by width, for best results use images with widths greater than their heights.
Featured Song: Clover Club
Vocaloid: Hatsune Miku
Music and Lyrics by: Yuuyu-P
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths.
Featured Song: Blackjack
Vocaloid: Megurine Luka
Music and Lyrics by: Yucha
Note: Contains transition effects. Minor animation problems on mobile. The card animation / css file can be delinked for a still fully functional profile.
Main Image Information:
Image displayed has a transparent background. Size dictated by height, for best results use images with heights greater than their widths.
Featured Song: Repeat II
Vocaloid: Sonika
Music and Lyrics by: Circus-P
Note: Contains transition effects. Record created using CSS and HTML therefore the colors and title are fully customizable.
Main Image Information:
Right image has a transparent background. Size dictated by height, for best results use images with heights greater than their widths. For second best results any dimensions should work.
Featured Song: UNBREAKABLE
Vocaloid: Ruby
Music and Lyrics by: Kira
Note: Hover me, baby. Contains transition effects.
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths.
Featured Song: Ready to Fight for Yourself?
Vocaloid: Hatsune Miku & Megurine Luka
Music and Lyrics by: Pandorist-P
Note: Hover me, baby. Triangles are tabs.
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths.
Featured Song: Tokyo Teddy Bear
Vocaloid: Kagamine Rin
Music and Lyrics by: Neru
Main Image Information:
Size dictated by height, for best results anything should work.
Featured Song: World is Mine
Vocaloid: Hatsune Miku
Music and Lyrics by: Ryo
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths. For second best results use relatively square images.
Featured Song: Childish War
Vocaloid: Kagamine Rin & Len
Music and Lyrics by: Giga-P
Note: Contains transition effects. Remove the header tags from the title and those speech boxes would also make a good spot for OOC items too.
Main Image Information:
Size dictated by height for best results use images with heights greater than their their widths.
Featured Song: sweet_So_sweet
Vocaloid: Hatsune Miku
Music and Lyrics by: Hazy-P
Note: Contains transition effects. The "triangle-cut" images are an illusion of HTML triangles matching the background color. Internet explorer does not like the transitions and text animations but is still functional as a profile.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best results use images with widths greater than their heights.
Featured Song: Welcome to the LOVE Hospital
Vocaloid: Hatsune Miku
Music and Lyrics by: Utsu-P
Note: This layout has a lot of material to load in, several backgrounds, two fonts, and an animation file. If it's too clunky I'd recommend cutting the animation color-darken for .lines first. The mp3-player goes poof for mobile (portrait viewports).
Main Image Information:
Main images displayed are background images. Size dictated by height, for best results use images with heights greater than their widths. For second best results use relatively square images.
Featured Song: Dream
Vocaloid: Megurine Luka
Music and Lyrics by: Circus-P
Note: Contains transition effects. Changing the color of the polka dots is extremely tedious but doable. The gif title text does not work on IE. If you find it loads too slowly or is clunky try removing the slide in animation from the inline style of the first infobox/tab.
Main Image Information:
Main image displayed has a transparent background. Size dictated by height, for best results use an image with a height greater than its width. For second best results use relatively square images.
Featured Song:
Vocaloid:
Music and Lyrics by:
Note: Words that describe things
Main Image Information:
More words to describe things
Featured Game: Legend of Zelda
Notes: Originally designed for my own alt. The fourth tab contains gallery links to change the main image on the left.
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths. For second best results any dimensions should work.
Featured Game: Portal
Notes: Hover me, baby.
Main Image Information:
Size dictated by width, for best results use relatively square images. For second best results any dimensions should work.
Featured Game: Legend of Zelda
Notes: Bottle links change image. Item links change tabs. Triforce links intended to link to other LoZ profiles.
Main Image Information:
Size dictated by height, images with heights greater than or equal to their widths are recommended.
Featured Game: Legend of Zelda
Notes: Medallion links change image. Triforce links intended to link to other LoZ profiles.
Main Image Information:
Size dictated by height, images with heights greater than or equal to their widths are recommended.
Featured Game: Legend of Zelda
Notes: Ganon form links change image. Triforce links intended to link to other LoZ profiles.
Main Image Information:
Size dictated by height, images with heights greater than or equal to their widths are recommended.
Featured Game: Devil May Cry
Notes: Contains transition effects.
Main Image Information:
Size dictated by width, for best results any dimensions should work.
Featured Game: Devil May Cry
Notes: Contains transition effects.
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths. For second best results, use relatively square images.
Featured Game: Portal
Notes: Contains transition effects. Infoboxes now appear on click rather than hover. Minor cosmetic issue on Internet Explorer.
Main Image Information:
Size dictated by height, for best results any dimensions should work.
Featured Game: Okami
Notes: Contains transition effects. Minor cosmetic issues on Internet Explorer.
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths and on backgrounds use images with widths greater than their heights. For second best results any dimensions should work.
Featured Game: Grinn's Tale
Notes: Icons are mostly from www.freeiconspng.com, www.free-icons-download.net, and cdn4.iconfinder.com. I am not vouching for the security or legitimacy of these sites.
Main Image Information:
Size dictated by height, for best results use images with heights greater than their widths.
Featured Game: Kingdom Hearts I
Notes: Hover me, baby. The repeating gradient over the background makes it super easy to sneak in a lower resolution image without it being noticeably lower.
Main Image Information:
Size dictated by height, for best results use an image with a height greater than its width.
Featured Game: Final Fantasy IX
Notes: Contains transition effects. There is a blur effect applied to the entire profile for that authentic touch. If you'd prefer crisp graphics remove the filter in the body { } css.
Main Image Information:
Main image size is dictated by width, for best results use a relatively square image.
Featured Game: Phoenix Wright: Ace Attorney
Notes: Contains transition effects. This one has a lot of decorative pieces and does things in ways I don't normally do them. All navigation / profile link images are background images found in the CSS near the top! If you find it loads too slowly or acts clunky you can try removing the < link > to the extra decoration in the HTML to improve performance.
Main Image Information:
Size dictated by height, for best results use relatively square images. For second best results any dimensions should work.
Featured Game: Epic Battle Fantasy
Notes: Hover me, baby. Contains transition effects. No ability box on mobile.
Main Image Information:
Image displayed has a transparent background. Size dictated by height, for best results use an image with a height greater than or equal to its width.
Featured Game:
Notes:
Main Image Information:
