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

Layout: Social Media


image prev | [info]tess029


001: Informative Info
EYYYYYYYYYYYY a layout! I've been meaning to make this one since like December oops but I'm sort of glad I held off for so long because it came out better than if I'd made it nine months ago, imo. Columns on the recent page, regular entries on all other views (be sure to check out the friends page because it's a lot different.) Custom header, navlinks, entry link menus, sidebars—everything, basically. This is probably my most involved free layout to date, to be honest haha.

I may do a comm-specific version of this for people's Net comms if you guys want it, just be sure to let me know if you have a MIGHTY NEED or I'll get lazy and forget lmao. Enjoy! <3
002: The Layout


003: Directions
→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Look and Feel, choose Complete Style for the layout, then save.
→Go to Custom Options, and choose the following:
→Layout Type: Two column (Sidebar on right)
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Write a comment...

→Person to credit if you have an individually created layout: &copy; Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/

→Body of custom sidebar module:
<div class="pics"><li><li><li><li><li></div><!---

---><div class="navbar"><span><!---

---><div class="buttons"><!---
---><a href="/profile">+ Follow</a><!---
---><a href="/friends">&#128100; Friends</a></div><!---

---><a href="http://www.insanejournal.com/allpics.bml?user=journalname"><img src="USERPIC"></a><!---
---><div class="nameinfo"><a href="/">Name Here</a><!---
--->@journalname</div><!---

---></span></div>


→Body of second custom sidebar module:
<div class="games"><h3>&#127918; Games</h3><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Game Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Game Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Game Name</a><!--
--></div><!---

---><div class="friends"><h3>&#128100; Friends</h3><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Friend Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Friend Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Friend Name</a><!--
--></div>


Make sure you have FIVE header pics and they are all at least 200x200 (larger is fine; they will scale automatically.) In the CSS find the following and replace the URLs:
.pics li:nth-child(1){background:url(HEADERPIC1)center;background-size:cover;}
.pics li:nth-child(2){background:url(HEADERPIC2)center;background-size:cover;}
.pics li:nth-child(3){background:url(HEADERPIC3)center;background-size:cover;}
.pics li:nth-child(4){background:url(HEADERPIC4)center;background-size:cover;}
.pics li:nth-child(5){background:url(HEADERPIC5)center;background-size:cover;}


→Custom stylesheet: Input the code above and save
004: CTRL+F This Shit
#222
#3d5a8e
#4c71b2
#555
#627eaf
#777
#999
#aaa
#bbb
#ccc
#d9d9d9
#ddd
#eee
#fff
Open Sans,helvetica,arial,sans-serif to change the font.
→I know this replacement guide is REAL SHORT but I'm just not sure how in demand a replacement guide will actually be with this specific layout tbh. Let me know if you'd like a full one!
005: Rules and Shit
→Please put my credit in its designated spot.
→Do not remove my credit from the CSS.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

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.