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! |
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
(frozen comment) CODES
(frozen comment) TNR
TNR PLAIN:
(frozen comment) HELVETICA
HELVETICA PLAIN:
no subject
no subject
no subject
Great work!!!
no subject
no subject
no subject
no subject
I'm thinking it might just be a layout thing, but idk, so I thought I'd ask :3
no subject
Let me know if this helps! If not, I can look for other ways to fix it.
no subject
Thank you so much!
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
I'll probably use it for my other characters too, it's super user-friendly.
no subject
It's over here: Arthur
Any ideas how to fix?
no subject
no subject
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.
no subject
no subject
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?
no subject
no subject
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...
no subject
no subject
no subject
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!!
no subject
no subject
Do you know how/if the code can be altered to work in other browsers?
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!
no subject
no subject
no subject
no subject
no subject
no subject