Tessisamess

S	M	T	W	T	F	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

Information

Hey guys! Today we've got a fun minimalist Generator layout with a splash of color and minimal hassle. This one's going to be especially helpful if you hate filling out titles/subtitles—because there aren't any! This layout's header has room for two custom links and the icon links to your userpics, but you can always change these around as needed. Enjoy; bigger things are coming soon! ♥

Layout Coding

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE<=

<header>
		<a href="http://JOURNALNAME.insanejournal.com/" class="left">Recent</a>
		<a href="http://JOURNALNAME.insanejournal.com/profile" class="left">Profile</a>
		<a href="http://JOURNALNAME.insanejournal.com/friends" class="left">Friends</a>

<a href="URL1" class="right">LINK1</a>
		<a href="URL2" class="right">LINK2</a>
		<a href="http://tessisamess.insanejournal.com/" class="right">Layout</a>
	</header>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">

<a href="%%urlread%%">%%messagecount%%</a>
	<a href="%%urlpost%%">ADD</a>

</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<a href="URL1" class="right">LINK1</a>
		<a href="URL2" class="right">LINK2</a>
		<a href="http://tessisamess.insanejournal.com/" class="right">Layout</a>
	</header>

<div> </div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">

<a href="%%urlread%%">%%messagecount%%</a>
	<a href="%%urlpost%%">ADD</a>

</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<title>PAGE TITLE</title>
	<link rel="shortcut icon" href="https://i.imgur.com/pddd0vs.png" type="image/ico" />
	<link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">

<style>
<!--

/*--- TEASER - TESSISAMESS - 2018 ---*/
/*-- Credit me in profile if removing my credit link from main block --*/
/*-- Find more fun stuff at: tessisamess.insanejournal.com --*/

/*--- REPLACEMENTS ---*/

:root{
	--darkest: #000; /* link text hover, header link border, comment hover background */
	--dark: #111; /* page text color */
	--accent: #A84F57; /* page top and bottom border, links, headings, blockquote border, header link hover border, comment background */
	--light: #f5f5f5; /* page background */
	--lightest: #fff; /* comment link text and highlight text */
}

/*--- GENERAL ---*/

::selection{background:var(--accent);color:var(--lightest);}
::-moz-selection{background:var(--accent);color:var(--lightest);}

body{background:var(--light) url()top left repeat fixed;margin:0;padding:260px 50px 50px 50px;border-top:20px solid var(--accent);border-bottom:20px solid var(--accent);}
body,table,tr,td{text-align:justify;font-family:Share Tech Mono,monospace;font-size:13px;color:var(--dark);}

a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--darkest);text-decoration:none;}

h1,h2,h3,h4{padding:0;margin:0;color:var(--accent);font-weight:normal;}

hr{border:none;height:1px;margin:0 30%;padding:0;background:rgba(0,0,0,0.1);}
blockquote{border-left:5px solid var(--accent);padding-left:10px;}
ul{list-style:square;margin:0;}

/*--- SIDEBAR ---*/

header{visibility:visible;position:absolute;left:0;right:0;top:110px;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:2px;}
header img{display:block!important;max-height:100px;}
header a{margin:0 8px;}

.left, .right{width:100px;border-bottom:1px solid var(--darkest);padding-bottom:5px;}
.left{text-align:left;}
.right{text-align:right;}
.left:hover, .right:hover{border-bottom:1px solid var(--accent);color:var(--darkest);}

/*--- ENTRIES ---*/

table{width:600px;margin:0 auto;}
.entrybox{visibility:visible;position:relative;margin-bottom:60px;padding:30px 0 60px 0;border-bottom:1px solid rgba(0,0,0,0.1);}
.entrybox table{line-height:1.5;}
.entrybox img{max-width:100%;}

/*--- ENTRY SUBJECT ---*/

td.caption{position:absolute;top:0;left:0;text-align:left;color:var(--accent);font-size:17px;}

/*--- DATE & TIME ---*/

.date{color:rgba(0,0,0,0.15);font-size:17px;}
.entrybox td.index{position:absolute;top:6px;right:0;text-align:right;color:transparent;font-size:0;}

