New Dream Portal Theme Sneak Peak!

Author Topic: New Dream Portal Theme Sneak Peak! (Read 3716 times)

0 Members and 1 Guest are viewing this topic.

Xarcell

Project Manager
Constant Sleeper
Posts: 1081
Dreamy

New Dream Portal Theme Sneak Peak!

« on: June 22, 2011, 02:36:12 AM »

So I started work on the new DP theme that was supposed to be exclusive to this site. After I finished it I was completely unhappy with it. I still am actually and plan to make more changes. So it'll be ready when it's ready.

Anyhow, I wanted to show off how posts work. Notice that the first post is different from all the rest. Then notice that the replies are numbered, and collapsible so you can scroll through already read posts faster.

The only thing that's not working properly with it though is the smaller avatars are supposed to be semi-transparent if the user is not online. As as it is, they all show up semi-transparent, online or not. I'm no php coder, so it's trail and error. Maybe a php nerd can tell me what I'm doing wrong.

Code: [Select]

		// Show online and offline buttons?
		if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest']){

						// Show avatars, images, etc.?
			if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
			echo '
									<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
										<img class="postblock-avatar-offline" src="' . $message['member']['avatar']['href'] . '" />
									</a>';
		}
		    else {
				
						// Show avatars, images, etc.?
			if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
			echo '
									<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
										<img class="postblock-avatar-online" src="' . $message['member']['avatar']['href'] . '" />
									</a>';
									
		}

Ok, on to the screenshot!

Logged

Re: New Dream Portal Theme Sneak Peak! - June 22, 2011, 02:37:57 AM

BTW, nothing on there is final, colors and layout are subject to change. In fact, I'm telling you they will change more even from what it is now. It still needs alot of polishing.

Logged

Re: New Dream Portal Theme Sneak Peak! - June 22, 2011, 02:40:18 AM

I can see where you going, and I love it! This looks great to me. The only thing that I do not like is the colours. It looks like someone died, and we are very sad about it. It needs a bit more crisp if you ask me...

Logged

Re: New Dream Portal Theme Sneak Peak! - June 22, 2011, 08:52:24 AM

Xarcell does this work for you?

Code: [Select]

// Show online and offline buttons?
if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest']){

// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
<img class="postblock-avatar-online" src="' . $message['member']['avatar']['href'] . '" />
</a>';
}
    else {

// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
<img class="postblock-avatar-offline" src="' . $message['member']['avatar']['href'] . '" />
</a>';

}

Logged

Re: New Dream Portal Theme Sneak Peak! - June 22, 2011, 04:57:15 PM

Quote from: Robby on June 22, 2011, 08:52:24 AM

Xarcell does this work for you?
Code: [Select]
// Show online and offline buttons? if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest']){ // Show avatars, images, etc.? if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image'])) echo ' <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '"> <img class="postblock-avatar-online" src="' . $message['member']['avatar']['href'] . '" /> </a>'; } else { // Show avatars, images, etc.? if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image'])) echo ' <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '"> <img class="postblock-avatar-offline" src="' . $message['member']['avatar']['href'] . '" /> </a>'; }

No, it does not.

Logged

Re: New Dream Portal Theme Sneak Peak! - June 22, 2011, 10:21:00 PM

@ Xarcell, you are not checking anywhere in that code if the member is online or not.

You need to use $message['member']['online']['is_online'] as the determining factor for whether the user is online or not. And since your if... else... statement acts exactly the same with the exception of the css class rule change, you can simplify this into only 1 if statement, but you should also consider how it will look to people if the if statement returns false (so the avatar image would not show in this case). IMHO, it should look just fine without the avatar if it is disabled in Admin Settings, but just to be sure, you should see what it looks like w/o the avatar.

Anyways, here is your new code to use that acts exactly the same as your old code, cept it adds in the $message['member']['online']['is_online'] check, which will do the trick. So just replace all of your code you listed in your first post of this topic Xarcell with the following:

Code: [Select]

			// Show avatars, images, etc.?
			if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
			echo '
									<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
										<img class="postblock-avatar-', (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'] && $message['member']['online']['is_online'] ? 'online' : 'offline'), '" src="' . $message['member']['avatar']['href'] . '" />
									</a>';

