#swtor theme

[swtorpadawan]

SWTOR OC : Corellan Halcyon

Inspired by @askshivanulegacy​ and @cole-saberhagen​ - Not attempting their full HTML setup just yet; just giving the template a whirl with the font i chose.  I may do more of these later. 

[askshivanulegacy]

SWTOR Character Profiles!

Finally finished a project I've been working on!  A page of SWTOR-style profiles for the characters from our shared legacies (Shi'vanu and Carmine).  Click the image to find the Imperial AU characters, and navigate to the Republic SIS Files for the Republic AU side of things!  (Might have to navigate to the original post for the click-through image to actually work.)

Super pleased with this!  Modified an original theme by RPTHEME-HELPER and incorporated the SWTOR profile template extracted by COLE-SABERHAGEN.  The idea I was shooting for is a holographic display of a set of intel profiles (either Imperial or Republic). 

Nifty things:

scrolling profile displays as much info as you want about the characters

hover over the character image to see the character's "status"

should fit a decent array of smaller screens, and there are both vertical and horizontal scrollbars if not!

I figured there might be someone else wanting a SWTOR-themed character profile, so I stuck some ready-to-go sample code under the "Read More"!  

My disclaimer is that I am no expert html/CSS coder, so much of it is frankensteined together, and may not be super efficient.  However, if you are even somewhat familiar with what code looks like (and even if you really aren't), it should be simple enough to figure out how to add in your own info.  I've included a full character example, plus 5 additional ready-to-go character templates with optional categories of character info.

How to use:

To create a fully custom page, go to Customize > Add a page, change Standard Layout to Custom Layout, and copy/paste all the code! Type in a url for your new page, hit Update Preview/Save, and you should get something very similar to the page linked above, but without all the characters.

Scroll allllll the way down to the end of all the orange CSS to get to the customization options.

The first block lets you customize the links across the top of the page

Scroll a little further to get to the character info. When you hit NAME/GENDER/SPECIES, etc., you're there.  There's an example to show you where to input your info.

Note that the characters appear in side-by-side pairs.  The code for each pair and each individual character within the pairing is annotated.  When adding/deleting profile blocks, select either the entire pair if tackling two at a time, or the first or second character in the pair, if only doing one.  Unless you're familiar with the code, best to add additional profile blocks by pairs, and then delete the single character if you have one too many.  Why so complicated?  Because CSS/html frankenstein fail and that's what made everything WORK, that's why!

Clear as mud? Good, drop me a note for questions!

Almost forgot!  Nab this for your character image. The center should be transparent if you open in a layer-style editor (like Photoshop).  Crop your image to the same dimensions and slide behind, then save the whole thing as a png and upload somewhere.

Code found here!