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

image preview |

Information

Hey, guys! Thanks for participating in my recent promotion; I'm sure there'll be others in the future, so don't worry if you missed it! I have a lot of exciting posts and announcements lined up for next month, so let's wrap up August's free posts with a fun Generator layout! Enjoy! ♥

Layout Coding

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE<=

<div id="sidebar">
	<span id="sidebar-inner">
	<img src="SIDEIMG">
	<b>TITLEHERE</b>
	<i>SUBTITLEHERE</i>
	</span>
	</div>

<div> </div>
<=FRIENDS_WEBSITE

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

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

</span></td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar">
	<span id="sidebar-inner">
	<img src="SIDEIMG">
	<b>TITLEHERE</b>
	<i>SUBTITLEHERE</i>
	</span>
	</div>

<div> </div>
<=DAY_WEBSITE

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

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

</span></td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<title>PAGETITLE</title>
	<link rel="shortcut icon" href="http://i.imgur.com/qpCq6B4.png" type="image/ico" />
	<link href="https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300|Kristi" rel="stylesheet">

<style>
<!--

/*--- REVENANT - TESSISAMESS - 2017 ---*/
/*-- Credit me in profile if removing my credit link from main block --*/
/*-- Find more fun stuff at: tessisamess.insanejournal.com --*/
/*--- GENERATOR BASE BY TESSISAMESS @INSANEJOURNAL ---*/

/*--- GENERAL ---*/

body{
	background:#E3E4E7 url()top left repeat fixed;
	margin:50px 80px 50px 490px;
	padding:0;
	}

body,table,tr,td{
	text-align:justify;
	font-family:Open Sans,helvetica,arial,sans-serif;
	font-size:11px;
	color:#333;
	}

a{
	color:#171A23;
	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:#171A23;
	font-family:Open Sans Condensed,helvetica,arial,sans-serif;
	}

hr{
	border:none;
	height:5px;width:5px;
	margin:0 auto;
	padding:0;
	background:#171A23;
	-webkit-box-shadow:10px 0 0 0 #171A23,-10px 0 0 0 #171A23;box-shadow:10px 0 0 0 #171A23,-10px 0 0 0 #171A23;
	}

blockquote{
	color:#555;
	font-style:italic;
	position:relative;
	padding:10px;margin:0 10%;
	}

blockquote:before, blockquote:after{
	display:block;
	content:"";
	width:20px;height:20px;
	position:absolute;
	}

blockquote:before{
	top:-5px;right:-5px;
	border-top:5px solid #ccc;border-right:5px solid #ccc;
	}

blockquote:after{
	bottom:-5px;left:-5px;
	border-bottom:5px solid #ccc;border-left:5px solid #ccc;
	}

ul{
	list-style:square;
	margin:0;
	}

/*--- SIDEBAR ---*/

#sidebar{
	visibility:visible;
	position:fixed;
	top:0;bottom:0;left:0;
	width:480px;
	background:#171A23 url()center;
	border-right:10px solid #fff;
	}

#sidebar-inner{
	display:block;
	width:250px;
	position:absolute;
	left:50%;margin-left:-150px;
	top:50%;transform:translateY(-50%);
	background:#fff;
	padding:20px;
	line-height:110%;
	}

#sidebar-inner img{
	display:inline;
	width:100%;
	margin-bottom:10px;
	}

#sidebar-inner b{
	font-family:Open Sans Condensed,helvetica,arial,sans-serif;
	text-transform:uppercase;
	display:block;
	text-align:left;
	font-size:17px;
	}

#sidebar-inner i{
	font-family:Kristi,georgia,serif;
	display:block;
	text-align:right;
	font-size:28px;
	}

#right{
	visibility:visible;
	position:fixed;
	top:0;bottom:0;right:0;
	width:70px;
	background:#171A23;
	border-left:10px solid #fff;
	}

#nav{
	visibility:visible;
	position:fixed;
	top:20px;left:460px;
	display:block;
	}

#nav a{
	width:50px;height:50px;
	line-height:50px;
	border-radius:50px;
	margin-bottom:10px;
	}

#cred{
	visibility:visible;
	position:fixed;
	bottom:20px;right:60px;
	font-size:20px;
	width:30px;height:30px;
	line-height:30px;
	border-radius:30px;
	}

#nav a, #cred{
	display:block;
	text-align:center;
	background:#fff;
	box-shadow:1px 1px 1px 0 rgbaa(0,0,0,0.3);
	}

#nav a:hover, #cred:hover{
	background:#171A23;
	color:#fff;
	}

