facebook style profile design

portait - April 15, 2007 - 12:02

It would be great if drupal had a facebook style profile. I think that facebook and myspace have very nice profile layout which gives the user a better browsing and community experience.

I think that a lot of drupal users already have nice profile styles at their websites but why is the core profile garland theme not being adopted to a more stylish look and feel? :)
It would be great to see some nicer profile css templates here. ;)

Will have a tutorial soon...

Michelle - April 15, 2007 - 13:57

I'm working on the profile page for my site. When I get it done, I plan on doing a detailed write up of how to do it. You can see it here:

http://dev.couleeregiononline.com/users/superadmin/profile

I'm still working on it, so I don't guarantee it will look right at any given moment. ;)

Michelle

--------------------------------------
My site: http://shellmultimedia.com

Thats brilliant and very

misty3 - April 15, 2007 - 14:24

Thats brilliant
and very very nice !
Probably one cannot ask for more !

Best regards

Wow, looks so much better

portait - April 15, 2007 - 17:36

Wow, looks so much better than the original garland profile theme. I am looking forward getting to know more about your style. :)

Thanks :)

Michelle - April 15, 2007 - 21:01

I hope to have a full write up sometime this week, but in the mean time...

* The theme isn't Garland. It's modified Zen.
* The node itself is a usernode with CCK added.
* I used views for the recent posts and the buddylist.
* The guestbook at the bottom (which I'm still working on theming) is the guestbook module.
* I used the panels module for the layout since I suck at CSS layout.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

Thanks for the info,

portait - April 15, 2007 - 21:13

Thanks for the info, Michelle. :)

very very nice idea...can't

STyL3 - April 23, 2007 - 00:40

very very nice idea...can't wait for the write-up!

i'm actually working on a similar project for my local community.

Sorry for the delay

Michelle - April 23, 2007 - 00:48

My husband had surgery Friday and I've had my hands full. I haven't had a lot of computer time. I'll write it up soon as I can.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

Michelle, I hope that your

portait - April 23, 2007 - 16:47

Michelle, I hope that your husbands surgery was successful.

Thanks :)

Michelle - April 23, 2007 - 17:37

The surgery went fine but the doctor's claim that he'd be up and around by Monday was way off. I also have a toddler to take care of so I'm only getting the computer in bits and pieces when there's a little downtime, which isn't conducive to writing a tutorial. Hopefully I'll be able to do it this weekend or early next week.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

Michelle, take your time. I

portait - April 23, 2007 - 19:31

Michelle, take your time. I think that you got more important things to do than writing a tutorial for us. ;)

np

STyL3 - April 23, 2007 - 22:01

not a problem. life is a bit more important than a write-up...lol.

Thanks guys

Michelle - April 23, 2007 - 22:21

You guys are sweet :)

Things seem to be settling down a bit around here. I'm getting more than 2 mins at a time on the computer. I've started going over some thoughts on the tutorial in my head and hope to at least get a decent start on it soon.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

You guys are sweet :) Thank

portait - April 24, 2007 - 10:25

You guys are sweet :)

Thank you Michelle. :) We know that you'll do the right thing. ;)
Wish you a wonderful & sunny day. :)

I'll help out if you dont

teamrob - May 13, 2007 - 19:52

I'll help out if you dont have the time, if you can send me a rough draft or some very simple notes I will take the time to document them and screenshot them for a full on instructional guide, let me know.

Whoops

Michelle - May 13, 2007 - 20:54

Forgot about this post, sorry. It's basically done. I just need to fix a couple things from the comments and get it in the handbook. I'll be doing that in the next couple days.

http://shellmultimedia.com/tutorials/user-profiles

Michelle

--------------------------------------
My site: http://shellmultimedia.com

[Edit Aug 13: Updated link]

Nice can't wait.

netranger - April 22, 2007 - 16:47

Nice can't wait.

Tagging this, looks nice and

teamrob - April 30, 2007 - 19:17

Tagging this, looks nice and would like to read it.

Bookmarked Thanks Michelle

nishit - May 19, 2007 - 22:02

Bookmarked

Thanks Michelle for the nice work .

No problem :)

Michelle - May 20, 2007 - 00:30

Glad people are getting use out of it.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

check this profile page made

sumoanand - June 15, 2007 - 16:15

check this profile page made using drupal

http://ifood.tv/monica

Regards,
Sumoanand

Hey anand That looks really

nishit - June 16, 2007 - 15:43

Hey anand

That looks really great
Could you tell us the secrets

which module you have used for the images/pics

Hi Nita, We have done

sumoanand - June 18, 2007 - 10:35

Hi Nita,

We have done nothing special.
Just written all the php code in user_profile.tpl.php file

Regards,
Sumoanand
ifood.tv - Food Video Community

Hi sumoanand

mib1976 - July 7, 2007 - 19:47

