BuddyPress

First off I would like to thank the BuddyPress team for developing an amazing tool for creating a social media network. For the past 4 months I’ve been developing a companion site for a magazine that we’re launching here in Hoboken, NJ. Using BuddyPress, Wordpress MU, and a ton of various jqueries, I designed a site allowing our future readers to join in our community, add events, classifieds, images, and post comments on our articles. The site is set to launch in a few days:

http://www.h-mag.com

The current front page: http://www.h-mag.com/temp

and our community: http://www.h-mag.com/community

Looking great. One more example what can be done using this software. Hoping mine will be ready sometime in the near future as well.

Nice. Good to see someone do some real theme work (not just colors).

Are you using bp-events? The latest trunk lists the directory view by date. Much better than by active. I also added a tiny function to bp-events-templatetags.php to display event dates in the directory. I imagine this will show up in the trunk eventually. Probably just an oversight not to have a site event start date function.

function bp_the_site_event_date_start() {
	echo bp_get_the_site_event_date_start();
}
	function bp_get_the_site_event_date_start() {
		global $site_events_template;

		return apply_filters('bp_get_the_site_event_date_start',
		date(('l M j - Y'), $site_events_template->event->date_start));
	}

Of course, you could use whatever date format you like. I happen to like “l M j – Y”.

In your directory loop you’d just use this to display:
<?php bp_the_site_event_date_start() ?>

Thanks David! just added. Looking at the latest trunk I see you guys have been working on a calendar for the plugin. I can’t wait

Very nice work. Makes me want to revisit my nearly-bog-standard home page and go to town on it. I think I just might do that today!

Any tips/tuts you care to share on how you did some of the neater stuff (like the modal registrations) would sure be appreciated!

One of my favorite modular lightboxes: PrettyPhoto

http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

I redesigned a lot of the core BP components so it’d be hard for me to give a step-by-step. I’ve setup several different header / footer files using BP’s Conditional Tags.

The bets tip that I can give you is to just color outside the line. I started out by designing a wordpress template and after installing BP, I brought each directory from the default BP parent theme structure one by one and went from there. I went over every single style in the CSS file and modified each one to match the look of my theme.

Thanks!

@simoncreative: Just to clarify… I am NOT part of the bp-events team. I just made up that little template tag function on my own. So I don’t know for sure if it will make it into the trunk or not. Keep that in mind when updating bp-events. This is my own personal little “hack”. When I mentioned it to Erwin, he seemed to think that such a template tag function already exists. But I checked and double-checked and said function does not exist.

I couldnt post due to a small issue, but like I told you before: This is an awesome modification and I’m very impressed with the overall look and feel of your site.. best custom BP work I’ve seen so far!

@David Lewis Gotcha! sry about that I double checked bp events and it looks like Erwin added a new filer ‘upcoming’ to the latest trunk, that’s probably what he was referring to. I added your custom function my own installation and it works like a charm! tx

@Bowe tx again! I just got through getting rid of some IE bugs such as z-index and custom submit buttons not functioning. Good ol’ ie. The site goes live tonight and we’re having a launch party tomorrow night. I hope we get some good feedback and a get this community growing.

@simoncreative It´s awesome. Like Bowe said, best custom BP work i’ve seen. I’m building a small local newspaper using WPMU+BP and i’ve been doing exactly the same thing you did: going over every single style in the CSS.

@Nervo thank you so much

Just found out that we got listed on WPMU.org’s 17 of the Best and Beautiful!. We’re all ecstatic here.

http://wpmu.org/buddypress-eye-candy-17-of-the-best-and-beautiful/

ok, so how come my site is now on that list?

rofl

p.s. re: my custom template tag above to show the start dates in the directory view… I just clued in and realized that I should be doing this in the functions.php file rather than hacking Erwin’s plugin. So here’s the function to add to the functions.php file of your theme.

function bp_the_site_event_date_start() {
	echo bp_get_the_site_event_date_start();
}
	function bp_get_the_site_event_date_start() {
		global $site_events_template;

		return apply_filters( 'bp_get_the_site_event_date_start', date( ('l M j - Y'), $site_events_template->event->date_start ) );
	}
	add_action( 'plugins_loaded', 'bp_the_site_event_date_start');

Then in the event directory loop template in your theme, just call it like this

<?php p_get_the_site_event_date_start() ?>

Nicely done mate! That’s quite slick design you’ve put together. Also I like the style, that’s a similar style to how I design… 10/10