/*--- ENTRIES ---*/

/* ENTRIES CONTAINER */
table{
	width:550px;
	margin:0 auto;
	}

/* EACH ENTRY */
.entrybox{
	visibility:visible;
	margin-bottom:60px;
	background:#fff;letter-spacing:1px;
	padding:35px;
	position:relative;
	}

.entrybox:before, .entrybox:after{
	display:block;
	content:"";
	width:20px;height:20px;
	position:absolute;
	}

.entrybox:before{
	top:-5px;left:-5px;
	border-top:5px solid #171A23;border-left:5px solid #171A23;
	}

.entrybox:after{
	bottom:-5px;right:-5px;
	border-bottom:5px solid #171A23;border-right:5px solid #171A23;
	}

/* ENTRY INNER */
.entrybox table{
	line-height:150%;
	}

.entrybox table a{
	font-weight:bold;
	}

/* ENTRY IMAGES */
.entrybox img{
	max-width:100%;
	}

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

td.caption{
	font-family:Open Sans Condensed,helvetica,arial,sans-serif;
	text-transform:uppercase;
	text-align:left;
	font-size:17px;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 90px;
	color:#171A23;
	}

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

.date{
	color:#fff;
	font-size:17px;
	font-weight:bold;
	}

.entrybox td.index{
	font-family:Open Sans Condensed,helvetica,arial,sans-serif;
	color:transparent;
	font-size:0;letter-spacing:0;
	position:absolute;left:35px;
	width:70px;
	background:#171A23;
	padding:5px 5px 0 7px;
	margin-top:-2px;
	text-align:center;
	}

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

/* COMMENT CONTAINER */
.comments{
	display:block;
	text-align:right;
	text-transform:uppercase;
	padding:10px 0 0 0;
	margin:20px 0 -10px 0;
	border-top:1px solid #ccc;
	font-size:9px;
	}

/* COMMENT LINKS */
.comments a{
	display:inline-block;
	padding:0 4px;
	margin-right:5px;
	}

.comments a:hover{
	}

.entrybox:hover .comments{
	opacity:1;
	}

/*--- USERPICS ---*/

/* USERPIC CONTAINER */
.entrybox table table table td{
	position:absolute;
	top:0;
	right:-90px;
	text-align:center;
	padding:0;
	}

/* USERPIC */
.entrybox a.index img{
	width:65px;
	height:65px;
	margin-bottom:7px;
	border:7px solid #171A23;
	}

/* USERPIC LINKS */
.entrybox a.index font{
	color:#333!important;
	font-size:8px;
	}

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

.meta, table table .index{
	color:#333;
	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(ICONHERE)center!important;
	width:0!important;
	height:0!important;
	padding:13px 0 0 13px!important;
	margin:0 3px 3px 0;
	}

/*--- 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 colspan="2"><span class="comments">

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

</span></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<=

<div id="sidebar">
	<span id="sidebar-inner">
	<img src="SIDEIMG">
	<b>TITLEHERE</b>
	<i>SUBTITLEHERE</i>
	</span>
	</div>

<div> </div>
<=CALENDAR_WEBSITE

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

LASTN_WEBSITE<=

<div id="sidebar">
	<span id="sidebar-inner">
	<img src="SIDEIMG">
	<b>TITLEHERE</b>
	<i>SUBTITLEHERE</i>
	</span>
	</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
JOURNALNAME to complete your URL and activate links
SIDEIMG for your sidebar image (as long as this image isn't teeny tiny it can be any size; the sidebar will adjust itself and the image to fit)
TITLEHERE for your sidebar title
SUBTITLEHERE for your sidebar subtitle

Editing Guide

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

FONTS

Open Sans - Page text
Open Sans Condensed - Header text
Kristi - Sidebar subtitle

COLORS

#fff - Sidebar borders, inner sidebar and entry background, nav link background, date color
#e3e4e7 - Page background
#ccc - Blockquote corners, comments top border
#aaa - Link hover color
#555 - Blockquote text
#333 - Page text, username on friends, page footer
#171a23 - Accent color (sidebar background, entry corners, date background, link color, etc.)

IMAGES

http://i.imgur.com/qpCq6B4.png - Tab icon
ICONHERE - User and lock icons

NOTES

You can remove <span id="right"></span> if you find your screen resolution is too small to comfortably fit the right border; or you can change width:70px; inside of #code to make it thinner. (If you choose the latter, remember to change right:60px; inside of #cred to match the same amount you've subtracted from #right)

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: Revenant

Information

Layout Coding

Installation Guide

Editing Guide

Terms of Use