/*--- COMMENT FOOTER ---*/

.comments{text-align:right;text-transform:uppercase;padding:20px 0 0 0;}
.comments a{background:var(--accent);color:var(--lightest);display:inline-block;text-align:center;padding:4px 7px 2px 7px;}
.comments a:hover{background:var(--darkest);color:var(--lightest);}

/*--- USERPICS ---*/

.entrybox table table table td{position:absolute;top:0;left:-120px;text-align:center;padding:0;}
.entrybox a.index img{width:52px;height:52px;padding:19px 18px 18px 18px;margin-bottom:10px;background:url(https://i.imgur.com/0Apb5av.png)center no-repeat;background-size:100%;}
.entrybox a.index font{color:var(--accent)!important;font-size:9px;}

/*--- PAGE NAVIGATION ---*/

.meta, table table .index{color:rgba(0,0,0,0.4);font-size:8px;text-transform:uppercase;line-height:8px;text-align:right;}
table table table{float:right;width:auto;}
table table table td.meta{padding:1px;}

/*--- TINYICONS ---*/

img[src*="img/userinfo.gif"], img[src*="img/community.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"], img[src*="img/icon_groups.gif"]{background:transparent url(https://i.imgur.com/pddd0vs.png)no-repeat!important;width:0!important;height:0!important;padding:16px 0 0 16px!important;margin-bottom:3px;background-size:16px!important;}

/*--- DISABLED & HIDDEN ELEMENTS - DO NOT EDIT ---*/

/* ORIGINAL TOP HEADER */ .shadowed{visibility:hidden;position:absolute;top:0;left:0;right:0;height:0;background:transparent;}
/* TOP HEADER CONTENTS */ .shadowed img, tr.caption, .index3, table table table table .meta {display:none;}
/* ALL ORIGINAL TABLE STYLING */ table,tr,td{border:none;background:transparent;padding:0;}
/* INNER-ENTRY */ table table{width:100%;margin:0;}
/* HIDES USERPIC INFO BRACKETS */ .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">

<a href="%%urlread%%">%%messagecount%%</a>
	<a href="%%urlpost%%">ADD</a>

</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>10

LASTN_DATE_FORMAT=><span class="date">%%mm%%.%%dd%%.%%yyyy%%</span>

CALENDAR_WEBSITE<=

<a href="URL1" class="right">LINK1</a>
		<a href="URL2" class="right">LINK2</a>
		<a href="http://tessisamess.insanejournal.com/" class="right">Layout</a>
	</header>

<div> </div>
<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT=><span class="date">%%mm%%.%%dd%%.%%yyyy%%</span>

LASTN_WEBSITE<=

<a href="URL1" class="right">LINK1</a>
		<a href="URL2" class="right">LINK2</a>
		<a href="http://tessisamess.insanejournal.com/" class="right">Layout</a>
	</header>

<div> </div>
<=LASTN_WEBSITE

Installation Guide

♡ Make sure you have a website in your profile page.
♡ Go to Basics and choose S1 for your style system, then save.
♡ Go to Look and Feel, choose Generator for all page views, then save.
♡ Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following with your information:

PAGETITLE for your journal title
JOURNALNAME to complete your URL and activate links
URL1 and LINK1 for your first free link
URL2 and LINK2 for your first free link

Editing Guide

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

FONTS

Share Tech Mono - Page text

IMAGES

https://i.imgur.com/vZ9ckyP.png - Header icon
https://i.imgur.com/pddd0vs.png - Tab and user/lock icons
https://i.imgur.com/0Apb5av.png - Userpic border image

COLORS

#fff Comment link text

#f5f5f5 Page background

#a84f57 Page top/bottom border, links, headings, blockquote border, header link hover border, comment background

#111 Page text

#000 Link text hover, header link border, comment hover background

0,0,0 Horizontal rule, entry bottom border, date, page navigation (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!

Tags: layouts, layouts: s1 generator

Profile

Title Here

Navigation

July 2024

Links List

Resources

Tags

Layout By

Layout: Teaser

Information

Layout Coding

Installation Guide

Editing Guide

Terms of Use