this profile looks very nice. i´m trying to build the same feature but i
don´t know how. can you descripe how to build this. What for profile
modules has you installed. nodeprofile or the normal profile add-on?

sorry for my english, not my first language.

thank you in advance

As of now we are not using

sumoanand - July 20, 2007 - 13:22

As of now we are not using nodeprofile module but are planning to use that to connect it with views.
To achieve this, in nodeprofile.tpl.php identify the $user->uid & run somequeries for that user & display the corresponding data on the profile page.

you also seem to have a good search page

gurukripa - July 20, 2007 - 17:55

pls share how u did this...
it wld be nice if u cld do a small tutorial for us...

the community will thank u a lot for it...kindly share ur user profile page..and search page..

can u give back to the community some code

gurukripa - July 19, 2007 - 10:20

can u share ur user_profile.tpl.php file with us..so we can see how u have accomplished such a nice thing...

this will help the drupal community grow..and do better...

subscribing

jacauc - August 10, 2007 - 08:59

subscribing

great site.

andrewblack - February 3, 2008 - 04:05

can you have a book like tutorial how to build like your site, it's beautiful site. Tab and snapshot in buddy list how you make it? thanks

your import cvs.

andrewblack - February 3, 2008 - 04:19

http://www.ifood.tv/connect_with_your_friends_) is it modul or you build script for your own?

I had made something similar

dakku - August 13, 2007 - 12:07

I had made something similar for my site. Although I didnt use the facebook style or usernode module:

www.themes4urmobilephone.com/user/dakku

pretty nice userpage

gurukripa - August 13, 2007 - 14:09

can u share how u have done this :)

specially interested in the buddies photos on the page..

This was done using the

dakku - August 13, 2007 - 15:26

This was done using the hook_user.

1) basically I wrote a module that created a lot of custom snipets, each one of the snipets were then added to the user object using the user_hook. Each snipet was basically a local functuion which queried the database and compiled the html.
2) using the template overide in the template.php I could assign a custom template for the profile view.
3) Buddylist: another lookup in the database to get list of buddies, load up each buddy (user_load()) to get to the avatar image. I then wrote another module that uses GD to resize all images, so each user image was passed through GD resize. You can use the built in image functions for sizing (see image.module for examples)

Sorry, my explanation is a little vague, but it should point you in the right direction..

thanks

gurukripa - August 13, 2007 - 16:23

nice things..i used a template override too..and have copied some snippets from the handbooks to make customisations...

if u cld have a small tutorial of the steps u took with the code..it wld help everyone...u cld even put it on the same page with the other snippets.
thanks

sorry dupe post

dakku - August 13, 2007 - 15:28

sorry dupe post

+1 for sumoanand and dakku

omnyx - August 13, 2007 - 23:13

+1 for sumoanand and dakku showing us their magic in the form of a tutorial...
it'd be greatly appreciated!

to anand: where exactly is the user_profile.tpl.php file? please give us some hints on how to navigate within it. Thanks!

Tutorial

Michelle - August 14, 2007 - 02:04

Not quite the same as theirs, but I have a tutorial... http://shellmultimedia.com/tutorials/user-profiles

Michelle

--------------------------------------
My site: http://shellmultimedia.com

Well, here's another

jacauc - August 14, 2007 - 06:21

Well, here's another example...
Not facebook like, but customized:
http://www.dieinter.net/user/jacauc

thanks Michelle - your

omnyx - August 14, 2007 - 10:11

thanks Michelle - your tutorial is great. I can't wait for 'take 3' :)
One question - i'm new to drupal so what exactly is the advantage of using node-profile module over profile-module? Also, you mentioned the tutorial is to get 'exactly the setup you got'. I'm wondering how hard it would be to tweak things a bit and, for example have buddylist section bigger (so it fits more pictures of buddies) or kick some stuff out?

thanks!

Whoops

Michelle - January 28, 2008 - 14:10

This just bumped up in my tracker and I see I never answered this. Probably way too late now but I wanted to apologize and say I wasn't ignoring you.

Michelle

--------------------------------------
See my Drupal articles and tutorials or come check out life in the Coulee Region.

subscribe

yngens - August 28, 2007 - 19:27

subscribe

subscribing

teradaya - September 13, 2007 - 07:55

subscribing

sub

rgreen86 - September 23, 2007 - 12:29

sub

update

thomasmuirhead - January 28, 2008 - 11:05

Just thought some of you might want to check out Michelle's Advanced Profile module and the site she is testing it on: http://socnet.shellmultimedia.com/

real profiles have arrived on drupal

Thanks...

Michelle - January 28, 2008 - 15:07

... but I just joined up to Facebook yesterday to check it out and advprofile isn't even in the same league. LOL

Michelle

--------------------------------------
See my Drupal articles and tutorials or come check out life in the Coulee Region.

Sub

pcs305 - February 1, 2008 - 19:41

Great work! Thanks Michelle

 
 

Drupal is a registered trademark of Dries Buytaert.