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! Been a while since I did a more "classic" Generator layout, huh? I thought this would be the perfect month for that! Since this layout is technically one I've been sitting on (aka I forgot to post it months ago lmfao) I'll be posting a fresh Generator layout today too, so stay tuned for that! Enjoy! ♥

Layout Coding

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE<=

<a id="title" href="http://JOURNALNAME.insanejournal.com/">
		JOURNALTITLE
	</a>

<nav>
		<a href="URL1">LINK1</a>
		<a href="URL2">LINK2</a>
		<a href="URL3">LINK3</a>
		<a href="http://tessisamess.insanejournal.com/">LAYOUT</a>
	</nav>
</div>

<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 id="title" href="http://JOURNALNAME.insanejournal.com/">
		JOURNALTITLE
	</a>

<nav>
		<a href="URL1">LINK1</a>
		<a href="URL2">LINK2</a>
		<a href="URL3">LINK3</a>
		<a href="http://tessisamess.insanejournal.com/">LAYOUT</a>
	</nav>
</div>

<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>PAGETITLE</title>
	<link rel="shortcut icon" href="http://i.imgur.com/HIDaEqH.png" type="image/ico" />
	<link href="http://fonts.googleapis.com/css?family=Oswald|Roboto" rel="stylesheet" type="text/css">

<style>
<!--

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

/*--- GENERAL ---*/

::selection{background:#000;color:#f8f8f8;}
::-moz-selection{background:#000;color:#f8f8f8;}

body{background:#eee url(http://i.imgur.com/ajJHQuV.png)top left repeat fixed;margin:160px 0 40px 0;padding:0;}
body,table,tr,td{text-align:justify;font-family:roboto,helvetica,arial,sans-serif;font-size:12px;color:#333;}

a{color:#000;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{color:#aaa;text-decoration:none;}

h1,h2,h3,h4{padding:0;margin:0;color:#aaa;font-family:Oswald,arial black,gadget,sans-serif;}
hr{border:none;height:1px;margin:0 10%;padding:0;background:#ddd;}
blockquote{font-style:italic;}
ul{list-style:circle;margin:0;}
code{color:#aaa;}

/*--- TOPBAR ---*/

#topbar{visibility:visible;position:absolute;top:50px;left:50%;margin-left:-175px;width:350px;line-height:90%;text-align:left;font-size:8px;padding-left:25px;}

#topbar img{width:65px;display:inline;float:left;margin:5px 10px 0 -25px;padding:3px;background:#aaa;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#topbar a img:hover{-moz-transform:rotate(6deg);-webkit-transform:rotate(6deg);-o-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg);}

#title{display:block;padding:35px 0 7px 0;text-transform:uppercase;font-size:20px;letter-spacing:0!important;font-family:Oswald,arial black,gadget,sans-serif!important;}

nav a{margin:0 7px 0 0;display:inline-block;letter-spacing:2px;font-family:consolas;}

/*--- ENTRIES ---*/

table{width:650px;margin:0 auto;}
.entrybox{visibility:visible;margin-bottom:45px;background:#F8F8F8;padding:45px;position:relative;border:1px solid #ddd;z-index:40;}

.entrybox table{line-height:170%;}
.entrybox img{max-width:100%;}
.entrybox a{font-weight:bold;}

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

td.caption{padding:0 0 5px 0;text-align:center;color:#000;font-size:15px;text-transform:uppercase;font-family:Oswald,arial black,gadget,sans-serif;}

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

.date{color:#000;font-size:8px;}
.entrybox td.index{position:absolute;left:0;top:-8px;text-align:left;color:transparent;font-size:0;text-transform:uppercase;letter-spacing:2px;font-family:consolas;}

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

.comments{position:absolute;right:0;bottom:-21px;text-align:right;text-transform:uppercase;font-size:8px;letter-spacing:2px;font-family:consolas;padding:10px 0 0 0;}

.comments a{padding:0 2px;border-bottom:1px solid #000;border-top:1px solid transparent;color:#000;display:inline-block;}
.comments a:hover{border-bottom:1px solid transparent;border-top:1px solid #000;}

/*--- USERPICS ---*/

.entrybox table table table td{position:absolute;top:0;right:-80px;text-align:center;padding:0;}
.entrybox a.index img{width:65px;height:65px;padding:3px;background:#aaa;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;margin-bottom:10px;}
.entrybox a.index font{color:#333!important;font-size:9px;}

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

.meta, table table .index{color:rgba(0,0,0,0.5);font-size:9px;text-transform:uppercase;line-height:8px;text-align:right;font-family:Oswald,arial black,gadget,sans-serif;}
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(http://i.imgur.com/HIDaEqH.png)no-repeat!important;width:0!important;height:0!important;padding:16px 0 0 18px!important;margin-bottom:3px;}

/*--- 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

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

LASTN_OPT_ITEMS=>10

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

CALENDAR_WEBSITE<=

<a id="title" href="http://JOURNALNAME.insanejournal.com/">
		JOURNALTITLE
	</a>

<nav>
		<a href="URL1">LINK1</a>
		<a href="URL2">LINK2</a>
		<a href="URL3">LINK3</a>
		<a href="http://tessisamess.insanejournal.com/">LAYOUT</a>
	</nav>
</div>

<div> </div>
<=CALENDAR_WEBSITE

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

LASTN_WEBSITE<=

<a id="title" href="http://JOURNALNAME.insanejournal.com/">
		JOURNALTITLE
	</a>

<nav>
		<a href="URL1">LINK1</a>
		<a href="URL2">LINK2</a>
		<a href="URL3">LINK3</a>
		<a href="http://tessisamess.insanejournal.com/">LAYOUT</a>
	</nav>
</div>

<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
ICON1 through ICON3 for your topbar icons
JOURNALTITLE for your topbar title
URL1 through URL3 for your topbar link URLs
LINK1 through LINK3 for your topbar link titles
JOURNALNAME to complete your URL and activate links

Editing Guide

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

FONTS

Roboto - Page text
Oswald - Header text

IMAGES

http://i.imgur.com/ajJHQuV.png - Page background
http://i.imgur.com/HIDaEqH.png - User & lock icons; page tab icon

COLORS

#f8f8f8 Entry background and page selection text color

#eee Page background

#ddd Entry border and horizontal rule

#aaa Link hover color, headings, code tag, topbar image border, and entry userpic border

#333 Page text

#000 Link color, entry title, date, comment links and borders, and page selection background

0,0,0 Bottom page nav text (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: Be Silent

Information

Layout Coding

Installation Guide

Editing Guide

Terms of Use