Cheers

Logged

Re: New Dream Portal Theme Sneak Peak! - June 22, 2011, 10:55:23 PM

Thanks SoLo, that worked!

Logged

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 12:39:54 AM

Sure thing. Glad to help out.

Logged

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 12:49:29 AM

Thanks to SoLoGHoST I got the offline members avatar to show semi transparent. Also at his request, I moved the poster's name beside the avatar.

I also removed more unnecessary stuff and brought the post message under the avatars. Looks really clean.

Logged

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 02:13:00 AM

That looks really awesome! I still don't know about the colors though...

Logged

#10

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 03:52:52 PM

@ Xarcell, looks GREAT. Few more things though...

1. Remove the on: text so that the time of the post is directly after the hyphen. The on: text is not needed and sorta ruins it IMO.

2. We need an option to have badges within the header. I, for one, would like to see badges within the title. But, if not in the title, it MOST DEF. needs to be listed somewhere so that people know who they are talking to, if that person represents a member of the team, everyone MUST know. IMHO, the number of replies to a topic are not so important. So I would rather see the badge of a member (if exists) in here rather than the number of the reply that it is. But if you can put both in there that might look good, or maybe not. I'd rather have the badge in there than the Reply Number.

3. The gray for the header color should be replaced with a light blue IMHO.

That should just about make this area of your theme PERFECT!

Cheers Xarcell

Logged

#11

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 09:18:57 PM

Quote from: SoLoGHoST on June 23, 2011, 03:52:52 PM

@ Xarcell, looks GREAT. Few more things though...

1. Remove the on: text so that the time of the post is directly after the hyphen. The on: text is not needed and sorta ruins it IMO.

2. We need an option to have badges within the header. I, for one, would like to see badges within the title. But, if not in the title, it MOST DEF. needs to be listed somewhere so that people know who they are talking to, if that person represents a member of the team, everyone MUST know. IMHO, the number of replies to a topic are not so important. So I would rather see the badge of a member (if exists) in here rather than the number of the reply that it is. But if you can put both in there that might look good, or maybe not. I'd rather have the badge in there than the Reply Number.

3. The gray for the header color should be replaced with a light blue IMHO.

That should just about make this area of your theme PERFECT!

Cheers Xarcell

I will not out the badges in the post header, as there is not enough space. The screenshot you see is on a widescreen, on your screen(1024) it would be very crowded. However, I do have an idea. Apply membergroup colors to the name, and have a mouseover tooltip that shows info like position, badges, posts, etc etc.

Logged

#12

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 09:29:54 PM

FYI to everyone, I have scrapped the theme I was working on. It just didn't look "Dream-Portalish" to me. I ended up renaming it Okeanos, and it is viewable on my site. However it is unfinished, as all my themes are, because I can't quit trying to make a Dream Portal theme.

I'm getting really aggravated at this point, because this is the second time I'm attempted a DP theme and scrapped it, changed it a bit, and called it something else. I'm just having a hard time making something that feels and looks DP.

As far as the post layout, that will still be in the DP theme I make. You can view what I had before I stopped by checking out the Okeanos theme.

Logged

#13

Re: New Dream Portal Theme Sneak Peak! - June 23, 2011, 09:32:52 PM

Here is a REAL ROUGH sketch of a concept I had for DP awhile back. I thought about going it a try again.

What do you think? Does it have potential?

Logged

#14

Re: New Dream Portal Theme Sneak Peak! - June 24, 2011, 12:11:38 AM

Ok SoLo, here is my solution to the problem of showing badges and what not. It's still a work in progress, I will be changing the layout and adding more stuff to the tooltip. You should be able to see the direction I am going in.

See what happens when I mouse over my username?

Last Edit: June 24, 2011, 01:07:31 AM by Xarcell

Logged

Author Topic: New Dream Portal Theme Sneak Peak! (Read 3716 times)

Xarcell

New Dream Portal Theme Sneak Peak!

Shoutbox

Forum Staff