InsaneJournal

Tweak says, "Sit down and shut up!"

wintuk (wintuk) wrote in rp_tutorials,
@ 2010-10-18 11:27:00

i'm terrible with layouts! can anyone perhaps provide me kindly with the codes for this type of layout? i tried view source, but i'm incompetent with that, also. thanks in advance!

(Post a new comment)

	enigmalea 2010-10-18 09:45 pm UTC (link)
	I recently did one for a character I can use as a base. It might take an hour or so, but I can code one up for you. Any specific color scheme? (Reply to this) (Thread)

	wintuk 2010-10-19 01:20 am UTC (link)
	oh, you're a doll. a simple gray is fine! (Reply to this) (Parent) (Thread)

Voila!

enigmalea
2010-10-19 11:06 pm UTC (link)

Code:

GLOBAL_HEAD<=
<style>
body, td {
font-family: trebuchet ms, sans-serif;
font-size: 9pt;
line-height: 10px;
}

tt, pre {
font-family: courier new, monospace;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.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: 1px dotted #EAEAEA;
}

.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: 1px dotted #EAEAEA;
}
 
table table table { 
width: auto;}

tr {
text-align: justify;}

table, tr, td {
padding: 2px;}

td div {
font-family: trebuchet ms, 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;}
 --> 
</style>
<=GLOBAL_HEAD

I didn't actually code any colors into this layout other than the color of the border under the title/date bar of entries, so all of your colors can be set using the "Custom Colors" option. To change the color of the border find and replace #EAEAEA with whatever color you want. For a guide on which colors change which colors see this.

(Reply to this) (Parent) (Thread)

	wintuk 2010-10-20 04:58 am UTC (link)
	thank you SO much! i appreciate this a whole lot. (Reply to this) (Parent)

	wintuk 2010-10-20 05:06 am UTC (link)
	question! when putting this in the overrides section, my text in entries when blockquoting or using the align justify thing becomes huge. does that have anything to do with the coding or anything? (Reply to this) (Parent) (Thread)

	enigmalea 2010-10-22 01:04 am UTC (link)
	Hey, I've been attempting to recreate the bug you've run into and can't seem to do it. A couple of things would help me figure this out, though: 1) What browser are you using? 2) Could you get me a screenshot? Or, better, yet, if you could link me to a page with a couple of unlocked entries where this is happening, that would be awesome. (Reply to this) (Parent) (Thread)

	wintuk 2010-10-22 03:45 am UTC (link)
	i'm using safari on a mac and i just posted something in this journal using the codes you gave me. it's weird that it does that! (Reply to this) (Parent) (Thread)

	enigmalea 2010-10-22 02:10 pm UTC (link)
	Try adding the following bit of code between the GLOBAL_HEAD <style> </style> GLOBAL_HEAD bits: .entrybox td div{ font-family: trebuchet ms, sans-serif; font-size: 9pt; line-height: 10px; } I'm at work right now and can't test the code to see if that fixes it, so it might not. Let me know and if it doesn't I'll come up with something else. (Reply to this) (Parent) (Thread)

	wintuk 2010-10-23 10:05 pm UTC (link)
	i don't think it worked! it just made the text super small and bold. i appreciate you doing this for me! i'm just very computer illiterate. :\| (Reply to this) (Parent) (Thread)

enigmalea
2010-10-24 01:25 am UTC (link)

Now that I was able to experiment. I think I got it. Just replace everything you have with:

GLOBAL_HEAD<=
<style>
body, td {
font-family: trebuchet ms, sans-serif;
font-size: 9pt;
line-height: 10px;
}

tt, pre {
font-family: courier new, monospace;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.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: 1px dotted #EAEAEA;
}

.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: 1px dotted #EAEAEA;
}
 
table table table { 
width: auto;}

tr {
text-align: justify;}

table, tr, td {
padding: 2px;}

td div {
font-family: trebuchet ms, 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: trebuchet ms, sans-serif;
font-size: 9pt;
letter-spacing: 0px;
line-height: 10px;
text-transform: none;
font-weight: normal;
}
 --> 
</style>
<=GLOBAL_HEAD

Your blockquotes and justified div's should look exactly like all your other text now, just indented. If you want it styled differently I can do that, too. Just let me know.

(Reply to this) (Parent) (Thread)

	wintuk 2010-10-24 01:49 am UTC (link)
	it works perfectly now! thank you so much. <3 (Reply to this) (Parent)

	ex_becca525 2010-10-19 11:27 am UTC (link)
	By the by, if they code one for you, you can take out all the hex codes and control the colors from the look and feel panel of customize journal. (Reply to this)