↑

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

Navigation

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!

Tags

View all Tags

Layout By

Powered by InsaneJournal

Profile

Tess
The Sanity Extension

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

Navigation

June 2021

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
27282930   

View all Archives

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!

Tags

View all Tags

Layout By

Powered by InsaneJournal
Previous | Next
Jun. 3rd, 2019

Tutorials

General HTML & Coding

How to start coding
Why you should STOP using tables

General CSS

How to use CSS gradients
How to use & style the details tag
How to make a text gradient
Margin vs Padding
Flexbox: Part 1
Flexbox: Part 2
Fancy text effects cheat sheet

Fonts

How to use self-hosted fonts
How to use Google Fonts

Graphics

How to make image text headers
How to find transparent images
Recoloring screencaps in GIMP
How to take automatic screencaps
How to make basic icons

Insanejournal Coding

Most of these work for DW too!
How to make custom journal alerts
How to make column entries
Turning a sidebar into a topbar
Admin Console cheat sheet
How to create hidden-click codes
How to build profile-safe tables
How to align text in a gif profile table
Four ways to spruce up any layout
How to make wreath (and frame) icons
How to make splash pages
The cleanest way to hide an IJ cut
How to style cut text without hiding it
Fake LJ user link
Post entries with a button click
Turn your sticky note into a popup
How to target and hide entry footer links
Tab icons in S2 and S1 (favicon tutorial)
How to convert an IJ code into an HTML page

Complete Base Layout Tutorials

S1 Generator
S2 Complete Style

Dreamwidth Coding

How to use IJ layouts on DW
Tags: , , , ,
Using on DW?

Comments

(Comment)
[info]tessisamess
Jun. 3rd, 2019 07:25 pm (UTC)

SUGGESTIONS

Interested in a tutorial that isn't listed above? I'd be happy to hear about it; just leave a comment below!
[info]stillskies
Aug. 23rd, 2020 05:14 pm (UTC)

DIV: GRIDS

Hey Tess! Usually, I can figure out how to make something work by dissecting one of your codes, but I cannot for the life of me figure out grids in div. If you have time and inclination, maybe a tutorial for that ala flexboxes? Thanks! ♥
[info]tessisamess
Aug. 24th, 2020 10:41 pm (UTC)

Re: DIV: GRIDS

Absolutely, yeah! That's def one I've been wanting to do, but I wasn't sure if there was interest. Ty for letting me know; I'd be happy to put something together for this month.
[info]lildampeer
Jun. 13th, 2019 07:55 pm (UTC)
Tessss, I know you did a tutorial on doing a fixed nav header which used the details tag for some dropdown links but I can't find it for anything right now!!! Can you help me out? :)
[info]tessisamess
Jun. 13th, 2019 08:00 pm (UTC)
Absolutely! That was actually a layout add-on and not a step-by-step tutorial. The post is here!
[info]lildampeer
Jun. 13th, 2019 08:02 pm (UTC)
I knew I wasn't crazy! Thank you!!!
[info]lildampeer
Jun. 13th, 2019 08:09 pm (UTC)
So follow up question lol - I am using it here, but the little submenus get hidden behind the entries instead of displaying on top of the overall layout - is there a way to fix that? :)
[info]tessisamess
Jun. 14th, 2019 09:11 pm (UTC)
Okay, so this is actually super weird LOL. Usually it's just in need of a z-index, but that didn't fix the issue; I've tried a bunch of things and none of them want to work, so I'm a little stumped on this one. I'm going to keep troubleshooting and I'll let you know if I figure out what's causing it!
[info]tessisamess
Jun. 14th, 2019 09:18 pm (UTC)
Ah! Of course as soon as I leave you a comment I realize what the issue is. Alright, if you put z-index:2; into #beta you should be all set!

#beta{position:sticky;top:2vw;z-index:2;}
[info]lildampeer
Jun. 14th, 2019 10:55 pm (UTC)
You are a genius, THANK YOU!
[info]gfalcon
Jun. 6th, 2021 03:35 pm (UTC)
So I'm probably just not seeing it, but have you ever done one on how to do hover text? I can never remember how to do it, any help would be greatly appreciated!
[info]tessisamess
Jun. 15th, 2021 08:37 pm (UTC)
If you're wanting the hover text tooltip when you hover over an element, that's actually super quick to learn how to do!

<img src="URL" title="Image hover text">

<span title="Regular text hover text">Some regular non-link text</span>

<a href="URL" title="Link hover text">Link text</span>
(Comment)