Points of Required Attention™
Please chime in on a proposed restructuring of the ROM hacking sections.
Views: 88,496,427
 Main | FAQ | Uploader | IRC chat | Radio | Memberlist | Active users | Latest posts | Calendar | Stats | Online users | Search 04-28-24 01:33 PM
Guest: Register | Login

0 users currently in General Chat | 2 guests

Main - General Chat - Post Layouts New thread | New reply


paulguy
Posted on 09-27-09 02:13 AM Link | Quote | ID: 116223


Flurry
Level: 37

Posts: 127/258
EXP: 327035
Next: 11218

Since: 04-10-07
From: Buffalo, NY

Last post: 5030 days
Last view: 4570 days

I came up with an idea for a thread where people can publicly submit post layouts that people can use with implied consent. Also would like to see some requests, too. As long as they're reasonable, someone might make it!

I'll start with my old kconfig layout.

Header:
<style type="text/css">div.paulfont{color:#000000; font-family:"bitstream vera sans
mono","dejavu sans mono","consolas","monaco","lucida console",monospace; font-size:100%;}
div.paulfont a{color:#FFFFFF; background:#0000AA; font-weight:normal; padding:0px 8px 0px
8px;} div.paulfont hr{width:100%; color:#000000; background-color:#000000; height:1px;
border:none; padding:0px;} div.paulfont blockquote{border:solid; border-width:1px 2px 1px
2px; border-color:#000000 #FFFFFF #FFFFFF #000000; padding:8px 4px 8px 4px;}</style><div
style="background:#0000AA; margin:0px;"><span style="color:#00FFFF; font-family:'bitstream
vera sans mono','dejavu sans mono','consolas','monaco','lucida console',monospace;
font-size:100%;">Paulguy's Post configuration</span><hr style="width:100%; color:#00FFFF; background-color:#00FFFF; height:1px; border:none;" /><div style="background:#0000AA; padding: 64px; margin:0px;"><div style="background:#000000;"><div style="background:#AAAAAA; padding:16px; position:relative; top:-16px; left:-16px" class="paulfont"><div style="border:solid; border-width:1px 2px 1px 2px; border-color:#FFFFFF #000000 #000000 #FFFFFF; padding:8px 3px 7px 3px; position:relative; top:-10; left:-5; margin-right:-8; margin-bottom:-20; width:100%;">

Footer:
</div></div></div></div></div>

____________________
"In other news, Scientists theoretize that CHEESECAKE CHEESECAKE CHEESECAKE." --Blackhole89

Mineyl
Posted on 09-27-09 04:26 AM Link | Quote | ID: 116225


Ninji
Level: 35

Posts: 44/243
EXP: 276922
Next: 3014

Since: 09-10-09
From: World 5

Last post: 4280 days
Last view: 465 days
One underlying benefit of a thread like this is that it will teach people unfamiliar with HTML and CSS how to go about constructing a custom layout, too.

This is a good idea. Unfortunately, I've got nothin' at the moment.

____________________
Back from the beyond.

paulguy
Posted on 09-27-09 09:30 AM Link | Quote | ID: 116230


Flurry
Level: 37

Posts: 129/258
EXP: 327035
Next: 11218

Since: 04-10-07
From: Buffalo, NY

Last post: 5030 days
Last view: 4570 days

I'm glad that post exposed a rather fatal error in my layout. It now looks correct when the text exceeds the length of the box. There was a problem where if the text overflowed, the sidebar moved down. I still have no idea why it does this, but in working aruond this, the code has actually been improved significantly. It also allowed me to easily fix an internet explorer specific problem. What I did was I set the positioning of the outer yellow div to relative, but made no changes to it's position. This allows me to use absolute positioning against it, allowing me to force the inner 2 divs to their correct positioning without any regard to where the browser thinks they should be. It also lets me use more meaningful numbers for their top/left values.

I thought this would belong here, since it's post layout related, and if anyone else runs in to this problem with a not so intuitive solution, they'll remember it from this post.

____________________
"In other news, Scientists theoretize that CHEESECAKE CHEESECAKE CHEESECAKE." --Blackhole89

Kawa
Posted on 09-27-09 02:39 PM Link | Quote | ID: 116243


CHIKKN NI A BAAZZKIT!!!
80's Cheerilee is best pony
Level: 138

Posts: 2527/5344
EXP: 30950072
Next: 712909

Since: 02-20-07
From: The Netherlands

Last post: 4500 days
Last view: 2635 days
I suppose I might as well. This one has very little footprint on the page itself, compared for example with Paul's, with all the actual CSS being externally linked. It also degrades nicely: 
<link rel="stylesheet" type="text/css" href="http://.../postlayout.css" />
<div class="fooBack">
	<div class="fooTitle"></div>
	<div class="fooContent">

		Insert joke here
	</div>
</div>

.fooBack
{
	margin: 16px;
	border: 1px solid #444;
	background: #000 url("http://.../header.png") repeat-x;
	font: 12px "Segoe UI", "Tahoma", "MS Sans Serif", sans-serif;
	color: #fff;
}
.fooTitle
{
	text-align: center;
	font-style: italic;
	content: "Title text goes here";
	/* Used to have the content in the fooTitle div,
	   but if the server's down you'd get a plaintext header */
}
.fooContent
{
	padding: 4px;
	background: #000 url("http://.../corner.png") no-repeat bottom right;
}
.fooContent hr
{
	border: 1px solid #444;
	margin: 4px;
}


____________________
Wife make lunch - Shampoo
Opera - give it a spin
Spare some of your free time?
<GreyMaria> I walked around the Lake so many goddamn times that my sex drive was brutally murdered
Kawa rocks — byuu

Insectduel
Posted on 09-27-09 05:59 PM (rev. 3 of 09-27-09 06:00 PM) Link | Quote | ID: 116255


Hammer Brother
Level: 68

Posts: 425/1069
EXP: 2688247
Next: 40553

Since: 02-16-08
From: Insectduel's office

Last post: 1259 days
Last view: 1258 days 		I have post layouts left at Xeogaming. But I don't know if they compatable with this one.

Most of them are buggy but here's mine I recently use.

EDIT: Can't submit it.

Main - General Chat - Post Layouts New thread | New reply

Acmlmboard 2.1+4δ (2023-01-15)
© 2005-2023 Acmlm, blackhole89, Xkeeper et al.

Page rendered in 0.021 seconds. (323KB of memory used)
MySQL - queries: 53, rows: 66/68, time: 0.015 seconds.