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!
×

August 2020

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

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!
Using on DW?

Comments

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