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

December 2018

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

Biosheet: Smartphone





10:55 am
Name
Name

00
Age

Gender
Gender

Sexuality
Sexuality

About
Nam dapibus lacinia consequat. Morbi nisi arcu, rhoncus eu mi quis, molestie porta mi. Mauris dictum augue et dolor dignissim, vitae ullamcorper orci dictum. Curabitur id enim non elit efficitur porttitor ac a massa.

Vivamus nec elit facilisis, sagittis nunc vitae, tempor nisl. Integer rutrum orci in nibh luctus, id dictum mi euismod. Aenean quis augue quis dolor tempus aliquam ac vel diam.
CODE BY

Information

I got a comment on my very old phone code post and it inspired me to create a new one since I've come so far since then! This one isn't as in-character as the old one (it's lowkey a bio lmao) but you could easily use the threads for faux text previews and play around to make it more of an IC phone if you like!

I've also included a single-screen phone with standard links for the icons if you'd like to use a lighter version of this as a nav/contact code! Now, here's the best part: This phone uses exactly no images to create the actual phone (wallpaper and icons only!) so you can resize it and change the phone's color to suit your needs with no hassle! Enjoy! ♥

Coding: Multiple Screens



Coding: Single Screen



Installation Guide

Paste into an entry and fill in the following!

MULTIPLE SCREENS
WALLPAPERHERE - Phone screen wallpaper
10:55 am - To reset the time to a different time
INFOPICHERE - Bio picture; can be any dimensions
Namehere through Aboutinfohere - Bio info

The rest should be pretty straightforward, but let me know if anything is unclear!

SINGLE SCREEN
WALLPAPERHERE - Phone screen wallpaper
10:55 am - To reset the time to a different time
URL1 through URL5 - Your nav links these also have link titles that show up on hover, so you may want to edit those too)

Editing Guide

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

FONTS
century gothic - Overall font

IMAGES
A Note: To change all icons from white to black for a darker theme, simply remove both instances of filter:invert(100%); from the phone code and your icons will swap with no need to replace the images!

https://i.imgur.com/bP4bBRT.png - Wifi icon
https://i.imgur.com/rLKLBuz.png - Signal icon
https://i.imgur.com/NWxfTjz.png - Battery icon

https://i.imgur.com/2LykKSS.png - Info icon
https://i.imgur.com/lZSPDJe.png - Messages icon
https://i.imgur.com/jMPUIVI.png - Contacts icon
https://i.imgur.com/UwfRp5s.png - Music icon
https://i.imgur.com/Pnzz3xg.png - Images icon

COLORS
255,255,255 Info borders on screens; home button background (semi-transparent rgba value)
#fff Text and links
#fafafa Phone color
0,0,0 All shadows on outer phone; top speaker color; home button borders; active screen backgrounds (semi-transparent rgba value)


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

May. 16th, 2018 05:15 pm (UTC)
This is so cute!
May. 16th, 2018 06:30 pm (UTC)
May. 17th, 2018 05:08 am (UTC)
Aww man I remember your old phone layout, I was so impressed with it and this is even better.
May. 17th, 2018 06:24 am (UTC)
This is so much prettier than my bs edit of said old phone post that took me way too long to figure out 😂
May. 25th, 2018 02:28 am (UTC)
LOL nooo! You inspired me tbh! ♥ I took a look at my original code when I read your comment and I was like oh no, I can make a way better phone now...
May. 30th, 2018 01:04 am (UTC)
AS LONG AS SOMEONE BENEFITS FROM MY INSOMNIA ♥
May. 17th, 2018 12:39 pm (UTC)
I love this!!! I am using this! Thank you!
May. 17th, 2018 09:25 pm (UTC)
May. 22nd, 2018 12:02 am (UTC)
I LOVE THIS and I want to use it for everyone.
Oct. 22nd, 2018 11:45 pm (UTC)
Hi! I'm having some trouble with the multiple screens code when trying to use it on DreamWidth. When I have a lot of items in each section that exceeds the height of 580px, a scroll bar isn't implemented as it should be according to the overflow:auto, and everything is hidden. I have tried replacing all instances of < br > with < br/ > as you suggested in your entry about using your layouts and styles on DreamWidth, but it hasn't done the trick.

For a moment, I thought perhaps DreamWidth updated and it somehow messed with this, but when I looked at other entry layouts I have that use the same basic method of a div tag with overflow:auto nested in a div tag with overflow:hidden, the problem isn't there. I have an above average understanding of CSS styling, but I don't know enough to figure out what could be causing this specific code to break on DreamWidth.

Any thoughts and suggestions you might have would be greatly appreciated! I'd really like to be able to use it, it is a lovely code and I am always impressed with what you cook up! Thanks a lot!
Oct. 23rd, 2018 12:05 am (UTC)
Man, that's weird. DW has some bizarre stuff happen to code sometimes though, LOL. Can you link me an entry with your code in place? I'm happy to take a look at it for you and see if I can figure it out! ♥ Also, did it happen with the code before any editing was done to it or after?
Oct. 23rd, 2018 01:25 am (UTC)
Thanks a lot! Would you mind if I sent you the link in a DM? And I couldn't remember if it was before or after edits, so I took a blank code from this page, replaced all the < br > with < br/ > in a fresh entry and c/ped a bunch of the blank music formats until it was long enough and the problem was still there.

Thanks again for helping! <3
Oct. 23rd, 2018 01:41 am (UTC)
DM is fine, yeah! Thanks for the extra info, that helps a lot. A lot of times the problem is usually just a stray typo, but in this case it's definitely DW's framework conflicting with something so I'll have to dig through with the inspection tool and see what I can turn up haha.
Oct. 23rd, 2018 01:53 am (UTC)
Yeah, I've had my fair share of mysterious issues when it comes to DreamWidth framework in the past, and this one has stumped me for too long haha. And I sent the DM just now, I don't often use IJ so hope I did it right and you received it! Let me know if you need anything else <3 thank you!
Oct. 23rd, 2018 07:20 pm (UTC)
Heyo! I went to take a look and it's in working order on my end. It could be a browser issue, but I'm not sure. What browser are you using? (I'm on Chrome. Man this is odd haha.)
Oct. 23rd, 2018 10:00 pm (UTC)
My goodness, it was a chrome add-on that was interfering. I just went and turned different ones on and off to find the culprit. I've never had a problem like that before, but I feel like it should have occurred to me to test my add-ons. Thank you for taking a look, I'm glad it turned out to just be that. It was the Stylus add-on and specifically the 'DreamWidth for Widescreen' style. That style hasn't interfered with entry layouts before now, so I suppose I have to stop using it. A shame, since it's a good one. It also appears to only interfere with the overflow:auto function when the content has links. If the content is just text there is no problem, which is part of why I thought it might just be a code and framework issue. Anyway, that's what it was, thank you for helping me solve it!
Oct. 24th, 2018 12:05 am (UTC)
Actually, it's acting up again even with the styles turned off. I even removed the whole add-on. So I have no idea. It worked after I turned the styles off and then I went back to the page and it's not scrolling again though I have changed nothing in that timeframe. I imagine it'll work again randomly later, but yeah, this is very weird.
Oct. 25th, 2018 04:57 pm (UTC)
Man, this is so weird. I wish I could help, but I'm thinking I won't be able to replicate the issue to test it since it seems to be something specific to... something??? MAYBE THE EXTENSION WHO KNOWS AT THIS POINT LOL.
Oct. 26th, 2018 12:23 am (UTC)
Don't worry about it! It definitely seems to be a very specific issue for me, but thanks anyway. I wouldn't have figured that out without your help!