efficio: (Default)
elle, mother of dragons. ([personal profile] efficio) wrote in [community profile] showcased2017-01-28 03:45 am
Entry tags:

info sheet: mosaic



info sheet: mosaic

Here's another info sheet like my first one, but a bit more ambitious. There are a few different options! The default is the TNR Mosaic, previewed above. The second is the TNR Plain, which looks like this (click for larger image): The only difference is that the icon mosaic on the top left is replaced with a regular rectangular image. If you'd like to use a gif instead, this is the code you should probably use. There's also Helvetica Mosaic and Helvetica Plain if you'd prefer a sans-serif font, which is just the same codes scaled properly for a different font.

Customization is pretty simple, given that this is a mostly B&W code. If using the Mosaic code, replace USERPIC 1 through USERPIC 15 with links to — you guessed it — the icons you wish to appear in the mosaic. If using the Plain code, replace LEFT PICTURE URL with the URL of the picture you'd like to appear in the top left. All the following instructions are the same regardless of the version you use.

Replace CHARACTER NAME with your character's name, FLAVOR TEXT with whatever text you'd like to appear under the name (I used a quote), and CANON NAME with the canon your character is from. Replace OVERVIEW GOES HERE with a short, 1-2 paragraph blurb about your character, PERSONALITY GOES HERE with a longer personality, and ABILITIES GO HERE with a blurb about your character's abilities. Lastly, replace RIGHT PICTURE URL with the picture you'd like to appear in the bottom right corner. Everything else is extremely self-explanatory! I tried to make the code as user-friendly as possible even though I tend to be an extremely messy coder, and I hope it worked!

Dreamwidth gets a little funky when I try to put this code in one entry more than once for some reason, possibly because it's like a million freaking characters, so the codes are down below in the comments section! The code is fairly complicated, so please please please let me know if anything isn't working right and I'll do my best to help you out!

wehappyfew: Β© π’Ήπ‘’π“ˆπ“‰π“‡π“Šπ’Έπ“‰π’Ύπ‘œπ“ƒ-π’·π‘œπ“ | generation kill. (β™” humvees ↬ brad/ray ( pimps ))

[personal profile] wehappyfew 2017-01-30 03:33 pm (UTC)(link)
Dude. This is amazing. *_*
squidded: (βœ– squidded ; bat squid)

[personal profile] squidded 2017-01-31 11:40 am (UTC)(link)
This is so gorgeous! Very ambitious, but such a lovely over all code.

Great work!!!
assertiveness: (06)

[personal profile] assertiveness 2017-02-01 06:12 pm (UTC)(link)
This is great, saving for later c:
onehandwonder: (Default)

[personal profile] onehandwonder 2017-02-18 06:19 pm (UTC)(link)
Hello! I'm using your gorgeous code over here, and I love it, but the spacing between the columns is a bit off, for some reason, and I can't for the life of me figure out how to fix it.

I'm thinking it might just be a layout thing, but idk, so I thought I'd ask :3
onehandwonder: (Default)

[personal profile] onehandwonder 2017-02-18 09:28 pm (UTC)(link)
Ok, wow, turning off the custom comment pages totally fixed it, and I would never have thought of that, lol.

Thank you so much!
bicce: (pic#11062251)

[personal profile] bicce 2017-02-19 06:52 pm (UTC)(link)
this is gorgeous. snagging to use on this journal.
bicce: (pic#11062246)

[personal profile] bicce 2017-03-01 12:13 am (UTC)(link)
ty! paulina singer is amazing and it's a travesty she isn't in more things!
alwayscomeback: (Find a way to lie)

[personal profile] alwayscomeback 2017-02-24 12:31 am (UTC)(link)
I love this a lot, used it for my active journals. It's GORGEOUS, thank you!
alwayscomeback: (So tie me to a post)

[personal profile] alwayscomeback 2017-02-24 06:59 pm (UTC)(link)
Now all you need is a Zuko journal to use it and you'll have Honour Squared!
perfectdisaster: (Default)

[personal profile] perfectdisaster 2017-03-13 01:03 am (UTC)(link)
I absolutely love this! Definitely snagging this for use on my active journals :)
protectoris: (Default)

[personal profile] protectoris 2017-03-31 07:43 am (UTC)(link)
I used the Plain version here since the Mosaic doesn't appear correctly in Firefox.
suckstobestrange: (Just a'sittin here starin')

[personal profile] suckstobestrange 2017-03-31 11:51 am (UTC)(link)
Used the plain version myself, here and here with a few tweaks.

I'll probably use it for my other characters too, it's super user-friendly.
marthastewart: (watching)

[personal profile] marthastewart 2017-04-01 04:24 am (UTC)(link)
Hey, quick question. I think this maaay be a stylesheet issue, since I've tested this on my personal journal (too lazy to log out of the RP one now) and it worked, but when I tried this out it shows the mosaic for half a second and then it disappears.

It's over here: Arthur

Any ideas how to fix?
marthastewart: (Default)

[personal profile] marthastewart 2017-04-04 01:37 pm (UTC)(link)

Turned custom comment pages off and it's still acting up :( I guess I'll have to change the theme (or the profile); I can't tell what would be preventing the photos from showing up.

marthastewart: (Default)

[personal profile] marthastewart 2017-04-04 07:46 pm (UTC)(link)

Hmmmm. I'm using Windows 10 Chrome, at home, and Mac Yosemite Chrome here. (In Safari it has a different problem - the pictures don't have the hidden aspect, they're tiny boxes - but I never use Safari.) What do you use?

marthastewart: (Default)

[personal profile] marthastewart 2017-04-04 07:54 pm (UTC)(link)

it does! Curiouser and curiouser. I'll try tracking down the person who made the layout and see if there's a coding issue there with one of the browsers...

marthastewart: (Default)

[personal profile] marthastewart 2017-04-04 07:55 pm (UTC)(link)
Wait - does it show up for you okay at http://marthastewart.dreamwidth.org or only on the entry page itself? It shows up okay for me on the entry page, but not on the journal page.
marthastewart: (Default)

[personal profile] marthastewart 2017-04-04 07:57 pm (UTC)(link)

Problem solved, at least! I'll cut it for now and ask the layout maker if there's a solve. Thanks for all your help <33!!

nymphic: (Default)

[personal profile] nymphic 2017-04-14 11:05 am (UTC)(link)
thank you for this! i really love this code. using it here with one additional box added in.
lenabee: for Pirate week at HiH (Pirate Rarity)

[personal profile] lenabee 2017-04-22 08:24 pm (UTC)(link)
Hey, this is great! I did notice though that the mosaic doesn't seem to work the same in Safari and Firefox as it does in Chrome:

Do you know how/if the code can be altered to work in other browsers?

vs.

I love the Mosaic look, but I'd want it to look the same for everyone if I used it. Many thanks in advance! This is so gorgeous!
motherfuckerburn: (yes i've been told i redefine a sin)

[personal profile] motherfuckerburn 2017-04-23 01:20 am (UTC)(link)
I love this code SFM. Thank you!
lebensfresser: Waiting to go off (Default)

[personal profile] lebensfresser 2017-08-25 11:52 pm (UTC)(link)
Your stuff always rocks, thank you!