Lavvy (
hissarfcaws) wrote in
mutantsgohome2013-08-06 02:16 am
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Entry tags:
MUSELIST CODE????? muselist code.
okay motherfuckers brace yourselves this is gonna be a ride
You can also see it in action here yonder assuming I don't change it in the near or distant future.
PART 1: GAME INFO
This part is fairly straightforward. You have your icon, you have your game title/username, you have your big hunk o' space to work with. Feel free to modify this part for other things as well, of course. You could probably turn this whole thing into a CR chart or something if you're creative enough.
You have three colours: COLOUR1 and COLOUR2 are for the main table and icon borders, TEXTCOLOUR is (obviously) the text. I like to use colours from the game's profile/icon for this, but you can use other sources if you want, or use different colour combinations entirely. I really don't care go nuts.
When connecting the game and character halves, you don't want any space between them! So make sure the table endtag of part 1 is directly beside the table starttag of part 2, on the same line.
And now for the slightly more complicated part.
PART 2: CHARACTER INFO
The info itself is fairly self-explanatory, so I won't bother with that part here either.
Now, how 2 add more characters???
The part you want to look at is in the style="" part of the opening table tag, but more specifically:
To be even more specific, you want to fiddle with the border radii part(s), and possibly the margin-left and/or width parts.
WHAT DO EACH OF THESE DO:
In my example above, I used this variation for the first character table:
but yeah you can do w/e you want, I'm not entirely satisfied with that layout myself. But hey, I mostly stick to one character per game, so I don't really have to give a fuck.
!!BONUS!! Optional quote line!
To add, all you need to do is insert this row before the table endtag:
ANYWAY THAT'S IT, ENJOY??
![]() Suddenly you find yourself surrounded by white, one of dozens to wake up in what looks to be a crowded medical center. You've been stripped of weapons and technology, given only a PDA and a collar that seems to drain your very skills and abilities. It doesn't matter where you were, what you were doing, or how important it was. There's no way out and no way home. Welcome to Alpha Omega station, home of The Facility. Closed on 04/07/13 |
![]() |
![]() |
You can also see it in action here yonder assuming I don't change it in the near or distant future.
PART 1: GAME INFO
This part is fairly straightforward. You have your icon, you have your game title/username, you have your big hunk o' space to work with. Feel free to modify this part for other things as well, of course. You could probably turn this whole thing into a CR chart or something if you're creative enough.
You have three colours: COLOUR1 and COLOUR2 are for the main table and icon borders, TEXTCOLOUR is (obviously) the text. I like to use colours from the game's profile/icon for this, but you can use other sources if you want, or use different colour combinations entirely. I really don't care go nuts.
When connecting the game and character halves, you don't want any space between them! So make sure the table endtag of part 1 is directly beside the table starttag of part 2, on the same line.
And now for the slightly more complicated part.
PART 2: CHARACTER INFO
The info itself is fairly self-explanatory, so I won't bother with that part here either.
Now, how 2 add more characters???
The part you want to look at is in the style="" part of the opening table tag, but more specifically:
width: 425px; -moz-border-radius: 0px 25px 25px 25px; border-radius: 0px 25px 25px 25px; -webkit-border-radius: 0px 25px 25px 25px; margin-top: -12px; margin-left: 260px
To be even more specific, you want to fiddle with the border radii part(s), and possibly the margin-left and/or width parts.
WHAT DO EACH OF THESE DO:
- The four numbers in the radii are the corners of your table (top right, top left, bottom left, bottom right). 25 means it's rounded, 0 means it's not. You can fiddle with these to make it so the character tables fit together without any weird rounded-corners-over-sharp-corners.
- margin-left is how far away from the left side the table starts. You can increase this number to bump the table further to the right, or decrease it to pull it closer to the left.
- width is, of course, the width. You can make the table wider or shorter. I don't know why I'm explaining this.
In my example above, I used this variation for the first character table:
width: 425px; -moz-border-radius: 0px 25px 0px 0px; border-radius: 0px 25px 0px 0px; -webkit-border-radius: 0px 25px 0px 0px; margin-top: -12px; margin-left: 260pxand this for the second character table:
width: 460px; -moz-border-radius: 0px 25px 25px 25px; border-radius: 0px 25px 25px 25px; -webkit-border-radius: 0px 25px 25px 25px; margin-top: -12px; margin-left: 260px
but yeah you can do w/e you want, I'm not entirely satisfied with that layout myself. But hey, I mostly stick to one character per game, so I don't really have to give a fuck.
!!BONUS!! Optional quote line!
![]() |
"A black long-sleeved jacket in the middle of summer? You'll look like a lunatic, you're getting white." |
To add, all you need to do is insert this row before the table endtag:
ANYWAY THAT'S IT, ENJOY??