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

February 2021

S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28      

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

Build-a-Floorplan







Information

Hey guys! Today it's time for something I've been wanting to do for ages—a customizable apartment guide! Unlike most of my codes, you'll put this one together in pieces, starting with your base, then choosing a floorplan for each floor, and finally your tenant styling. If you have more than roughly 90 characters to house, I recommend using the Simple Text tenant formatting to ensure you don't run out of space in your entry, but this code should give you a lot of mileage before you hit the character limit.

If you're using more than one building's floorplan in the same entry, I also recommend renaming the anchors before adding too much to a building's floorplan. So, if you have two different apartment buildings and two copies of this code, I'd recommend renaming with the building name before the numbers in the anchors and links; example: a name="buildingname-1" for the first floor's anchor and a href="#buildingname-1" for its corresponding nav link.

Enjoy! 💖

Step 1: Base

This is the base code for all floorplan configurations. Paste this and start choosing your options!


Step 2: Floorplan

Choose the floorplan that works best for your needs and paste it into the base code. After choosing your tenant style, copy/paste the floorplan as many times as needed, once for each floor.

Floorplan #1 | Floorplan #2 | Floorplan #3 | Floorplan #4 | Floorplan #5



Step 3: Tenants

Choose your preferred style for each room, then paste into the appropriate areas.

Simple Text | Styled Icons



Editing Guide

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

FONTS
calibri,sans-serif - All text

IMAGES
https://i.imgur.com/M9sfHcW.png - Default icon (styled tenants)

OTHER
opacity:0.06; - Hallway text
opacity:0.2; - Room number text (styled icons)

COLORS
#fff Room background
#f6f6f6 Hallway background
#eee Floorplan link background (styled tenants)
#ddd Borders
#111 All text


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

From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.