InsaneJournal

Tweak says, "They don't like it up 'em!!!"

The Rand (tobyrand) wrote in rp_tutorials,
@ 2011-12-10 13:58:00

Entry tags:

layout

Sorry about the journal, but would anyone know how I can get the coding for a layout like this?

(Read comments) - (Post a new comment)

splott
2011-12-11 05:52 pm UTC (link)

GLOBAL_HEAD<=
<style>
 
<!--
body, td {
font-family: Courier New, sans-serif;
font-size: 9pt;
line-height: 15px;
background:#0D141A;
color:#ffffff;
}

tt, pre {
font-family: Courier New, monospace;
}

a {
text-decoration: none;
color:#ffffff;
}

a:hover {
text-decoration: underline;
color:#ffffff;
}

.shadowed, .ljadshadowed {
font-size: 9pt;
}

.ljadshadowed div {
visibility: visible;
position: relative;
}

.meta {
font-size: 9pt;
font-family: Courier New, monospace;
text-transform: uppercase;
letter-spacing: 1px;
}

.index {
font-size: 9pt;
font-family: Courier New, monospace;
line-height: 7px;
text-transform: uppercase;
border-bottom: 2px dotted #737792;
}

.caption, .index {
text-transform: uppercase;
font-size: 9pt; 
letter-spacing: 1px;
}

.comments {
font-size: 9pt;
}

td.caption {
font-size: 9pt;
font-family: Courier New, monospace;
line-height: 7px;
text-transform: uppercase;
border-bottom: 2px dotted #737792;
}
 
table table table { 
width: auto;}

tr {
text-align: justify;}

table, tr, td {
padding: 2px;
background:#272E3E;}

td div {
font-family: Georgia, sans-serif;
font-size: 24pt;
letter-spacing: -3.5px;
line-height: 9pt;
text-transform: lowercase;
}
 
p table table td.caption img {height: 9pt; width: 9pt;}

.entrybox td div{
font-family: Georgia, sans-serif;
font-size: 9pt;
letter-spacing: 0px;
line-height: 10px;
text-transform: none;
font-weight: normal;
}
 --> 
</style>

<=GLOBAL_HEAD

(Reply to this) (Thread)

	tobyrand 2011-12-11 07:30 pm UTC (link)
	Thank you so much! But is there any way I can see the links under the friends icons better? Maybe with a white background? Ive tried tweaking a little, but nothing has worked. (Reply to this) (Parent)

	tobyrand 2011-12-11 07:34 pm UTC (link)
	And while we're at it, I tried to change my link color so I can actually tell what is a link and what isn't, but adjusting the colors didn't seem to help. (Reply to this) (Parent) (Thread)

	dangerog 2011-12-11 07:39 pm UTC (link)
	the colors are hardcoded in, so change the a { and a { hover. (Reply to this) (Parent)

	dangerog 2011-12-11 07:40 pm UTC (link)
	also this is still ~splott, just the journal i use to tweak code (Reply to this) (Parent) (Thread)

	tobyrand 2011-12-11 07:45 pm UTC (link)
	I feel like an idiot. But the coding that I alreadyt have is a:hover { text-decoration: underline; color:#ffffff; } It's white just as I need it, but I must be looking at the wrong thing since it's still black? (Reply to this) (Parent) (Thread)

dangerog
2011-12-11 07:48 pm UTC (link)

GLOBAL_HEAD<=
<style>
 
<!--
body, td {
font-family: Courier New, sans-serif;
font-size: 9pt;
line-height: 15px;
background:#0D141A;
color:#ffffff;
}

tt, pre {
font-family: Courier New, monospace;
}

a {
text-decoration: none;
color:GREEN;
background: transparent;
}

a:hover {
text-decoration: underline;
color:RED;
}

.shadowed, .ljadshadowed {
font-size: 9pt;
}

.ljadshadowed div {
visibility: visible;
position: relative;
}

.meta {
font-size: 9pt;
font-family: Courier New, monospace;
text-transform: uppercase;
letter-spacing: 1px;
}

.index {
font-size: 9pt;
font-family: Courier New, monospace;
line-height: 7px;
text-transform: uppercase;
border-bottom: 2px dotted #737792;
}

.caption, .index {
text-transform: uppercase;
font-size: 9pt; 
letter-spacing: 1px;
}

.comments {
font-size: 9pt;
}

td.caption {
font-size: 9pt;
font-family: Courier New, monospace;
line-height: 7px;
text-transform: uppercase;
border-bottom: 2px dotted #737792;
}
 
table table table { 
width: auto;}

tr {
text-align: justify;}

table, tr, td {
padding: 2px;
background:#272E3E;}

td div {
font-family: Georgia, sans-serif;
font-size: 24pt;
letter-spacing: -3.5px;
line-height: 9pt;
text-transform: lowercase;
}
 
p table table td.caption img {height: 9pt; width: 9pt;}

.entrybox td div{
font-family: Georgia, sans-serif;
font-size: 9pt;
letter-spacing: 0px;
line-height: 10px;
text-transform: none;
font-weight: normal;
}

.entrybox a.index { background: #ffffff;}
 --> 
</style>

<=GLOBAL_HEAD

fixes the icon pictures and change RED and GREEN to whatever you want for those links. for under the picture change

.entrybox a.index { background: #ffffff;} to .entrybox a.index font { color: #ffffff;}

(Reply to this) (Parent) (Thread)

	tobyrand 2011-12-11 07:52 pm UTC (link)
	You know what? I actually like the green. So this works perfectly, thank you! I'll bug you more if I ever need more help, which in my case, I'm sure I will. (Reply to this) (Parent)

(Read comments) -