Swap post profile and post content panel placement.

Got a suggestion or complaint? Go ahead and share, but please be nice about it.

Moderator: General Mods

Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Swap post profile and post content panel placement.

Post by Tallgeese »

I believe you guys can now edit CSS from the admin control panel, and I think you all hate the new alignment, so... here's the offending CSS:

Code: Select all

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
Make it float: left.

And...

Code: Select all

.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}
Put float: right instead of float: left.

I believe that'll do it.
Last edited by Tallgeese on Mon Apr 12, 2010 4:59 pm, edited 1 time in total.
odditude
Official tech support dood
Posts: 2118
Joined: Wed Jan 25, 2006 7:57 am

Re: Swap post profile and post content panel placement.

Post by odditude »

After digging through the user control panel, I'm not seeing any place to view/modify CSS - can you give a more specific location? I'm not sure if I'm blind or it's just not available to my account.
Why yes, my shift key *IS* broken.
Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Re: Swap post profile and post content panel placement.

Post by Tallgeese »

You need to be an admin and have access to the Admin Control Panel.

Styles tab, Theme on left bar, Edit the theme.
grinvader
ZSNES Shake Shake Prinny
Posts: 5632
Joined: Wed Jul 28, 2004 4:15 pm
Location: PAL50, dood !

Re: Swap post profile and post content panel placement.

Post by grinvader »

Suddenly, everything ASPLOD
皆黙って俺について来い!!

Code: Select all

<jmr> bsnes has the most accurate wiki page but it takes forever to load (or something)
Pantheon: Gideon Zhi | CaitSith2 | Nach | kode54
Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Re: Swap post profile and post content panel placement.

Post by Tallgeese »

Huh, it doesn't look too terrible...

The big issue is flipping the image. Also I forgot to fix margin and border. Let me work on that.

EDIT:

Code: Select all

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-right: 1px solid #FFFFFF;
	width: 22%;
	float: left;
	display: inline;
}
.pm .postprofile {
	border-right: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-right: 8px;
}

.postprofile strong {
	font-weight: normal;
	color: #000000;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

.online {
	background-image: none;
	background-repeat: no-repeat;
}


/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-right-color: #FFFFFF;
}

.rtl .postprofile {
	border-left-color: #FFFFFF;
	border-right-color: transparent;
}

.pm .postprofile {
	border-right-color: #DDDDDD;
}

.rtl .pm .postprofile {
	border-left-color: #DDDDDD;
	border-right-color: transparent;
}

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("./styles/prosilver/imageset/en/icon_user_online.gif");
}

