Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

November 2019

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Mockup: Photos





Information

Hey guys! It's been a VERY long time since I did instant photos, and my old ones are perfectly cute, but I knew I could do better—and what more appropriate time to do that than mockup month, right? You'll be able to easily add text to the two polaroids, and the texture is a repeating background, so if you enjoy fancy Instax Mini film styles, you'll be able to change these out for different patterns or gradients for the photo frames! Enjoy! ♥



Coding: Mini Instax





Coding: Classic Polaroid





Coding: Standard Instant Photo





Coding: Kodak Frame



Installation Guide

Paste into an entry and fill in the following!

YOUR_PHOTO - Add your photo here!
TEXT_HERE - This text is optional; if no text is needed, go ahead and delere the placeholder! (Instax and Polaroid only)

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

To use multiples
Remove the lj-raw tags and credit link, then change the margin from margin:0 auto; to margin:20px; (or whatever you'd like your spacing to be) and add as many photos as you'd like to this container:

<lj-raw><div style="margin:0 auto;max-width:800px;display:flex;justify-content:center;flex-wrap:wrap;"> YOUR_PHOTO </div><center style="font-family:arial;font-size:8px;letter-spacing:2px;line-height:2;"><a href="http://tessisamess.insanejournal.com/" style="color:#bbb;text-decoration:none;">CODE BY TESSISAMESS</a></center></lj-raw>

FONTS
Monospace - Overall text (Instax and Polaroid only)

IMAGES
https://i.imgur.com/mezPhW2.png - Texture for Instax and Polaroid frame
https://i.imgur.com/nbaOHGE.png - Kodak frame; this can be changed to any photo frame as long as the inner part is transparent so that the photo shows through.

COLORS
#fefefe Photo frame (except for Kodak)
rgba(0,0,0,0.03) Upper background of Instax and Polaroid
rgba(0,0,0,0.1) Borders and box shadows


Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

Oct. 15th, 2019 10:12 pm (UTC)
AAAAAAAAAAAAAAAHHHHHHHHHHHHHHHHHHHH
Oct. 15th, 2019 11:22 pm (UTC)
CODING WIZARD