/*  	

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: right;
	clear: both;
}

lordmissus
Ignorant Child
Posts: 326
Joined: Mon Apr 06, 2009 10:10 pm
Location: 1984

Re: Swap post profile and post content panel placement.

Post by lordmissus »

Having gotten use to the default layout (users shown on right), I can actuyally say it makes for better readability. We are all English speakers; we read from left to right. With users shown on the left, it's extra work for your eyes.
The modified layout looks ugly.

Also,
http://img340.imageshack.us/img340/3260/42798564.jpg

The bit that says "online" clearly must be on the left if you are to keep this change.
Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Re: Swap post profile and post content panel placement.

Post by Tallgeese »

The above code fixed that.
lordmissus
Ignorant Child
Posts: 326
Joined: Mon Apr 06, 2009 10:10 pm
Location: 1984

Re: Swap post profile and post content panel placement.

Post by lordmissus »

No it didn't. It's still botched on my end. The "online" bar is shown with the buttons above overlapping it. It just looks ugly.
Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Re: Swap post profile and post content panel placement.

Post by Tallgeese »

That's because grin hasn't actually applied it yet.
lordmissus
Ignorant Child
Posts: 326
Joined: Mon Apr 06, 2009 10:10 pm
Location: 1984

Re: Swap post profile and post content panel placement.

Post by lordmissus »

Obviously. Until everyone else can see it, it's still not fixed.
Also,

the width of the section on the left that shows user info, is to much. Perhaps make it less wide. Think about people who have their displays set to low resolutions. This is screen real estate we're talking about.
Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Re: Swap post profile and post content panel placement.

Post by Tallgeese »

The width is the same, actually. Just a border is missing that the above code fixes.

Grin can lower the postprofile width if he wants, though, but he has to raise postbody if he does.

That said, the width is based on a percentage. It'll look fine on low res.
lordmissus
Ignorant Child
Posts: 326
Joined: Mon Apr 06, 2009 10:10 pm
Location: 1984

Re: Swap post profile and post content panel placement.

Post by lordmissus »

Yes, that's what I just realised. I run at 1920x1440, and have my opera window maximized. Change res to 1024x768, and it looks fine.

Why a percentage? Just set it to an optimal fixed-width that remains static regardless of res. Just because I'm on a higher screen res doesn't mean it needs to use that space. It's just wasted space.

Remove from view the bit that says when a person joined the board, and you can set this fixed width lower; even more screen real estate can be saved.

What some boards also do is have post text *below* where the user info is shown, so it can span the entire screen width. What you could also do is disable avatars, so just a banner of text is shown for user data (or make it so only small icons can be used for avatars, like, 64x64 pixels).

Doing these things will make using the board much more friendly on mobile devices running on extremely low resolutions. The interface for posting/editing will be a nuisance on such devices, but at least reading threads will be easier.

I used to run my own bb3 forum, and I did these things. No one joined though (the board was only up for about a week before I pulled the plug, didn't really want to continue maintaining it after changing my mind).

Also, smilies can be disabled; then on the submission page, the box for entering text to go in your post, can span the entire width of the screen. Again, this is for better supporting low res mobile devices.
grinvader
ZSNES Shake Shake Prinny
Posts: 5632
Joined: Wed Jul 28, 2004 4:15 pm
Location: PAL50, dood !

Re: Swap post profile and post content panel placement.

Post by grinvader »

have some oreo double stfu with your whine

i'm not here 36/8



edit: just to note that this whole toying around is only temporary until we get real themes that don't look like a SOLAR FLARE IN YOUR FACE
皆黙って俺について来い!!

Code: Select all

<jmr> bsnes has the most accurate wiki page but it takes forever to load (or something)
Pantheon: Gideon Zhi | CaitSith2 | Nach | kode54
lordmissus
Ignorant Child
Posts: 326
Joined: Mon Apr 06, 2009 10:10 pm
Location: 1984

Re: Swap post profile and post content panel placement.

Post by lordmissus »

I'm not whining at all. I'll happily accept it the way it is. I'm just saying is can be better.
Obviously it's up to you. These are suggestions only.

EDIT: Ah yes, online bar is on the left now. That looks better.
EDIT2:
edit: just to note that this whole toying around is only temporary until we get real themes that don't look like a SOLAR FLARE IN YOUR FACE
Yes, prosilver is shit. I like the "minimal" theme personally (byuu added that theme to his board after I asked him to). One small problem with it is that links are the same colour as normal text (when I ran my own forum, I used this as the only theme, and had links red, normal text black. I also used a much darker gray for the backgrounds. I also completely disabled avatars).

I never really got round to offering byuu my custom .css file for it. I don't really care to make those changes again just to offer it to him, since I mostly use the serenity theme now.

The default theme on byuu's board, "serenity", is also nice.
Gil_Hamilton
Buzzkill Gil
Posts: 4294
Joined: Wed Jan 12, 2005 7:14 pm

Re: Swap post profile and post content panel placement.

Post by Gil_Hamilton »

Hooray, user info is where it belongs!
Squall_Leonhart wrote:
You have your 2s, 4s, 8s, 16s, 32s, 64s, and 128s(crash course in binary counting!). But no 1s.
DirectInput represents all bits, not just powers of 2 in an axis.
KHDownloads
Agozer
16-bit Corpse | Nyoron~
Posts: 3534
Joined: Sun Aug 01, 2004 7:14 pm
Location: Nokia Land

Re: Swap post profile and post content panel placement.

Post by Agozer »

Yeah, much better. Thanks to Tallgeese (ha) for the CSS.
whicker: franpa is grammatically correct, and he still gets ripped on?
sweener2001: Grammatically correct this one time? sure. every other time? no. does that give him a right? not really.
Image
franpa
Gecko snack
Posts: 2374
Joined: Sun Aug 21, 2005 11:06 am
Location: Australia, QLD
Contact:

Re: Swap post profile and post content panel placement.

Post by franpa »

User Statistics under a users profile are not left aligned under the header. EG: http://board.zsnes.com/phpBB3/memberlis ... e&u=107641
Core i7 920 @ 2.66GHZ | ASUS P6T Motherboard | 8GB DDR3 1600 RAM | Gigabyte Geforce 760 4GB | Windows 10 Pro x64
adventure_of_link
Locksmith of Hyrule
Posts: 3634
Joined: Sun Aug 08, 2004 7:49 am
Location: 255.255.255.255
Contact:

Re: Swap post profile and post content panel placement.

Post by adventure_of_link »

lordmister wrote:Having gotten use to the default layout (users shown on right), I can actuyally say it makes for better readability. We are all English speakers; we read from left to right. With users shown on the left, it's extra work for your eyes.
The modified layout looks ugly.
Well, consider that we've been on phpBB2 for years, and user info was always on the left.

and while we're at it, can we at least fix the CSS so the smilies are to the left of the input post box? Please and thanks.
<Nach> so why don't the two of you get your own room and leave us alone with this stupidity of yours?
NSRT here.
Tallgeese
Justice is Blind
Posts: 620
Joined: Wed Jul 28, 2004 3:33 pm
Location: Test
Contact:

Re: Swap post profile and post content panel placement.

Post by Tallgeese »

Agozer wrote:Yeah, much better. Thanks to Tallgeese (ha) for the CSS.
Can I ask why my name is funny? Hahaha.

Have to get used to not saying Metatron?

...Wasn't I originally Tallgeese here, then went Metatron, and am now back?
adventure_of_link
Locksmith of Hyrule
Posts: 3634
Joined: Sun Aug 08, 2004 7:49 am
Location: 255.255.255.255
Contact:

Re: Swap post profile and post content panel placement.

Post by adventure_of_link »

Tallgeese wrote:...Wasn't I originally Tallgeese here, then went Metatron, and am now back?
No, you were X Prime, then Metatron, and now Tallgeese. You may have been Tallgeese on some old copy of the ZSNES board though...

In any case, the funny factor is probably the same as Ducksheep.
<Nach> so why don't the two of you get your own room and leave us alone with this stupidity of yours?
NSRT here.
odditude
Official tech support dood
Posts: 2118
Joined: Wed Jan 25, 2006 7:57 am

Re: Swap post profile and post content panel placement.

Post by odditude »

methinks they're not getting the gundam w reference.
Why yes, my shift key *IS* broken.
Gil_Hamilton
Buzzkill Gil
Posts: 4294
Joined: Wed Jan 12, 2005 7:14 pm

Re: Swap post profile and post content panel placement.

Post by Gil_Hamilton »

adventure_of_link wrote:
lordmister wrote:Having gotten use to the default layout (users shown on right), I can actuyally say it makes for better readability. We are all English speakers; we read from left to right. With users shown on the left, it's extra work for your eyes.
The modified layout looks ugly.
Well, consider that we've been on phpBB2 for years, and user info was always on the left.
And ... Ikonboard before that, I believe?
Squall_Leonhart wrote:
You have your 2s, 4s, 8s, 16s, 32s, 64s, and 128s(crash course in binary counting!). But no 1s.
DirectInput represents all bits, not just powers of 2 in an axis.
KHDownloads
odditude
Official tech support dood
Posts: 2118
Joined: Wed Jan 25, 2006 7:57 am

Re: Swap post profile and post content panel placement.

Post by odditude »

Gil_Hamilton wrote:
adventure_of_link wrote:
lordmister wrote:Having gotten use to the default layout (users shown on right), I can actuyally say it makes for better readability. We are all English speakers; we read from left to right. With users shown on the left, it's extra work for your eyes.
The modified layout looks ugly.
Well, consider that we've been on phpBB2 for years, and user info was always on the left.
And ... Ikonboard before that, I believe?
aaaaand wwwboard before that, for everyone who was around for old-school zmd, demi's board, etc...
Why yes, my shift key *IS* broken.
Gil_Hamilton
Buzzkill Gil
Posts: 4294
Joined: Wed Jan 12, 2005 7:14 pm

Re: Swap post profile and post content panel placement.

Post by Gil_Hamilton »

odditude wrote:
Gil_Hamilton wrote:
adventure_of_link wrote:
lordmister wrote:Having gotten use to the default layout (users shown on right), I can actuyally say it makes for better readability. We are all English speakers; we read from left to right. With users shown on the left, it's extra work for your eyes.
The modified layout looks ugly.
Well, consider that we've been on phpBB2 for years, and user info was always on the left.
And ... Ikonboard before that, I believe?
aaaaand wwwboard before that, for everyone who was around for old-school zmd, demi's board, etc...
Yeah, but the wwwboard was a totally different beast.
Squall_Leonhart wrote:
You have your 2s, 4s, 8s, 16s, 32s, 64s, and 128s(crash course in binary counting!). But no 1s.
DirectInput represents all bits, not just powers of 2 in an axis.
KHDownloads
sweener2001
Inmate
Posts: 1751
Joined: Mon Dec 06, 2004 7:47 am
Location: WA

Re: Swap post profile and post content panel placement.

Post by sweener2001 »

i remember the ikonboard
[img]http://i26.photobucket.com/albums/c128/sweener2001/StewieSIGPIC.png[/img]
Post Reply